@utogether/udp-core 1.0.1-beta.27 → 1.0.1-beta.30

package/index.ts

@@ -1,49 +1,49 @@
-/*
- * @Author: levi7754 levi7754@163.com
- * @Date: 2024-04-14 19:10:28
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-11-10 09:23:24
- * @FilePath: /udp-front/packages/udp-core/index.ts
- * @Description:
- */
-
-import UInit from './src/main';
-export default UInit;
-
-import { store } from './src/store';
-import hasAuthority from './src/utils/authority';
-
-import { useSystemStoreHook as useSystemStore } from './src/store/modules/system';
-import { useMultiTagsStoreHook as useMultiTagsStore } from './src/store/modules/multiTags';
-import { usePermissionStoreHook as usePermissionStore } from './src/store/modules/permission';
-
-import { handleAliveRoute, delCurrentRoute, getProcessMenu } from './src/router/utils';
-import { useLayout } from './src/layout/hooks/useLayout';
-import { useDataThemeChange } from './src/layout/hooks/useDataThemeChange';
-import { constantRoutes, remainingRouters, routerBefore } from './src/router';
-
-import { getServiceApi } from './src/api';
-import { initDict } from './src/api/user';
-
-import { lifeCycleEvent, getPlatform, getBrower } from './src/utils';
-
-export {
-  store,
-  hasAuthority,
-  useSystemStore,
-  useMultiTagsStore,
-  usePermissionStore,
-  delCurrentRoute,
-  handleAliveRoute,
-  getServiceApi,
-  lifeCycleEvent,
-  routerBefore,
-  constantRoutes,
-  remainingRouters,
-  useDataThemeChange,
-  useLayout,
-  initDict,
-  getPlatform,
-  getBrower,
-  getProcessMenu
-};
+/*
+ * @Author: levi7754 levi7754@163.com
+ * @Date: 2024-04-14 19:10:28
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-11-10 09:23:24
+ * @FilePath: /udp-front/packages/udp-core/index.ts
+ * @Description:
+ */
+
+import UInit from './src/main';
+export default UInit;
+
+import { store } from './src/store';
+import hasAuthority from './src/utils/authority';
+
+import { useSystemStoreHook as useSystemStore } from './src/store/modules/system';
+import { useMultiTagsStoreHook as useMultiTagsStore } from './src/store/modules/multiTags';
+import { usePermissionStoreHook as usePermissionStore } from './src/store/modules/permission';
+
+import { handleAliveRoute, delCurrentRoute, getProcessMenu } from './src/router/utils';
+import { useLayout } from './src/layout/hooks/useLayout';
+import { useDataThemeChange } from './src/layout/hooks/useDataThemeChange';
+import { constantRoutes, remainingRouters, routerBefore } from './src/router';
+
+import { getServiceApi } from './src/api';
+import { initDict } from './src/api/user';
+
+import { lifeCycleEvent, getPlatform, getBrower } from './src/utils';
+
+export {
+  store,
+  hasAuthority,
+  useSystemStore,
+  useMultiTagsStore,
+  usePermissionStore,
+  delCurrentRoute,
+  handleAliveRoute,
+  getServiceApi,
+  lifeCycleEvent,
+  routerBefore,
+  constantRoutes,
+  remainingRouters,
+  useDataThemeChange,
+  useLayout,
+  initDict,
+  getPlatform,
+  getBrower,
+  getProcessMenu
+};

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@utogether/udp-core",
   "private": false,
-  "version": "1.0.1-beta.27",
+  "version": "1.0.1-beta.30",
   "description": "",
   "type": "module",
-  "main1": "index.ts",
-  "main": "dist/core.es.js",
+  "main": "index.ts",
+  "main1": "dist/core.es.js",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

package/src/components/SuScrollTree/ScrollPanel.vue

