@utogether/udp-core 1.0.1 → 1.0.2

package/src/components/SuCommon/table/index.vue

@@ -1,208 +0,0 @@
-<!--
- * @Author: levi7754 levi7754@163.com
- * @Date: 2023-08-31 17:54:43
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2024-06-22 10:14:16
- * @FilePath: /u-dp-lowcode/src/views/design/packages/contain-widgets/table/table-primary.vue
- * @Description: 默认表格
--->
-<template>
-  <vxe-grid ref="xgrid" class="w-full p-1 bg-white" v-bind="gridOptions" v-on="onEvent" />
-</template>
-<script setup lang="tsx">
-import { ref, toRaw, onBeforeMount, onMounted, getCurrentInstance, inject } from 'vue';
-import { formatGridItems, formatRules, successMessage, useRender, errorMessage } from '@utogether/utils';
-import { useI18n } from 'vue-i18n';
-import { clone } from 'xe-utils';
-import { getServiceApi } from '../../../api';
-import { columnButtons } from '../utils/slot';
-import { footerSumMethod, query } from '../utils';
-
-defineOptions({ name: 'WidgetTable', inheritAttrs: false });
-
-interface IProps {
-  widget: IRecord;
-  designMode: boolean;
-}
-
-const props = withDefaults(defineProps<IProps>(), {
-  widget: (): IRecord => {
-    return {};
-  },
-  designMode: true
-});
-
-const designer = inject<IRecord>('kdesigner');
-
-const instance = getCurrentInstance();
-
-const renderHook = useRender();
-const { t } = useI18n();
-
-const xgrid = ref(null);
-
-const gridOptions = ref({
-  ...props.widget.props,
-  // height: 560,
-  proxyConfig: {
-    form: true, // 启用表单代理
-    autoLoad: props.widget.props.autoLoad,
-    ajax: {
-      query: ({ page, form }) => query(props.widget, form, page, getServiceApi())
-    }
-  }
-});
-
-const formaterItemRender = items => {
-  if (!items.length) return [];
-  items.forEach(item => {
-    if (item.renderType === 'number') {
-      item.itemRender = renderHook.renderNumber();
-    } else if (['date'].includes(item.renderType)) {
-      item.itemRender = renderHook.renderDate();
-    } else if (item.renderType === 'switch') {
-      item.itemRender = renderHook.renderSwitch();
-    }
-  });
-
-  return items;
-};
-
-const initFormItem = () => {
-  let formItems = clone(gridOptions.value.formConfig.items, true);
-  const items = props.widget.props.columns.filter(
-    f => f.searchable && (!formItems.length || !formItems.some(s => f.field === s.field))
-  );
-  const idx = formItems.findIndex(f => f.itemRender?.name === '$buttons');
-  idx !== -1 && formItems.splice(idx, 1);
-  items.length && formItems.push(...items);
-  formItems = formaterItemRender(formItems);
-  gridOptions.value.formConfig.items = formItems.length ? formatGridItems(formItems, null) : [];
-  console.log(formItems);
-};
-
-const initColums = () => {
-  gridOptions.value.columns.forEach(col => {
-    if (col.field !== 'operate') {
-      const events = col.editRender?.events ? Object.keys(col.editRender?.events) : [];
-      events.forEach(event => {
-        const actEvent = event.substring(2).toLowerCase();
-        const body = col.editRender?.events[event];
-        col.editRender.events[actEvent] = e => {
-          new Function('event', 'columns', body)(e, gridOptions.value.columns);
-        };
-      });
-    } else {
-      col = columnButtons(gridOptions.value.operates, col, onRowBtnClick);
-    }
-  });
-  console.log(gridOptions.value.columns);
-};
-
-/** 初始化必填验证 */
-const initEditRule = () => {
-  gridOptions.value.editRules = formatRules(gridOptions.value.columns, t);
-  console.log(gridOptions.value);
-};
-/** 表格合计 */
-const initFooterMethod = () => {
-  if (!gridOptions.value.showFooter) return;
-  const sumFields = gridOptions.value.columns.filter(f => f.sumcolumn).map(m => m.field);
-  gridOptions.value.footerMethod = grid => footerSumMethod(grid, sumFields, gridOptions.value.decimal);
-};
-
-const initBasicProps = () => {
-  gridOptions.value.height = window.innerHeight - 90;
-};
-
-const onRowBtnClick = (btn, row) => {
-  console.log(btn, row);
-  const { service } = btn;
-  if (service.url) {
-    const { beforeSend, method, url, respondSuccess } = service;
-    let body = clone(row, true);
-    if (beforeSend) {
-      const fn = new Function('body', 'app', beforeSend);
-      body = fn(row, designer.value, instance);
-    }
-    gridOptions.value.loading = true;
-    getServiceApi()
-      [method](url, body)
-      .then(res => {
-        if (respondSuccess) {
-          const fn = new Function('respond', 'app', 'self', respondSuccess);
-          fn(res, designer.value, instance);
-        } else {
-          successMessage();
-        }
-        xgrid.value.commitProxy('query');
-      })
-      .catch(() => {
-        errorMessage();
-      })
-      .finally(() => {
-        gridOptions.value.loading = false;
-      });
-  } else {
-    // designer.value.onEvent(btn.onClick, { code: btn.code, row });
-    // const app = designer.value.vinstance || instance;
-    // console.log(app);
-    new Function('code', 'row', 'app', btn.onClick)(btn.code, row, designer.value);
-  }
-};
-
-const onEvent = {
-  editActived: ({ row }) => {
-    console.log(row);
-  }
-};
-
-const initGridProps = () => {
-  initBasicProps();
-  initColums();
-  initFooterMethod();
-  initFormItem();
-  initEditRule();
-};
-
-onBeforeMount(() => {
-  initGridProps();
-  console.log('onBeforeMount ==== ', props.widget.props);
-  // console.log('onBeforeMount ==== ', gridOptions.value);
-  // Object.assign(gridOptions.value, props.widget.props);
-});
-
-const refresh = () => {
-  xgrid.value.commitProxy('query');
-};
-
-const getSelected = () => {
-  const firstColumn = gridOptions.value.columns[0];
-  if (firstColumn.type === 'checkbox') {
-    return xgrid.value.getCheckboxRecords();
-  } else if (firstColumn.type === 'radio') {
-    return xgrid.value.getRadioRecord();
-  }
-};
-
-const getTableData = () => {
-  return xgrid.value.getTableData();
-};
-
-const getInstance = () => {
-  return toRaw(xgrid.value);
-};
-
-defineExpose({
-  refresh,
-  getSelected,
-  getTableData,
-  getInstance
-});
-
-onMounted(() => {
-  if (!props.designMode) {
-    designer.value.eventHandle(null, 'onMounted', props.widget, instance);
-  }
-});
-</script>

