create-young-proj 0.6.1 → 0.8.0

package/template-nuxt-admin/pages/system/menuList.vue

@@ -0,0 +1,329 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-07-25 16:45:17
+ * @LastEditTime: 2023-08-25 16:55:00
+ * @Description:
+-->
+<script lang="ts" setup>
+import { YoungTablePro, useFormMode, YoungDialog, YoungSelect } from '@bluesyoung/ui-vue3-element-plus';
+import type { TableHeadItem } from '@bluesyoung/ui-vue3-element-plus';
+import { deepClone, isArray } from '@bluesyoung/utils';
+import { ElButton } from 'element-plus';
+
+definePageMeta({
+  title: '菜单管理'
+});
+
+const FORM_TEMP: NavArrItem = {
+  breadcrumb: 0,
+  component: '',
+  createdAt: '',
+  creator: '',
+  icon: '',
+  id: 0,
+  name: '',
+  not_dev: 0,
+  parentId: 0,
+  path: '',
+  permission: '',
+  redirect: '',
+  sort: 0,
+  status: 1,
+  title: '',
+  updatedAt: '',
+  visible: 1
+};
+// key 的类型必须为 string 才会生效！！！
+const expandKeys = ref<Set<string>>(new Set());
+
+let tempArr: string[] = [];
+const getFatherAndSon = (arr: NavArrItem[], num?: number): string[] => {
+  if (num === 1) {
+    tempArr = [];
+  }
+  for (const item of arr) {
+    tempArr.push(item.id + '');
+    if (item.children && isArray(item.children) && item.children.length > 0) {
+      getFatherAndSon(deepClone(item.children));
+    }
+  }
+  return tempArr;
+};
+const expandChange = (...args: any) => {
+  const [row, isOpen] = args as [NavArrItem, boolean];
+  const autoid = row.id;
+  if (isOpen) {
+    expandKeys.value.add(autoid + '');
+  } else {
+    const allSub = getFatherAndSon([row], 1);
+    allSub.forEach((v) => expandKeys.value.delete(v));
+  }
+};
+const tableData = ref<NavArrItem[]>([]);
+
+const topMenuOption = ref<Partial<NavArrItem>[]>([]);
+
+/**
+ * 生成节点映射
+ */
+const nodeMap = new Map<string, NavArrItem>();
+const generateNodeMap = (list: NavArrItem[]) => {
+  for (const node of list) {
+    nodeMap.set(node.id.toString(), node);
+    if (node.children && node.children?.length > 0) {
+      generateNodeMap(node.children);
+    }
+  }
+};
+
+/**
+ * 获取节点列表
+ */
+const getList = async () => {
+  const list = Object.values(await apis.get.getMenuList());
+  generateNodeMap(list);
+
+  tableData.value = list;
+
+  topMenuOption.value = [
+    { title: '顶级目录', children: list, id: 0 }
+  ];
+};
+
+const {
+  isAdd,
+  isEdit,
+  form,
+  edit,
+  del,
+  sure,
+  clear,
+  formRef,
+  validForm
+} = useFormMode<NavArrItem>(FORM_TEMP, {
+  addCbk: async () => {
+    const res = await validForm() as boolean;
+    if (res) {
+      const v = deepClone(form.value);
+      await apis.post.addMenuItem(v);
+      ElMessage.success('菜单添加成功！');
+    }
+    return res;
+  },
+  modCbk: async () => {
+    const res = await validForm() as boolean;
+    if (res) {
+      const v = deepClone(form.value);
+      await apis.patch.changeMenuItem(v);
+      ElMessage.success('菜单修改成功！');
+    }
+    return res;
+  },
+  delCbk: async (nav: NavArrItem) => {
+    apis.delete.deleteMenu(nav.id.toString());
+    expandKeys.value.delete(nav.id.toString());
+    ElMessage.success('节点删除成功！');
+    // 框架有 bug，视图更新不及时
+    location.reload();
+  },
+  cgEffect: async () => {
+    await getList();
+  }
+});
+
+/**
+ * 添加节点
+ */
+const add = () => {
+  form.value.parentId = 0;
+  isAdd.value = true;
+};
+
+const tableHead: TableHeadItem<NavArrItem>[] = [
+  {
+    prop: 'title', label: '标题', render: (row) => h('div', { class: 'inline-flex items-center justify-center' }, [
+      h('div', { class: row.icon }),
+      h('div', row.title)
+    ])
+  },
+  {
+    prop: 'sort', label: '同级排序', aligin: 'center', render: (row, i) => h('div', {
+      class: 'flex text-2xl justify-center'
+    }, [
+      h('div', {
+        class: 'i-ic-round-keyboard-arrow-up cursor-pointer',
+        title: '向上',
+        onClick: async () => {
+          const arr = nodeMap.get(row.parentId.toString())?.children || [];
+          const index = arr.findIndex((m) => m.id === row.id);
+          if (index <= 0) {
+            return ElMessage.warning('已经到最前面啦！');
+          } else {
+            const pre = arr[index - 1];
+
+            const num = row.sort;
+            const preNum = pre.sort;
+
+            if (num !== preNum) {
+              row.sort = preNum;
+              pre.sort = num;
+            } else {
+              row.sort = num - 1;
+            }
+            await Promise.all([
+              apis.patch.changeMenuItem(row),
+              apis.patch.changeMenuItem(pre),
+            ]);
+            ElMessage.success('顺序修改成功！');
+            getList();
+          }
+        }
+      }),
+      h('div', {
+        class: 'i-ic-round-keyboard-arrow-down cursor-pointer',
+        title: '向下',
+        onClick: async () => {
+          const arr = nodeMap.get(row.parentId.toString())?.children || [];
+          const index = arr.findIndex((m) => m.id === row.id);
+          if (index === arr.length - 1) {
+            return ElMessage.warning('已经到最后面啦！');
+          } else {
+            const next = arr[index + 1];
+
+            const num = row.sort;
+            const nextNum = next.sort;
+
+            if (num !== nextNum) {
+              row.sort = nextNum;
+              next.sort = num;
+            } else {
+              row.sort = num + 1;
+            }
+            await Promise.all([
+              apis.patch.changeMenuItem(row),
+              apis.patch.changeMenuItem(next),
+            ]);
+            ElMessage.success('顺序修改成功！');
+            getList();
+          }
+        }
+      }),
+    ])
+  },
+  { prop: 'component', label: '页面路径' },
+  {
+    prop: 'visible', label: '隐藏/显示', render: (row) => h(YoungSelect, {
+      modelValue: row.visible,
+      options: [{ label: '显示', value: 1 }, { label: '隐藏', value: 0 }],
+      'onUpdate:modelValue': async (e: number) => {
+        // 状态未修改
+        if (e === row.visible) {
+          return;
+        }
+
+        row.visible = e;
+        await apis.patch.changeMenuItem({ ...row, visible: e });
+        ElMessage.success('菜单修改成功！');
+      }
+    })
+  },
+  { prop: 'creator', label: '创建时间' },
+  {
+    prop: 'id', label: '操作', fixed: 'right', width: '180', render: (row) => h('div', [
+      h(ElButton, {
+        text: true,
+        class: '!p-0',
+        type: 'primary',
+        onClick: () => edit(row),
+      }, {
+        default: () => h('div', '编辑')
+      }),
+      h(ElButton, {
+        type: 'primary',
+        class: '!p-0',
+        text: true,
+        onClick: () => {
+          form.value.parentId = row.id;
+          isAdd.value = true;
+        },
+      }, {
+        default: () => h('div', '添加子节点')
+      }),
+      h(ElButton, {
+        text: true,
+        class: '!p-0',
+        type: 'danger',
+        onClick: () => del(row),
+      }, {
+        default: () => h('div', '删除')
+      })
+    ])
+  }
+];
+
+useTabReOpen(getList);
+</script>
+
+<template>
+  <ElCard>
+    <div>
+      <ElButton type="primary" plain @click="add">新建菜单</ElButton>
+    </div>
+    <br />
+    <!-- 节点列表 -->
+    <YoungTablePro :table-data="tableData" :table-head="tableHead" :tree-props="{ children: 'children' }" row-key="id"
+      :expand-row-keys="[...expandKeys]" @expand-change="expandChange" />
+    <!-- 添加 / 编辑 -->
+    <YoungDialog width="370px" :is-add="isAdd" :diff-form="form" :is-edit="isEdit" @sure="sure" @clear="clear">
+      <template #body>
+        <ElForm ref="formRef" :model="form" label-width="80px" :label-position="WindowSize['lt-lg'] ? 'top' : 'left'">
+          <ElFormItem label="上级目录">
+            <ElCascader :model-value="form.parentId" :props="{
+              label: 'title',
+              value: 'id',
+              checkStrictly: true,
+              multiple: false
+            }" :options="topMenuOption" :show-all-levels="false"
+              @update:model-value="(e: any) => form.parentId = e[e.length - 1]" />
+          </ElFormItem>
+          <ElFormItem label="英文名称" prop="name" :rules="{ required: true, message: '请输入英文名', trigger: 'blur' }">
+            <ElInput v-model.trim="form.name" placeholder="请输入英文名" />
+          </ElFormItem>
+          <ElFormItem label="标题" prop="title" :rules="{ required: true, message: '请输入页面标题', trigger: 'blur' }">
+            <ElInput v-model.trim="form.title" placeholder="请输入页面标题" />
+          </ElFormItem>
+          <ElFormItem label="图标">
+            <ElSelect v-model="form.icon" class="select_icon" placeholder="请选择图标">
+              <template #prefix>
+                <div :class="form.icon" />
+              </template>
+              <ElOption v-for="(item, index) in MenuIconList" :key="index + 'sfjhaeoir'" :value="item.label">
+                <div :class="item.label" />
+              </ElOption>
+            </ElSelect>
+          </ElFormItem>
+          <ElFormItem label="排序">
+            <ElInputNumber v-model.number="form.sort" />
+          </ElFormItem>
+          <ElFormItem label="是否显示">
+            <ElRadioGroup v-model="form.visible">
+              <ElRadio :label="1">显示</ElRadio>
+              <ElRadio :label="0">隐藏</ElRadio>
+            </ElRadioGroup>
+          </ElFormItem>
+          <ElFormItem label="路径" prop="component" :rules="form.parentId === 0 ? {} :
+            { message: '请输入合法的路径, eg: /path/page', trigger: 'blur', validator: (_: any, v: string) => v.trim() === '' || /\/(.*)\/(.*)/.test(v) }
+            ">
+            <ElInput v-model.trim="form.component" />
+          </ElFormItem>
+        </ElForm>
+      </template>
+    </YoungDialog>
+  </ElCard>
+</template>
+
+<style lang="scss" scoped>
+:deep(.select_icon .el-input__inner) {
+  opacity: 0 !important;
+}
+</style>