@@ -1,170 +1,170 @@
-<template>
-  <div class="u-scroll-panel" @click.prevent="handleClickPanel">
-    <div class="u-panel-header">
-      <h2>{{ title }}</h2>
-      <ut-button v-if="showAllButton" content="BtnExpand" @click="handleExpand(data, true)" />
-      <ut-button v-if="showAllButton" status="warning" content="BtnCollapse" @click="handleExpand(data, false)" />
-      <vxe-button icon="vxe-icon-refresh" @click="onRefresh" />
-    </div>
-    <div class="u-panel-content system-scrollbar">
-      <el-tree
-        ref="tree"
-        :data="data"
-        :props="treeOtions"
-        :expand-on-click-node="false"
-        style="background-color: #fff"
-        class="u-tree-panel"
-        node-key="id"
-        highlight-current
-        @node-click="handleNodeClick"
-      >
-        <template #default="{ node }">
-          <span class="prefix" :class="{ 'is-leaf': node.isLeaf }">
-            <i class="ri-folder-2-fill ri-lg mr-1" style="color: #fadb14" />
-          </span>
-          <span>{{ node.label }}</span>
-        </template>
-      </el-tree>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { getServiceApi } from '../../api';
-import type { Ref } from 'vue';
-import { ref, inject, watch, nextTick } from 'vue';
-
-interface IProps {
-  title: string;
-  url: string;
-  showAllButton?: boolean;
-  treeOtions: Object;
-  defaultParams?: Object;
-}
-const props = withDefaults(defineProps<IProps>(), {
-  treeOtions: () => {
-    return {
-      children: 'children',
-      label: 'label'
-    };
-  },
-  defaultParams: () => {
-    return {};
-  },
-  showAllButton: false
-});
-
-const data = ref<any>([]);
-const tree: Ref<any | null> = ref(null);
-// 当前激活item
-const active: IRecord = inject('active');
-// tree面板变更
-const scrollPanelChange: IRecord = inject('scrollPanelChange');
-// tree 列表
-const treeList: IRecord = inject('treeList');
-
-watch(
-  () => scrollPanelChange.value,
-  () => {
-    scrollPanelChange.value && getDataList();
-  }
-);
-
-const getDataList = async (params = {}) => {
-  const query = Object.assign(params, props.defaultParams);
-  const serverData = (await getServiceApi().get(props.url, query)) as IResponseData;
-  data.value = serverData.list || serverData;
-  treeList.value = serverData.list || serverData;
-  active.value = serverData.list ? serverData.list[0] : serverData[0];
-  nextTick(() => {
-    tree.value && tree?.value.setCurrentKey(active.value?.id || '');
-  });
-  scrollPanelChange.value = false;
-};
-const handleNodeClick = (row: any) => {
-  active.value = row;
-};
-
-const handleClickPanel = () => {
-  active.value = {};
-};
-
-const handleExpand = (array, expanded) => {
-  array.forEach(el => {
-    tree.value.store.nodesMap[el.id].expanded = expanded;
-    if (el.children?.length) {
-      handleExpand(el.children, expanded);
-    }
-  });
-  console.log('[ tree.value ] >', tree.value);
-};
-
-const onRefresh = () => {
-  getDataList();
-};
-defineExpose({
-  onRefresh
-});
-getDataList();
-</script>
-
-<style lang="scss">
-.u-scroll-panel {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  background: #fff;
-
-  .u-panel-header {
-    display: flex;
-    align-items: center;
-    padding: 10px;
-    border-bottom: 1px solid #eee;
-
-    h2 {
-      // display: box;
-      height: 30px;
-      padding: 0;
-      margin: 0;
-      margin-right: 20px;
-      overflow: hidden;
-      -webkit-line-clamp: 1;
-      font-size: 14px;
-      line-height: 30px;
-      -webkit-box-orient: vertical;
-    }
-
-    .el-input {
-      flex: 1;
-    }
-  }
-
-  .u-panel-content {
-    flex: 1;
-    overflow: auto;
-  }
-
-  .u-tree-panel {
-    height: 100%; // 0630
-    :deep(.el-tree-node__content) {
-      height: 36px;
-    }
-
-    :deep(.el-tree-node.is-current > .el-tree-node__content) {
-      background-color: rgb(64 158 255 / 40%);
-    }
-
-    :deep(.el-tree-node > .el-tree-node__content) {
-      transition: 0.2s;
-    }
-  }
-
-  .el-vl__window {
-    height: 360px !important;
-    // &:first-child {
-    //   height: 100% !important;
-    // }
-  }
-}
-</style>
+<template>
+  <div class="u-scroll-panel" @click.prevent="handleClickPanel">
+    <div class="u-panel-header">
+      <h2>{{ title }}</h2>
+      <ut-button v-if="showAllButton" content="BtnExpand" @click="handleExpand(data, true)" />
+      <ut-button v-if="showAllButton" status="warning" content="BtnCollapse" @click="handleExpand(data, false)" />
+      <vxe-button icon="vxe-icon-refresh" @click="onRefresh" />
+    </div>
+    <div class="u-panel-content system-scrollbar">
+      <el-tree
+        ref="tree"
+        :data="data"
+        :props="treeOtions"
+        :expand-on-click-node="false"
+        style="background-color: #fff"
+        class="u-tree-panel"
+        node-key="id"
+        highlight-current
+        @node-click="handleNodeClick"
+      >
+        <template #default="{ node }">
+          <span class="prefix" :class="{ 'is-leaf': node.isLeaf }">
+            <i class="ri-folder-2-fill ri-lg mr-1" style="color: #fadb14" />
+          </span>
+          <span>{{ node.label }}</span>
+        </template>
+      </el-tree>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { getServiceApi } from '../../api';
+import type { Ref } from 'vue';
+import { ref, inject, watch, nextTick } from 'vue';
+
+interface IProps {
+  title: string;
+  url: string;
+  showAllButton?: boolean;
+  treeOtions: Object;
+  defaultParams?: Object;
+}
+const props = withDefaults(defineProps<IProps>(), {
+  treeOtions: () => {
+    return {
+      children: 'children',
+      label: 'label'
+    };
+  },
+  defaultParams: () => {
+    return {};
+  },
+  showAllButton: false
+});
+
+const data = ref<any>([]);
+const tree: Ref<any | null> = ref(null);
+// 当前激活item
+const active: IRecord = inject('active');
+// tree面板变更
+const scrollPanelChange: IRecord = inject('scrollPanelChange');
+// tree 列表
+const treeList: IRecord = inject('treeList');
+
+watch(
+  () => scrollPanelChange.value,
+  () => {
+    scrollPanelChange.value && getDataList();
+  }
+);
+
+const getDataList = async (params = {}) => {
+  const query = Object.assign(params, props.defaultParams);
+  const serverData = (await getServiceApi().get(props.url, query)) as IResponseData;
+  data.value = serverData.list || serverData;
+  treeList.value = serverData.list || serverData;
+  active.value = serverData.list ? serverData.list[0] : serverData[0];
+  nextTick(() => {
+    tree.value && tree?.value.setCurrentKey(active.value?.id || '');
+  });
+  scrollPanelChange.value = false;
+};
+const handleNodeClick = (row: any) => {
+  active.value = row;
+};
+
+const handleClickPanel = () => {
+  active.value = {};
+};
+
+const handleExpand = (array, expanded) => {
+  array.forEach(el => {
+    tree.value.store.nodesMap[el.id].expanded = expanded;
+    if (el.children?.length) {
+      handleExpand(el.children, expanded);
+    }
+  });
+  console.log('[ tree.value ] >', tree.value);
+};
+
+const onRefresh = () => {
+  getDataList();
+};
+defineExpose({
+  onRefresh
+});
+getDataList();
+</script>
+
+<style lang="scss">
+.u-scroll-panel {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background: #fff;
+
+  .u-panel-header {
+    display: flex;
+    align-items: center;
+    padding: 10px;
+    border-bottom: 1px solid #eee;
+
+    h2 {
+      // display: box;
+      height: 30px;
+      padding: 0;
+      margin: 0;
+      margin-right: 20px;
+      overflow: hidden;
+      -webkit-line-clamp: 1;
+      font-size: 14px;
+      line-height: 30px;
+      -webkit-box-orient: vertical;
+    }
+
+    .el-input {
+      flex: 1;
+    }
+  }
+
+  .u-panel-content {
+    flex: 1;
+    overflow: auto;
+  }
+
+  .u-tree-panel {
+    height: 100%; // 0630
+    :deep(.el-tree-node__content) {
+      height: 36px;
+    }
+
+    :deep(.el-tree-node.is-current > .el-tree-node__content) {
+      background-color: rgb(64 158 255 / 40%);
+    }
+
+    :deep(.el-tree-node > .el-tree-node__content) {
+      transition: 0.2s;
+    }
+  }
+
+  .el-vl__window {
+    height: 360px !important;
+    // &:first-child {
+    //   height: 100% !important;
+    // }
+  }
+}
+</style>