package/src/components/SuCommon/utils/index.ts

@@ -1,103 +0,0 @@
-/*
- * @Author: levi7754 levi7754@163.com
- * @Date: 2023-07-24 17:49:20
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2023-10-13 17:06:38
- * @FilePath: /u-dp-lowcode/src/views/design/utils/index.ts
- * @Description: 获取样式
- */
-
-import { clone, isString, toDateString, isEmpty } from 'xe-utils';
-import { cookies } from '@utogether/utils';
-
-const CKEY = 'kCookies_param';
-
-export const getStyle = el => {
-  if (!el.type || el.type !== 'block') {
-    return {
-      width: (25 / 6) * el.props.width + '%'
-    };
-  } else {
-    const style = { width: 0, height: 0 };
-    const arr = el.props.style;
-    if (el.props.divWidth) {
-      style.width = el.props.divWidth;
-    }
-    if (el.props.divHeight) {
-      style.height = el.props.divHeight;
-    }
-    if (arr && arr.length > 0) {
-      arr.forEach(el => {
-        style[el.label] = el.value;
-      });
-    }
-    return style;
-  }
-};
-
-/**
- * @param grid 表格数据
- * @param fields 合并字段列表
- * @param decimal 精度
- * @returns 合并数据
- */
-export const footerSumMethod = (grid, fields, decimal) => {
-  return [
-    grid.columns.map((column, columnIndex) => {
-      if (columnIndex === 0) {
-        return '合计';
-      }
-      if (fields.includes(column.property)) {
-        const total = grid.data.reduce((prev, cur) => {
-          return prev + Number(cur[column.property] || 0);
-        }, 0);
-        const ss = total ? Number(total.toFixed(decimal || 2)) : total;
-        return ss;
-      }
-      return '';
-    })
-  ];
-};
-
-/** 查询服务 */
-export const query = (widget, form, page, http, fetchParam?) => {
-  for (const i in form) {
-    if (form[i] && isString(form[i])) {
-      form[i] = form[i].trim();
-    }
-  }
-  const params = {
-    pageNum: page.currentPage,
-    pageSize: page.pageSize
-  };
-  const commonParam = cookies.get(CKEY) ? JSON.parse(cookies.get(CKEY)) : {};
-  Object.assign(params, commonParam, form, fetchParam || {});
-  const query = formatDateRange(params, widget.props.formConfig.items);
-  return http.get(widget.props.url, query);
-};
-
-const startFormatter = 'yyyy-MM-dd 00:00:00';
-const endFormatter = 'yyyy-MM-dd 23:59:59';
-const formatDateRange = (listQuery: any, formItems) => {
-  const dateRanges = formItems.filter(
-    f => f.itemRender?.name === '#SuDateRange' || f.itemRender?.props?.multiple || f.multiple
-  );
-  if (isEmpty(dateRanges)) return listQuery;
-  const query = clone(listQuery, true);
-  dateRanges.forEach((element: any) => {
-    if (element.multiple || element.itemRender?.props?.multiple) {
-      query[element.field] = query[element.field]?.join(',');
-    } else {
-      const val = query[element.field];
-      if (val && element.toField) {
-        query[element.fromField] = toDateString(val[0], startFormatter);
-        query[element.toField] = toDateString(val[1], endFormatter);
-      } else if (val) {
-        query[`${element.field}From`] = toDateString(val[0], startFormatter);
-        query[`${element.field}To`] = toDateString(val[1], endFormatter);
-      }
-      delete query[element.field];
-    }
-  });
-  return query;
-};

