@utogether/udp-core 1.0.1-beta.16 → 1.0.1-beta.18

package/src/layout/components/lay-panel/index.vue

@@ -1,150 +1,150 @@
-<!--
- * @Author: wei.li
- * @Date: 2021-12-23 17:33:20
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-07-31 10:15:40
- * @Description: 个性化设置页面
--->
-<script setup lang="ts">
-import { ref, computed, onMounted, onBeforeUnmount } from 'vue';
-import { useDataThemeChange } from '../../hooks/useDataThemeChange';
-import { onClickOutside } from '@vueuse/core';
-import { emitter } from '../../../utils/mitt';
-
-const target = ref(null);
-const show = ref<Boolean>(false);
-
-const iconClass = computed(() => {
-  return [
-    'w-[22px]',
-    'h-[22px]',
-    'flex',
-    'justify-center',
-    'items-center',
-    'outline-hidden',
-    'rounded-[4px]',
-    'cursor-pointer',
-    'transition-colors',
-    'hover:bg-[#0000000f]',
-    'dark:hover:bg-[#ffffff1f]',
-    'dark:hover:text-[#ffffffd9]'
-  ];
-});
-
-const { onReset } = useDataThemeChange();
-onClickOutside(target, (event: any) => {
-  if (event.clientX > target.value.offsetLeft) return;
-  show.value = false;
-});
-
-onMounted(() => {
-  emitter.on('openPanel', () => {
-    show.value = true;
-  });
-});
-
-onBeforeUnmount(() => {
-  // 解绑`openPanel`公共事件，防止多次触发
-  emitter.off('openPanel');
-});
-</script>
-
-<template>
-  <div :class="{ show }">
-    <div class="right-panel-background" />
-    <div ref="target" class="right-panel bg-bg_color bg-white">
-      <div
-        class="project-configuration border-0 border-b-[1px] border-solid border-[var(--pure-border-color)]"
-      >
-        <h4 class="dark:text-white">{{ $t('message.tip.projectConfig') }}</h4>
-        <span
-          v-tippy="{
-            content: $t('message.tip.closeConfig'),
-            placement: 'bottom-start',
-            zIndex: 41000
-          }"
-          :class="iconClass"
-        >
-          <IconifyIconOffline
-            class="dark:text-white"
-            width="18px"
-            height="18px"
-            icon="ri:close-line"
-            @click="show = !show"
-          />
-        </span>
-      </div>
-      <el-scrollbar>
-        <slot />
-      </el-scrollbar>
-
-      <div
-        class="flex justify-end p-3 border-0 border-t-[1px] border-solid border-[var(--pure-border-color)]"
-      >
-        <el-button
-          v-tippy="{
-            content: $t('message.tip.toLogin'),
-            placement: 'left-start',
-            zIndex: 41000
-          }"
-          type="danger"
-          text
-          bg
-          @click="onReset"
-        >
-          {{ $t('message.tip.clearCache') }}
-        </el-button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-:deep(.el-scrollbar) {
-  height: calc(100vh - 110px);
-}
-
-.right-panel-background {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  background: rgb(0 0 0 / 20%);
-  opacity: 0;
-  transition: opacity 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
-}
-
-.right-panel {
-  position: fixed;
-  top: 0;
-  right: 0;
-  z-index: 400000;
-  width: 100%;
-  max-width: 300px;
-  box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
-  transform: translate(100%);
-  transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1);
-}
-
-.show {
-  transition: all 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
-
-  .right-panel-background {
-    z-index: 20000;
-    width: 100%;
-    height: 100%;
-    opacity: 1;
-  }
-
-  .right-panel {
-    transform: translate(0);
-  }
-}
-
-.project-configuration {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 14px 20px;
-}
-</style>
+<!--
+ * @Author: wei.li
+ * @Date: 2021-12-23 17:33:20
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-07-31 10:15:40
+ * @Description: 个性化设置页面
+-->
+<script setup lang="ts">
+import { ref, computed, onMounted, onBeforeUnmount } from 'vue';
+import { useDataThemeChange } from '../../hooks/useDataThemeChange';
+import { onClickOutside } from '@vueuse/core';
+import { emitter } from '../../../utils/mitt';
+
+const target = ref(null);
+const show = ref<Boolean>(false);
+
+const iconClass = computed(() => {
+  return [
+    'w-[22px]',
+    'h-[22px]',
+    'flex',
+    'justify-center',
+    'items-center',
+    'outline-hidden',
+    'rounded-[4px]',
+    'cursor-pointer',
+    'transition-colors',
+    'hover:bg-[#0000000f]',
+    'dark:hover:bg-[#ffffff1f]',
+    'dark:hover:text-[#ffffffd9]'
+  ];
+});
+
+const { onReset } = useDataThemeChange();
+onClickOutside(target, (event: any) => {
+  if (event.clientX > target.value.offsetLeft) return;
+  show.value = false;
+});
+
+onMounted(() => {
+  emitter.on('openPanel', () => {
+    show.value = true;
+  });
+});
+
+onBeforeUnmount(() => {
+  // 解绑`openPanel`公共事件，防止多次触发
+  emitter.off('openPanel');
+});
+</script>
+
+<template>
+  <div :class="{ show }">
+    <div class="right-panel-background" />
+    <div ref="target" class="right-panel bg-bg_color bg-white">
+      <div
+        class="project-configuration border-0 border-b-[1px] border-solid border-[var(--pure-border-color)]"
+      >
+        <h4 class="dark:text-white">{{ $t('message.tip.projectConfig') }}</h4>
+        <span
+          v-tippy="{
+            content: $t('message.tip.closeConfig'),
+            placement: 'bottom-start',
+            zIndex: 41000
+          }"
+          :class="iconClass"
+        >
+          <IconifyIconOffline
+            class="dark:text-white"
+            width="18px"
+            height="18px"
+            icon="ri:close-line"
+            @click="show = !show"
+          />
+        </span>
+      </div>
+      <el-scrollbar>
+        <slot />
+      </el-scrollbar>
+
+      <div
+        class="flex justify-end p-3 border-0 border-t-[1px] border-solid border-[var(--pure-border-color)]"
+      >
+        <el-button
+          v-tippy="{
+            content: $t('message.tip.toLogin'),
+            placement: 'left-start',
+            zIndex: 41000
+          }"
+          type="danger"
+          text
+          bg
+          @click="onReset"
+        >
+          {{ $t('message.tip.clearCache') }}
+        </el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+:deep(.el-scrollbar) {
+  height: calc(100vh - 110px);
+}
+
+.right-panel-background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  background: rgb(0 0 0 / 20%);
+  opacity: 0;
+  transition: opacity 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
+}
+
+.right-panel {
+  position: fixed;
+  top: 0;
+  right: 0;
+  z-index: 400000;
+  width: 100%;
+  max-width: 300px;
+  box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
+  transform: translate(100%);
+  transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1);
+}
+
+.show {
+  transition: all 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
+
+  .right-panel-background {
+    z-index: 20000;
+    width: 100%;
+    height: 100%;
+    opacity: 1;
+  }
+
+  .right-panel {
+    transform: translate(0);
+  }
+}
+
+.project-configuration {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 20px;
+}
+</style>

