@utogether/udp-core 2.0.0-beta.1 → 2.0.0-beta.3

package/src/views/udev/lov/childView.vue

@@ -1,174 +1,174 @@
-<!--
- * @Author: wei.li
- * @Date: 2022-07-15 17:02:56
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-12-05 17:00:29
- * @Description: file contentu
--->
-<template>
-  <div class="ut-loview-wrapper">
-    <vxe-drawer :model-value="show" position="right" :show-header="false" width="90%">
-      <div v-spinning="loading">
-        <ut-content :title="$t('message.title.lovView')" @close="handleClose">
-          <template v-slot:header>
-            <ut-button icon="ri-save-3-fill" content="save" @tap="handleSave()" />
-          </template>
-          <template v-slot:body>
-            <ut-form ref="formRef" :record="record" :items="items" data-status="update" />
-            <ut-divider :title="$t('message.title.lovColConfig')" />
-            <ut-grid
-              ref="xgrid"
-              :columns="columns"
-              :url="subUrl"
-              :default-value="{ headerId: record.id }"
-              :default-params="{ headerId: record.id }"
-              :height="height"
-              :events="onEvents"
-            />
-          </template>
-        </ut-content>
-      </div>
-    </vxe-drawer>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-import to from 'await-to-js';
-import { useRender } from '@utogether/utils';
-import { useSystemStoreHook } from '../../../store/modules/system';
-import { getServiceApi } from '../../../api';
-
-interface IProps {
-  record: IRecord;
-  show: boolean;
-}
-
-const props = withDefaults(defineProps<IProps>(), {
-  record: (): IRecord => {
-    return {};
-  },
-  show: false
-});
-
-const renderHook = useRender();
-const dictData = useSystemStoreHook().dicts;
-const loading = ref(false);
-const optionProps = { value: 'dictCode', label: 'dictName' };
-
-const formRef = ref(null);
-
-const url = '/upfm/v1/lovViewHeader';
-const subUrl = '/upfm/v1/lovViewLine';
-
-const items = [
-  { field: 'lovCode', disabled: true },
-  { field: 'lovName', required: true },
-  { field: 'valueField', required: true },
-  // { field: 'displayField', required: true },
-  { field: 'lovTitle' },
-  { field: 'lovType', code: 'SU.LOV.TYPE', required: true },
-  { field: 'lovUrl', required: true, visible: props.record.lovType === 'url' },
-  {
-    field: 'sqlStatement',
-    span: 24,
-    visible: props.record.lovType === 'sql',
-    itemRender: { name: '$textarea', props: { rows: 5 } },
-    required: true
-  }
-];
-
-// 列字段
-const columns: ITableColProps[] = [
-  { type: 'checkbox', width: 50, align: 'center' },
-  { field: 'seqNo', required: true, width: 100, editRender: renderHook.renderNumber() },
-  { field: 'colField', required: true, editRender: renderHook.renderInput() },
-  { field: 'colTitle', required: true, editRender: renderHook.renderInput() },
-  { field: 'colWidth', required: true, width: 120, editRender: renderHook.renderNumber() },
-  {
-    field: 'fieldType',
-    width: 120,
-    editRender: renderHook.renderDict('SU.FIELD.TYPE', onChange),
-    formatter: ['formatDict', 'SU.FIELD.TYPE']
-  },
-  {
-    field: 'dictCode',
-    title: 'message.dictName',
-    width: 120,
-    editRender: renderHook.renderSelectLocal({ options: dictData, optionProps }),
-    formatter: ['formatSelectLocal', [dictData, 'dictCode', 'dictName']]
-  },
-  {
-    field: 'isSearch',
-    width: 120,
-    required: true,
-    editRender: renderHook.renderDict('SU.WHETHER'),
-    formatter: ['formatDict', 'SU.WHETHER']
-  },
-  {
-    field: 'isCol',
-    width: 120,
-    required: true,
-    editRender: renderHook.renderDict('SU.WHETHER'),
-    formatter: ['formatDict', 'SU.WHETHER']
-  }
-];
-
-const xgrid = ref(null);
-const height = window.innerHeight - 195;
-
-//激活事件
-const onEvents = {
-  editActived({ row }) {
-    columns[6].editRender.props.disabled = row.fieldType !== 'dictCode';
-  }
-};
-
-// change事件
-function onChange(item) {
-  item.row.dictName = '';
-  columns[6].editRender.props.disabled = item.row.fieldType !== 'dictCode';
-  columns[6].required = item.row.fieldType !== 'dictCode';
-}
-
-/**
- * @description: 保存值集视图
- * @return {*}
- */
-const handleSave = () => {
-  formRef.value.validateForm(async valid => {
-    if (!valid) {
-      loading.value = true;
-      const [err] = await to(getServiceApi().put(url, [props.record]));
-      if (!err) {
-        const data = xgrid.value.getInstance().getRecordset();
-        data.insertRecords.length && (await to(getServiceApi().post(subUrl, data.insertRecords)));
-        data.updateRecords.length && (await to(getServiceApi().put(subUrl, data.updateRecords)));
-      }
-      loading.value = false;
-    }
-  });
-};
-
-const emit = defineEmits<{ (e: 'onClose'): void }>();
-// 抽屉关闭
-function handleClose() {
-  emit('onClose');
-}
-</script>
-
-<style lang="scss">
-.ut-loview-wrapper {
-  .el-drawer__header {
-    margin-bottom: 0;
-  }
-
-  .el-drawer__body {
-    padding: 5px 0;
-  }
-
-  .ut-content-body {
-    height: 90%;
-  }
-}
-</style>
+<!--
+ * @Author: wei.li
+ * @Date: 2022-07-15 17:02:56
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-12-05 17:00:29
+ * @Description: file contentu
+-->
+<template>
+  <div class="ut-loview-wrapper">
+    <vxe-drawer :model-value="show" position="right" :show-header="false" width="90%">
+      <div v-spinning="loading">
+        <ut-content :title="$t('message.title.lovView')" @close="handleClose">
+          <template v-slot:header>
+            <ut-button icon="ri-save-3-fill" content="save" @tap="handleSave()" />
+          </template>
+          <template v-slot:body>
+            <ut-form ref="formRef" :record="record" :items="items" data-status="update" />
+            <ut-divider :title="$t('message.title.lovColConfig')" />
+            <ut-grid
+              ref="xgrid"
+              :columns="columns"
+              :url="subUrl"
+              :default-value="{ headerId: record.id }"
+              :default-params="{ headerId: record.id }"
+              :height="height"
+              :events="onEvents"
+            />
+          </template>
+        </ut-content>
+      </div>
+    </vxe-drawer>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import to from 'await-to-js';
+import { useRender } from '@utogether/utils';
+import { useSystemStoreHook } from '../../../store/modules/system';
+import { getServiceApi } from '../../../api';
+
+interface IProps {
+  record: IRecord;
+  show: boolean;
+}
+
+const props = withDefaults(defineProps<IProps>(), {
+  record: (): IRecord => {
+    return {};
+  },
+  show: false
+});
+
+const renderHook = useRender();
+const dictData = useSystemStoreHook().dicts;
+const loading = ref(false);
+const optionProps = { value: 'dictCode', label: 'dictName' };
+
+const formRef = ref(null);
+
+const url = '/upfm/v1/lovViewHeader';
+const subUrl = '/upfm/v1/lovViewLine';
+
+const items = [
+  { field: 'lovCode', disabled: true },
+  { field: 'lovName', required: true },
+  { field: 'valueField', required: true },
+  // { field: 'displayField', required: true },
+  { field: 'lovTitle' },
+  { field: 'lovType', code: 'SU.LOV.TYPE', required: true },
+  { field: 'lovUrl', required: true, visible: props.record.lovType === 'url' },
+  {
+    field: 'sqlStatement',
+    span: 24,
+    visible: props.record.lovType === 'sql',
+    itemRender: { name: '$textarea', props: { rows: 5 } },
+    required: true
+  }
+];
+
+// 列字段
+const columns: ITableColProps[] = [
+  { type: 'checkbox', width: 50, align: 'center' },
+  { field: 'seqNo', required: true, width: 100, editRender: renderHook.renderNumber() },
+  { field: 'colField', required: true, editRender: renderHook.renderInput() },
+  { field: 'colTitle', required: true, editRender: renderHook.renderInput() },
+  { field: 'colWidth', required: true, width: 120, editRender: renderHook.renderNumber() },
+  {
+    field: 'fieldType',
+    width: 120,
+    editRender: renderHook.renderDict('SU.FIELD.TYPE', onChange),
+    formatter: ['formatDict', 'SU.FIELD.TYPE']
+  },
+  {
+    field: 'dictCode',
+    title: 'message.dictName',
+    width: 120,
+    editRender: renderHook.renderSelectLocal({ options: dictData, optionProps }),
+    formatter: ['formatSelectLocal', [dictData, 'dictCode', 'dictName']]
+  },
+  {
+    field: 'isSearch',
+    width: 120,
+    required: true,
+    editRender: renderHook.renderDict('SU.WHETHER'),
+    formatter: ['formatDict', 'SU.WHETHER']
+  },
+  {
+    field: 'isCol',
+    width: 120,
+    required: true,
+    editRender: renderHook.renderDict('SU.WHETHER'),
+    formatter: ['formatDict', 'SU.WHETHER']
+  }
+];
+
+const xgrid = ref(null);
+const height = window.innerHeight - 195;
+
+//激活事件
+const onEvents = {
+  editActived({ row }) {
+    columns[6].editRender.props.disabled = row.fieldType !== 'dictCode';
+  }
+};
+
+// change事件
+function onChange(item) {
+  item.row.dictName = '';
+  columns[6].editRender.props.disabled = item.row.fieldType !== 'dictCode';
+  columns[6].required = item.row.fieldType !== 'dictCode';
+}
+
+/**
+ * @description: 保存值集视图
+ * @return {*}
+ */
+const handleSave = () => {
+  formRef.value.validateForm(async valid => {
+    if (!valid) {
+      loading.value = true;
+      const [err] = await to(getServiceApi().put(url, [props.record]));
+      if (!err) {
+        const data = xgrid.value.getInstance().getRecordset();
+        data.insertRecords.length && (await to(getServiceApi().post(subUrl, data.insertRecords)));
+        data.updateRecords.length && (await to(getServiceApi().put(subUrl, data.updateRecords)));
+      }
+      loading.value = false;
+    }
+  });
+};
+
+const emit = defineEmits<{ (e: 'onClose'): void }>();
+// 抽屉关闭
+function handleClose() {
+  emit('onClose');
+}
+</script>
+
+<style lang="scss">
+.ut-loview-wrapper {
+  .el-drawer__header {
+    margin-bottom: 0;
+  }
+
+  .el-drawer__body {
+    padding: 5px 0;
+  }
+
+  .ut-content-body {
+    height: 90%;
+  }
+}
+</style>