package/src/components/SuCommon/utils/slot.tsx

@@ -1,50 +0,0 @@
-/*
- * @Author: levi7754 levi7754@163.com
- * @Date: 2023-09-21 16:26:11
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2023-09-23 10:59:43
- * @FilePath: /u-dp-lowcode/src/views/design/utils/slot.tsx
- * @Description: slot 工具函数
- */
-const systemStatus = ['primary', 'success', 'warning', 'danger'];
-
-export const columnButtons = (buttons, col, cb?) => {
-  const count = buttons.length;
-  if (count > 3) {
-    const front2Buttons = buttons.filter((f, idx) => idx < 2);
-    const dropdownButtons = buttons.filter((f, idx) => idx > 1);
-    col.slots = {
-      default: ({ row }) => {
-        const btns = front2Buttons.map((btn, idx) => colButton(btn, row, idx, cb));
-        const drop = (
-          <vxe-button status="primary" transfer>
-            {{
-              default: () => '更多',
-              dropdowns: () => dropdownButtons.map((btn, idx) => colButton(btn, row, idx, cb))
-            }}
-          </vxe-button>
-        );
-        btns.push(drop);
-        return btns;
-      }
-    };
-  } else {
-    col.slots = {
-      default: ({ row }) => buttons.map((btn, idx) => colButton(btn, row, idx, cb))
-    };
-  }
-  return col;
-};
-
-const colButton = (btn, row, idx, cb) => {
-  const statusIdx = idx % systemStatus.length;
-  return (
-    <vxe-button
-      content={btn.name}
-      auth={btn.code}
-      icon={btn.icon}
-      status={btn.status || systemStatus[statusIdx]}
-      onClick={() => cb && cb(btn, row)}
-    />
-  );
-};

package/src/components/udp/form-upload.vue