package/template-nuxt-admin/pages/system/role.vue

@@ -0,0 +1,117 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-07-25 16:45:39
+ * @LastEditTime: 2023-08-25 16:55:10
+ * @Description:
+-->
+<script lang="ts" setup>
+import { YoungTablePro, YoungDialog, YoungPagination, YoungSearchForm } from '@bluesyoung/ui-vue3-element-plus';
+import { useRoleApi, useRoleBase, useRoleMenu } from './hooks/useRole';
+
+definePageMeta({
+  title: '角色管理'
+});
+
+const {
+  query,
+  queryScheme,
+  reset,
+  getList,
+  tableHead,
+  tableData,
+  baseFormRef,
+  base
+} = useRoleBase();
+
+const { showPriority, menu } = useRoleMenu();
+
+const { showApi, api } = useRoleApi();
+
+useTabReOpen(getList);
+</script>
+
+<template>
+  <ElCard>
+    <YoungSearchForm v-model="query" :search-scheme="queryScheme" :on-search="getList" :on-reset="reset">
+      <template #btns>
+        <ElButton type="success" @click="base.isAdd = true">添加角色</ElButton>
+      </template>
+    </YoungSearchForm>
+  </ElCard>
+
+  <br />
+
+  <ElCard>
+    <YoungTablePro :table-data="tableData" :table-head="tableHead">
+      <template #operate>
+        <ElTableColumn label="操作" width="300px" fixed="right">
+          <template #default="scope">
+            <ElButton type="primary" link @click="base.edit(scope.row)">信息编辑</ElButton>
+            <ElButton type="primary" link @click="menu.edit(scope.row)">菜单编辑</ElButton>
+            <ElButton type="primary" link @click="api.edit(scope.row)">接口编辑</ElButton>
+            <ElButton type="danger" link @click="base.del(scope.row)">删除</ElButton>
+          </template>
+        </ElTableColumn>
+      </template>
+    </YoungTablePro>
+    <YoungPagination v-model:page="query.pageNum" v-model:limit="query.pageSize" :total="query.total"
+      @page-change="getList" />
+  </ElCard>
+  <!-- 基础信息编辑 -->
+  <YoungDialog :is-add="base.isAdd" :diff-form="base.form" :is-edit="base.isEdit" width="520px" @sure="base.sure"
+    @clear="base.clear">
+    <template #body>
+      <ElForm ref="baseFormRef" :model="base.form" label-width="120px"
+        :label-position="WindowSize['lt-lg'] ? 'top' : 'left'">
+        <ElFormItem label="角色名称(中文)" prop="name" :rules="[{ required: true, message: '请填写角色名称', trigger: 'blur' }]">
+          <ElInput v-model.trim="base.form.name" class="!w-300px" />
+        </ElFormItem>
+        <ElFormItem label="关键字(英文)" prop="keyword" :rules="[{ required: true, message: '请填写关键字', trigger: 'blur' }]">
+          <ElInput v-model.trim="base.form.keyword" class="!w-300px" />
+        </ElFormItem>
+        <ElFormItem label="角色描述">
+          <ElInput v-model.trim="base.form.desc" class="!w-300px" />
+        </ElFormItem>
+      </ElForm>
+    </template>
+  </YoungDialog>
+  <!-- 菜单编辑 -->
+  <YoungDialog real-title="菜单编辑" :diff-form="menu.checkMap" :is-edit="showPriority" top="5vh" width="1200px"
+    @sure="menu.sure" @clear="menu.clear">
+    <template #body>
+      <ElTable :data="menu.tableData" row-key="id" :default-expand-all="false" class="max-h-600px !overflow-y-auto">
+        <ElTableColumn prop="name" label="节点名称" width="320px">
+          <template #default="scope">
+            <ElCheckbox v-model="menu.checkMap[scope.row.id]" @change="menu.selectChange(scope.row)">{{
+              scope.row.title
+            }}</ElCheckbox>
+          </template>
+        </ElTableColumn>
+        <ElTableColumn v-for="(item, index) in menu.tableHead" v-bind="item" :key="index + 'fsdjhfaer'" />
+        <ElTableColumn prop="name" label="隐藏/显示">
+          <template #default="scope">
+            <ElSwitch v-model="scope.row.visible" :active-value="1" :inactive-value="0" active-color="#409EFF"
+              inactive-color="#909399" disabled />
+          </template>
+        </ElTableColumn>
+      </ElTable>
+    </template>
+  </YoungDialog>
+  <!-- 接口编辑 -->
+  <YoungDialog real-title="接口编辑" :diff-form="api.checkMap" :is-edit="showApi" top="5vh" width="1200px" @sure="api.sure"
+    @clear="api.clear">
+    <template #body>
+      <ElTable :data="api.tableData" row-key="id" :default-expand-all="false" class="max-h-600px !overflow-y-auto">
+        <ElTableColumn prop="name" width="100px">
+          <template #header>
+            <ElCheckbox v-model="api.isAll" @change="api.changeAll">全选</ElCheckbox>
+          </template>
+          <template #default="scope">
+            <ElCheckbox v-model="api.checkMap[scope.row.id]">{{ scope.row.title }}</ElCheckbox>
+          </template>
+        </ElTableColumn>
+        <ElTableColumn v-for="(item, index) in api.tableHead" v-bind="item" :key="index + 'fsdjhfaer'" />
+      </ElTable>
+    </template>
+  </YoungDialog>
+</template>