package/src/views/uhome/components/common-menu.vue

@@ -0,0 +1,118 @@
+<template>
+  <div v-spinning="loading">
+    <el-card class="mb-2">
+      <template #header>
+        <div class="flex items-center justify-between dark:bg-black">
+          <span class="font-bold">常用菜单</span>
+          <span class="text-xs text-gray-400 cursor-pointer" @click="onFavoriteMenu">
+            <span>更多</span>
+            <i class="vxe-icon-arrow-right" />
+          </span>
+        </div>
+      </template>
+
+      <div class="default:bg-white dark:bg-black">
+        <el-empty v-if="!menuList.length" :image-size="100" description="快来添加常用菜单吧!" class="p-0 pb-3" />
+        <ul
+          class="p-0 w-full h-full grid grid-rows-1 grid-cols-8 u-dashed-menu"
+          :class="{ 'grid-rows-2': menuList.length > 8 }"
+        >
+          <li
+            v-for="(item, idx) in menuList"
+            :key="item.id"
+            class="text-center list-none bg-white"
+            @click="onClickMenu(item)"
+          >
+            <div class="h-20 flex justify-center items-center flex-col">
+              <div
+                class="rounded-full w-10 h-10 flex items-center justify-center"
+                :style="{ backgroundColor: getColor(idx) }"
+              >
+                <iconify-icon-offline :icon="item.icon || `ri:${icons[idx]}-line`" class="text-2xl text-white" />
+              </div>
+              <span class="text-xs mt-2">{{ item.menuName }}</span>
+            </div>
+          </li>
+        </ul>
+      </div>
+      <div />
+    </el-card>
+
+    <menu-favorite
+      v-if="showFavorite"
+      :data-source="menuList"
+      :user-name="systemHook.getUserInfo.userName"
+      :icons="icons"
+      @close="showFavorite = false"
+      @success="getMenuList"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue';
+import { useRouter } from 'vue-router';
+import { cookies } from '@utogether/utils';
+import menuFavorite from './menu-favorite.vue';
+import { useSystemStoreHook } from '../../../store/modules/system';
+import { kLOGINER } from '../../../contant';
+import { getServiceApi } from '../../../api';
+
+const router = useRouter();
+const systemHook = useSystemStoreHook();
+
+const menuList = ref([]);
+const showFavorite = ref(false);
+const loading = ref(false);
+
+/** 查询收藏菜单功能 */
+const getMenuList = () => {
+  const url = '/upfm/v1/menuFavority';
+  loading.value = true;
+  const query = { pageSize: 20, pageNum: 1, userName: cookies.get(kLOGINER) };
+  getServiceApi()
+    .get(url, query)
+    .then((res: IResponseData) => {
+      menuList.value = res?.list || [];
+    })
+    .finally(() => {
+      loading.value = false;
+    });
+};
+
+const onFavoriteMenu = () => {
+  showFavorite.value = true;
+};
+
+const onClickMenu = item => {
+  router.push(item.menuPath);
+};
+
+const getColor = idx => {
+  const colorSet = ['#409eff', '#67c23a', '#13c2c2', '#e85f33', 'orange'];
+  return colorSet[idx % 5];
+};
+
+const icons = [
+  'community',
+  'shield-star',
+  'group',
+  'settings',
+  'star',
+  'train',
+  'send-plane',
+  'rocket',
+  'device',
+  'compass',
+  'map-pin',
+  'keynote',
+  'article',
+  'tv',
+  'database-2',
+  'calendar'
+];
+
+onMounted(() => {
+  getMenuList();
+});
+</script>