@@ -1,132 +0,0 @@
-<!--
- * @Author: wei.li
- * @Date: 2022-11-04 14:53:36
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-07-14 18:32:47
- * @Description: form upload
--->
-<template>
-  <div v-spinning="loading" class="ut-upload-wrapper">
-    <el-upload
-      v-model:file-list="fileList"
-      :action="baseUrl + '/ufil/file/uploadMultipart'"
-      list-type="picture-card"
-      :headers="headers"
-      :before-upload="beforeUpload"
-      :on-success="onSuccess"
-      :on-preview="onPreview"
-      :on-remove="handleRemove"
-    >
-      <template #default>
-        <i class="ri-add-line" />
-      </template>
-    </el-upload>
-  </div>
-</template>
-
-<script lang="ts">
-export default { name: 'FormUpload' };
-</script>
-
-<script setup lang="ts">
-import { ref, computed, getCurrentInstance } from 'vue';
-import { cookies } from '@utogether/utils';
-// import type { UploadProps } from "element-plus";
-// import { loadEnv } from "@build/index";
-
-// const { VITE_BASE_URL } = loadEnv();
-
-export interface IProps {
-  record: object;
-  field: string;
-  limit?: number;
-  beforeUpload?: Function;
-  onSuccess?: Function;
-  onRemove?: Function;
-}
-const props = withDefaults(defineProps<IProps>(), {
-  record: () => {
-    return {};
-  },
-  field: '',
-  limit: 1
-});
-
-const instance = getCurrentInstance()!;
-const baseUrl = instance.appContext.config.globalProperties.$url;
-
-const headers = computed(() => {
-  const kTOKENKEY = 'authorized-token';
-  const token = cookies.get(kTOKENKEY)!;
-  const data = JSON.parse(token);
-  const headers = {
-    Authorization: 'Bearer ' + data.accessToken
-  };
-  return headers;
-});
-
-const fileList = ref([]);
-const loading = ref(false);
-const display = ref('flex');
-
-const beforeUpload = file => {
-  if (props.beforeUpload) {
-    return props.beforeUpload(file);
-  }
-  console.log(file);
-  loading.value = true;
-  return true;
-};
-
-const onSuccess = response => {
-  loading.value = false;
-  if (props.onSuccess) {
-    return props.onSuccess(response);
-  } else {
-    const field = props.field;
-    Object.assign(props.record, { [field]: response.data });
-    display.value = props.limit > fileList.value.length ? 'flex' : 'none';
-  }
-};
-
-const handleRemove = (uploadFile, uploadFiles) => {
-  if (props.onRemove) {
-    return props.onRemove(uploadFile, fileList);
-  }
-  loading.value = false;
-  console.log(uploadFile, uploadFiles);
-  display.value = 'flex';
-  emit('remove', uploadFile, fileList);
-};
-
-const onPreview = () => {
-  console.log('....');
-};
-const emit = defineEmits<{
-  (e: 'remove', file: File, fileList: any): void;
-}>();
-</script>
-
-<style lang="scss">
-.ut-upload-wrapper {
-  .el-upload--picture-card {
-    display: v-bind(display);
-    width: 60px !important;
-    height: 60px !important;
-  }
-
-  .el-upload-list--picture-card .el-upload-list__item {
-    width: 60px !important;
-    height: 60px !important;
-  }
-
-  .el-upload-list--picture-card .el-progress {
-    width: 50px !important;
-
-    .el-progress-circle {
-      width: 50px !important;
-      height: 50px !important;
-    }
-  }
-}
-</style>

package/src/components/udp/modal-form.vue