package/template-nuxt-admin/pages/system/user.vue

@@ -0,0 +1,214 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-07-25 16:46:00
+ * @LastEditTime: 2023-08-25 16:55:17
+ * @Description:
+-->
+<script lang="ts" setup>
+import { useFormMode, YoungDialog, YoungTablePro, YoungPagination, YoungSelect, useQuery, YoungSearchForm } from '@bluesyoung/ui-vue3-element-plus';
+import type { TableDataItem, TableHeadItem, SelectOptionItem, YoungSearchScheme } from '@bluesyoung/ui-vue3-element-plus';
+import { deepClone } from '@bluesyoung/utils';
+import { ElButton } from 'element-plus';
+
+definePageMeta({
+  title: '用户管理'
+});
+
+interface Form extends UserItem { op?: any; };
+const FORM_TEMP: Form = {
+  id: 0,
+  username: '',
+  nickname: '',
+  mobile: '',
+  roleId: 1,
+  status: 1,
+  initPassword: ''
+};
+const {
+  isAdd,
+  isEdit,
+  edit,
+  del,
+  sure,
+  clear,
+  form,
+  formRef,
+  validForm
+} = useFormMode<Form>(FORM_TEMP, {
+  addCbk: async () => {
+    const res = await validForm() as boolean;
+    if (res) {
+      const v = deepClone(form.value);
+      await apis.post.addUserItem(v);
+      ElMessage.success('新增成功！');
+    }
+    return res;
+  },
+  modCbk: async () => {
+    const res = await validForm() as boolean;
+    if (res) {
+      const v = deepClone(form.value);
+      await apis.patch.changeUserItem(v);
+      ElMessage.success('修改成功！');
+    }
+    return res;
+  },
+  delCbk: async (row) => {
+    await apis.delete.deleteUser(row.id.toString());
+    ElMessage.success('删除成功！');
+    query.value.pageNum = 1;
+  },
+  cgEffect: () => getList(),
+});
+
+const tableHead: TableHeadItem<Form>[] = [
+  { prop: 'id', label: '用户ID' },
+  { prop: 'username', label: '用户名' },
+  { prop: 'mobile', label: '手机号' },
+  { prop: 'role_name', label: '角色名称' },
+  { prop: 'creator', label: '创建信息' },
+  {
+    prop: 'op', label: '操作', width: '300px', fixed: 'right', render: (row) => h('div', [
+      hasPermission('/access/system/update/user') && h(ElButton, {
+        type: 'primary',
+        text: true,
+        class: '!p-0',
+        onClick: () => edit(row)
+      }, {
+        default: () => '编辑'
+      }),
+      hasPermission('/access/system/update/user') && h(ElButton, {
+        type: 'warning',
+        text: true,
+        class: '!p-0',
+        onClick: () => changePwd(row)
+      }, {
+        default: () => '修改密码'
+      }),
+      hasPermission('/access/system/del/user') && h(ElButton, {
+        type: 'danger',
+        text: true,
+        class: '!p-0',
+        onClick: () => del(row)
+      }, {
+        default: () => '删除'
+      })
+    ])
+  }
+];
+const tableData = ref<TableDataItem<Form>[]>([]);
+
+const getList = async () => {
+  const { list: role_list } = await apis.get.getRoleList({ noPagination: true });
+  roleList.value = (role_list || []).map((item: RoleItem) => {
+    return {
+      label: item.name,
+      value: item.id
+    };
+  });
+
+  const { list, pageNum, pageSize, total } = await apis.get.getUserList(query.value);
+  tableData.value = deepClone(list || []);
+
+  query.value.pageNum = +pageNum || 1;
+  query.value.pageSize = +pageSize || 50;
+  query.value.total = +total || 0;
+};
+
+const changePwd = (e: UserItem) => {
+  ElMessageBox.prompt('请输入新密码').then(async ({ value }) => {
+    value = value.trim()
+    if (value) {
+      await apis.patch.changeUserItem({ id: e.id, newPassword: value });
+      ElMessage.success('修改成功！');
+    }
+  }).catch(() => null);
+};
+
+interface Query extends BaseQuery {
+  username: string;
+  mobile: string;
+  status: 0 | 1;
+}
+
+const { query, reset } = useQuery<Query>(
+  {
+    pageNum: 1,
+    pageSize: 10,
+    total: 0,
+    username: '',
+    mobile: '',
+    status: 1
+  },
+  getList,
+);
+const queryScheme: YoungSearchScheme<Query> = {
+  username: {
+    type: 'input',
+    tip: '用户名',
+    attrs: {
+      placeholder: '请输入用户名',
+    },
+  },
+  mobile: {
+    type: 'input',
+    tip: '手机号',
+    attrs: {
+      placeholder: '请输入手机号',
+      maxlength: 11
+    }
+  },
+  status: {
+    type: 'select',
+    tip: '状态',
+    attrs: {
+      placeholder: '用户状态',
+    },
+    options: [{ label: '禁用', value: 0 }, { label: '启用', value: 1 }],
+  }
+};
+
+const roleList = ref<SelectOptionItem<number>[]>([]);
+
+useTabReOpen(getList);
+</script>
+<template>
+  <ElCard>
+    <YoungSearchForm v-model="query" :search-scheme="queryScheme" :on-search="getList" :on-reset="reset">
+      <template #btns>
+        <ElButton v-permission="'/access/system/create/user'" type="success" @click="isAdd = true">添加用户</ElButton>
+      </template>
+    </YoungSearchForm>
+  </ElCard>
+
+  <br />
+
+  <ElCard>
+    <YoungTablePro :table-data="tableData" :table-head="tableHead" />
+    <YoungPagination v-model:page="query.pageNum" v-model:limit="query.pageSize" :total="query.total"
+      @page-change="getList" />
+  </ElCard>
+
+  <YoungDialog :is-add="isAdd" :diff-form="form" :is-edit="isEdit" width="520px" @sure="sure" @clear="clear">
+    <template #body>
+      <ElForm ref="formRef" :model="form" label-width="100px" :label-position="WindowSize['lt-lg'] ? 'top' : 'left'">
+        <ElFormItem label="用户名" prop="username" :rules="{ required: true, message: '请输用户名', trigger: 'blur' }">
+          <ElInput v-model.trim="form.username" class="!w-300px" />
+        </ElFormItem>
+        <ElFormItem label="昵称" prop="nickname" :rules="{ required: true, message: '请输昵称(用于右上角展示)', trigger: 'blur' }">
+          <ElInput v-model.trim="form.nickname" class="!w-300px" />
+        </ElFormItem>
+        <ElFormItem label="手机号" prop="mobile" :rules="{ required: true, message: '请输手机号', trigger: 'blur' }">
+          <ElInput v-model.trim="form.mobile" :maxlength="11" class="!w-300px" />
+        </ElFormItem>
+        <ElFormItem label="角色">
+          <YoungSelect v-model="form.roleId" placeholder="请选择角色" :options="roleList" />
+        </ElFormItem>
+        <ElFormItem v-if="isAdd" label="初始密码" prop="initPassword"
+          :rules="{ required: true, message: '请输初始密码', trigger: 'blur' }">
+          <ElInput v-model.trim="form.initPassword" class="!w-300px" />
+        </ElFormItem>
+      </ElForm>
+    </template>
+  </YoungDialog>
+</template>