package/src/layout/components/lay-search/index.vue

@@ -1,25 +1,25 @@
-<!--
- * @Author: wei.li
- * @Date: 2022-03-10 11:26:15
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2023-10-12 11:43:49
- * @Description: 菜单栏搜索
--->
-<script lang="ts" setup>
-import { SearchModal } from './components';
-import { useBoolean } from '../../hooks/useBoolean';
-const { bool: show, toggle } = useBoolean();
-function handleSearch() {
-  toggle();
-}
-</script>
-
-<template>
-  <div
-    class="search-container w-[40px] h-[48px] px-2 flex justify-center items-center cursor-pointer navbar-bg-hover"
-    @click="handleSearch"
-  >
-    <IconifyIconOffline icon="ri:search-line" />
-  </div>
-  <SearchModal v-model:value="show" />
-</template>
+<!--
+ * @Author: wei.li
+ * @Date: 2022-03-10 11:26:15
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2023-10-12 11:43:49
+ * @Description: 菜单栏搜索
+-->
+<script lang="ts" setup>
+import { SearchModal } from './components';
+import { useBoolean } from '../../hooks/useBoolean';
+const { bool: show, toggle } = useBoolean();
+function handleSearch() {
+  toggle();
+}
+</script>
+
+<template>
+  <div
+    class="search-container w-[40px] h-[48px] px-2 flex justify-center items-center cursor-pointer navbar-bg-hover"
+    @click="handleSearch"
+  >
+    <IconifyIconOffline icon="ri:search-line" />
+  </div>
+  <SearchModal v-model:value="show" />
+</template>

package/src/layout/components/lay-select-org/index.vue