package/src/views/uhome/components/dynamic-component.vue

@@ -0,0 +1,66 @@
+<template>
+  <remoteComponent />
+</template>
+
+<script setup lang="ts">
+import { defineAsyncComponent } from 'vue';
+import * as Vue from 'vue';
+import XEUtils from 'xe-utils';
+import to from 'await-to-js';
+import dayjs from 'dayjs';
+import vxe from 'vxe-pc-ui';
+import * as udpUtils from '@utogether/utils';
+import * as router from 'vue-router';
+import { loadModule } from 'vue3-sfc-loader';
+import * as echarts from 'echarts';
+import { getEnv } from '../../../config';
+import * as udpCore from '../../../../index';
+
+interface IProps {
+  data: IRecord;
+}
+
+const props = withDefaults(defineProps<IProps>(), {
+  data: () => {
+    return {};
+  }
+});
+
+const domain = getEnv().VITE_ROUTER_HISTORY;
+
+const options = {
+  compileOptions: {
+    mode: 'module', // 关键配置
+    hoistStatic: true
+  },
+  moduleCache: {
+    vue: Vue,
+    'vue-router': router,
+    'await-to-js': to,
+    '@utogether/utils': udpUtils,
+    '@utogether/udp-core': udpCore,
+    'xe-utils': XEUtils,
+    dayjs: dayjs,
+    echarts: echarts,
+    'vxe-pc-ui': vxe
+  },
+  async getFile(url) {
+    const res = await fetch(url);
+    const code = await res.text();
+    return code;
+  },
+  addStyle(textContent) {
+    const style = Object.assign(document.createElement('style'), {
+      textContent
+    });
+    const ref = document.head.getElementsByTagName('style')[0] || null;
+    document.head.insertBefore(style, ref);
+  }
+};
+
+const remoteComponent = defineAsyncComponent(async () => {
+  const res = await loadModule(`${window.origin}${domain ? '/' + domain : ''}${props.data.url}.vue`, options);
+  console.log('res', res);
+  return res;
+});
+</script>