package/template-nuxt-admin/plugins/directive.ts

@@ -0,0 +1,26 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-31 14:04:44
+ * @LastEditTime: 2023-07-31 14:33:10
+ * @Description:
+ */
+import { isString } from '@bluesyoung/utils';
+
+export default defineNuxtPlugin((nuxtApp) => {
+  /**
+   * 鉴自指令定义的zdy
+   */
+  nuxtApp.vueApp.directive('permission', {
+    mounted(el, binding) {
+      const { value } = binding;
+
+      if (isString(value) && value) {
+        if (!hasPermission(value as unknown as string)) {
+          el.parentNode && el.parentNode.removeChild(el);
+        }
+      } else {
+        throw new Error(`need value! Like v-permission="'/access/get/list'"`);
+      }
+    },
+  });
+});

package/template-nuxt-admin/public/default_avatar.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M28.717511 509.428622c0.068267 263.850667 213.8112 477.684622 477.411556 477.639111 263.600356-0.045511 477.275022-213.970489 477.229511-477.843911 0-263.850667-213.720178-477.752889-477.320534-477.752889-126.611911 0-248.035556 50.3808-337.555911 140.014934a478.094222 478.094222 0 0 0-139.764622 337.92z" fill="#FFFFFF" /><path d="M856.814933 833.9456c-12.811378-67.1744-130.753422-131.390578-236.612266-166.479644-5.165511-1.729422-37.387378-16.201956-17.2032-77.459912 52.747378-54.0672 92.728889-141.175467 92.728889-226.941155 0-131.754667-87.699911-200.886044-189.622045-200.886045-101.944889 0-189.394489 69.063111-189.394489 200.886045 0 86.038756 40.004267 173.488356 92.842667 227.487289 20.593778 53.976178-16.224711 74.092089-23.984356 76.777244-100.693333 36.340622-217.679644 100.784356-230.559289 166.479645a478.685867 478.685867 0 0 1-55.591822-574.350223 477.639111 477.639111 0 0 1 536.9856-209.942755C842.183111 107.633778 984.314311 295.5264 984.450844 509.5424a475.363556 475.363556 0 0 1-127.635911 324.4032" fill="#B8D4FF" /></svg>