package/src/components/udp/content/index.vue

@@ -0,0 +1,89 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2022-03-09 10:31:45
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-11-20 10:30:15
+ * @Description: 详情统一容器
+-->
+<template>
+  <div class="ut-content">
+    <StampBadge :color="stampOptions.color || 'success'" :content="stampOptions.content" :code="stampOptions.code" />
+    <div v-if="showTop && showContentop" class="ut-content-top" :class="title ? 'justify-between' : 'justify-end'">
+      <span v-if="title" class="font-black">{{ title }}</span>
+      <div class="ut-right-panel">
+        <slot name="header" />
+        <ut-button
+          v-if="showClose"
+          status="info"
+          :icon="$attrs.icon || 'ri-reply-line'"
+          :content="$attrs.content || 'goback'"
+          @tap="handleClose()"
+        />
+      </div>
+    </div>
+    <div class="ut-content-body">
+      <slot name="body" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import StampBadge from '../ut-stamp-badge/index.vue';
+defineOptions({ name: 'UtContent' });
+
+interface Props {
+  title?: string;
+  showTop?: boolean;
+  showClose?: boolean;
+  stampOptions?: IRecord;
+}
+
+withDefaults(defineProps<Props>(), {
+  title: '',
+  showTop: true,
+  showClose: true
+});
+const showContentop = ref(window.top === window.self);
+
+const emit = defineEmits<{ (e: 'close'): void }>();
+
+const handleClose = () => {
+  emit('close');
+};
+</script>
+
+<style lang="scss" scoped>
+.ut-content {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  padding: 0 8px;
+  background-color: #f7f7f7;
+
+  position: relative;
+
+  &-top {
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 10;
+    display: flex;
+    align-items: center;
+    height: 36px;
+    padding: 2px 12px;
+    background-color: #fff;
+    border: 1px solid #e0ebf6;
+  }
+
+  &-body {
+    width: 100%;
+    height: 100%;
+    margin: 5px 0;
+    background-color: #fff;
+    border: 1px solid #e0ebf6;
+    border-radius: 5px;
+  }
+}
+</style>