@@ -1,180 +0,0 @@
-<!--
- * @Author: wei.li
- * @Date: 2021-11-29 21:02:43
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-07-14 17:38:19
- * @Description: file content
--->
-
-<template>
-  <div>
-    <vxe-modal
-      v-model="showModal"
-      :title="title"
-      :width="width"
-      :height="height"
-      :loading="loading"
-      :show-footer="dataStatus !== 'detail'"
-      v-bind="modalAttrs"
-      min-width="240"
-      min-height="300"
-      destroy-on-close
-      resize
-      @close="onClose"
-    >
-      <template #default>
-        <vxe-form
-          ref="xForm"
-          :data="record"
-          :items="formItems"
-          :rules="rules"
-          title-align="right"
-          :title-width="formAttrs.titleWidth || 90"
-          v-bind="formAttrs"
-        />
-      </template>
-      <template #footer>
-        <ut-button status="warning" content="cancel" icon="ri-close-line" @tap="onClose" />
-        <ut-button status="u-cyan" content="confirm" icon="ri-save-3-line" @tap="onConfirm" />
-      </template>
-    </vxe-modal>
-  </div>
-</template>
-
-<script lang="ts">
-export default {
-  name: 'UtModalForm'
-};
-</script>
-<script lang="ts" setup>
-import { onBeforeMount, ref, computed, getCurrentInstance, useAttrs } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { getAttrs, formatItems } from './utils';
-import to from 'await-to-js';
-import { formatRules, successMessage } from '@utogether/utils';
-
-// import type { IRecord, IFormItemProps } from '../../types';
-
-export interface IProps {
-  record: IRecord; // 数据对象
-  formAttrs?: IRecord;
-  modalAttrs?: IRecord;
-  items: Array<IFormItemProps>; // form item
-  url?: string; // 服务路径
-  method?: string; // 请求方式
-  title?: string; // 标题
-  dataStatus?: string; // 状态
-  width?: number;
-  height?: number;
-}
-
-const props = withDefaults(defineProps<IProps>(), {
-  record: (): IRecord => {
-    return {};
-  },
-  formAttrs: (): IRecord => {
-    return {};
-  },
-  items: () => [],
-  title: '数据记录',
-  width: 420,
-  height: 360,
-  dataStatus: 'detail',
-  url: '',
-  method: 'post'
-});
-
-const attrs: IRecord = getAttrs(useAttrs());
-
-const loading = ref(false);
-const instance = getCurrentInstance()!;
-
-const serviceApi = instance.appContext.config.globalProperties.$serviceApi;
-
-/**
- * @description: 根据items 获取必填选
- */
-const rules = computed(() => {
-  if (!props.items.length) return {};
-  return formatRules(props.items, t);
-});
-
-const formItems = computed(() => {
-  if (!props.items.length) return props.items;
-  return formatItems(props.items, props.dataStatus);
-});
-
-const { t } = useI18n();
-const showModal = ref(false);
-
-const xForm = ref(null);
-/**
- * @description: 弹框确认
- */
-const onConfirm = () => {
-  // @ts-ignore
-  xForm.value.validate(async (valid: boolean) => {
-    if (!valid) {
-      const { record, url, method } = props;
-      if (url) {
-        showLoading();
-        const body = attrs?.dataProcessMethod ? attrs?.dataProcessMethod(record) : record;
-        if (url) {
-          const [err, data] = await to(serviceApi[method](url, body));
-          if (!err) {
-            successMessage();
-            emit('confirm', data);
-          }
-        }
-        hiddenLoading();
-        onClose();
-      } else {
-        emit('confirm');
-      }
-    }
-  });
-};
-
-/**
- * @description: 显示加载框
- */
-const showLoading = () => {
-  loading.value = true;
-};
-
-/**
- * @description: 关闭加载框
- */
-const hiddenLoading = () => {
-  loading.value = false;
-};
-const validateForm = (cb: Function) => {
-  // @ts-ignore
-  xForm.value.validate(cb);
-};
-
-/**
- * @description: 关闭弹框
- */
-const onClose = () => {
-  showModal.value = false;
-  emit('close');
-};
-/**
- * @description: 打开弹框
- */
-const openModal = () => {
-  showModal.value = true;
-};
-
-const emit = defineEmits<{
-  (e: 'close'): void;
-  (e: 'confirm', record?: any): void;
-}>();
-
-defineExpose({ showLoading, hiddenLoading, openModal, validateForm });
-
-onBeforeMount(() => {
-  openModal();
-});
-</script>