@@ -1,64 +1,64 @@
-<!--
- * @Author: wei.li
- * @Date: 2021-11-27 16:16:11
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-04-16 14:27:14
- * @Description: file content
--->
-
-<!-- 业务单元选择 -->
-<template>
-  <div style="width: 240px">
-    <el-select v-model="orgId" size="small" @change="onChange">
-      <el-option v-for="element in orgList" :key="element.id" :label="element.orgName" :value="element.id" />
-    </el-select>
-  </div>
-</template>
-
-<script lang="ts">
-export default { name: 'OrgSelect' };
-</script>
-
-<script setup lang="ts">
-import { unref, computed } from 'vue';
-import to from 'await-to-js';
-import { getServiceApi } from '../../../api';
-import { useRoute, useRouter } from 'vue-router';
-import { cookies } from '@utogether/utils';
-import { useSystemStoreHook } from '../../../store/modules/system';
-import { usePermissionStoreHook } from '../../../store/modules/permission';
-
-const route = useRoute();
-const router = useRouter();
-const orgList = computed(() => useSystemStoreHook().getOrglist);
-const orgId = computed(() => useSystemStoreHook().getOrgId);
-
-const onChange = async orgId => {
-  const [err] = await to(getServiceApi().post('/uums/org/toggle', { orgId }));
-  if (!err) {
-    useSystemStoreHook().setOrgId(orgId);
-    let organizationId;
-    const query = { pageSize: 100, pageNum: 1 };
-    const [err, data]: [Error, any] = await to(getServiceApi().get('/uums/cusOrganization', query));
-    if (!err && data.list?.length) {
-      useSystemStoreHook().setInvOrgList(data.list || []);
-      const invOrg = data.list.find(f => f.orgId === orgId);
-      organizationId = invOrg.id;
-      useSystemStoreHook().setOrganizationId(organizationId);
-    }
-    const param = { orgId, organizationId };
-    cookies.set('kCookies_param', JSON.stringify(param));
-    usePermissionStoreHook().cacheOperate({ mode: 'reset' });
-    onFresh();
-  }
-};
-
-/** 刷新路由 */
-function onFresh() {
-  const { fullPath, query } = unref(route);
-  router.replace({
-    path: '/redirect' + fullPath,
-    query: query
-  });
-}
-</script>
+<!--
+ * @Author: wei.li
+ * @Date: 2021-11-27 16:16:11
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-09-22 09:47:39
+ * @Description: file content
+-->
+
+<!-- 业务单元选择 -->
+<template>
+  <div style="width: 240px">
+    <el-select v-model="orgId" size="small" @change="onChange">
+      <el-option v-for="element in orgList" :key="element.id" :label="element.orgName" :value="element.id" />
+    </el-select>
+  </div>
+</template>
+
+<script lang="ts">
+export default { name: 'OrgSelect' };
+</script>
+
+<script setup lang="ts">
+import { unref, computed } from 'vue';
+import to from 'await-to-js';
+import { getServiceApi } from '../../../api';
+import { useRoute, useRouter } from 'vue-router';
+import { cookies } from '@utogether/utils';
+import { useSystemStoreHook } from '../../../store/modules/system';
+import { usePermissionStoreHook } from '../../../store/modules/permission';
+
+const route = useRoute();
+const router = useRouter();
+const orgList = computed(() => useSystemStoreHook().getOrglist);
+const orgId = computed(() => useSystemStoreHook().getOrgId);
+
+const onChange = async orgId => {
+  const [err] = await to(getServiceApi().post('/uums/org/toggle', { orgId }));
+  if (!err) {
+    useSystemStoreHook().setOrgId(orgId);
+    let organizationId;
+    const query = { pageSize: 100, pageNum: 1 };
+    const [err, data]: [Error, any] = await to(getServiceApi().get('/uums/cusOrganization', query));
+    if (!err && data.list?.length) {
+      useSystemStoreHook().setInvOrgList(data.list || []);
+      const invOrg = data?.list?.find(f => f.orgId === orgId);
+      organizationId = invOrg?.id;
+      useSystemStoreHook().setOrganizationId(organizationId);
+    }
+    const param = { orgId, organizationId };
+    cookies.set('kCookies_param', JSON.stringify(param));
+    usePermissionStoreHook().cacheOperate({ mode: 'reset' });
+    onFresh();
+  }
+};
+
+/** 刷新路由 */
+function onFresh() {
+  const { fullPath, query } = unref(route);
+  router.replace({
+    path: '/redirect' + fullPath,
+    query: query
+  });
+}
+</script>