@utogether/udp-core 1.0.1-beta.3 → 1.0.1-beta.31

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

@@ -1,297 +0,0 @@
-<!--
- * @Author: wei.li
- * @Date: 2021-11-24 17:53:49
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-07-22 11:42:46
- * @Description: 共用弹框
--->
-<template>
-  <div>
-    <vxe-modal
-      v-model="showModal"
-      :title="title"
-      :width="width"
-      :height="height"
-      :loading="data.loading"
-      :show-footer="showFooter"
-      resize
-      destroy-on-close
-      @close="close"
-    >
-      <template #default>
-        <slot />
-        <vxe-grid
-          ref="xGrid"
-          v-bind="data"
-          resizable
-          v-on="attrs.events || {}"
-          @edit-activated="onEditActived"
-          @toolbarButtonClick="toolbarButtonClick"
-          @toolbarToolClick="toolbarButtonClick"
-          @cell-click="cellClick"
-        />
-      </template>
-      <template #footer>
-        <slot name="bottom" />
-        <ut-button icon="ri-close-line" status="warning" content="cancel" @tap="close" />
-        <ut-button icon="ri-save-3-line" content="confirm" @tap="onConfirm" />
-      </template>
-    </vxe-modal>
-  </div>
-</template>
-<script lang="ts">
-export default {
-  name: 'UtModalGrid'
-};
-</script>
-<script lang="ts" setup>
-// @ts-nocheck
-import { onBeforeMount, reactive, ref, toRaw, getCurrentInstance, useAttrs } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { VxeGridProps } from 'vxe-table';
-import { formatGridItems, i18nColums, formatRules, successMessage, warnMessage } from '@utogether/utils';
-import { clone, isFunction } from 'xe-utils';
-import {
-  queryAll,
-  query,
-  del,
-  save,
-  footerSumMethod,
-  getToolBarConfig,
-  onCheckMethod,
-  getAttrs
-} from './utils';
-
-// import type { IRecord, IFormItemProps, ITableColProps } from '../../types';
-
-export interface IProps {
-  checkMethod?: Function;
-  columns: Array<ITableColProps>; // 列表行
-  defaultValue?: IRecord;
-  defaultParams?: IRecord;
-  gridOptions?: IRecord;
-  auth?: IRecord;
-  url?: string; // 查询服务路径
-  submitUrl?: string; // 确认
-  checkRowKeys?: Array<string>; // 默认选中列表
-  items?: Array<IFormItemProps>; // 查询条件
-  title?: string; // 标题
-  width?: number | string;
-  height?: number;
-  editable?: boolean; // 可编辑
-  needExport?: boolean; // 是否需要导出
-  showFooter?: boolean; // 显示底部按钮
-  addChild?: boolean; // 可编辑
-  autoClose?: boolean; // 组件自主关闭
-  autoLoad?: boolean; // 是否自动加载查询数据
-}
-const attrs: IRecord = getAttrs(useAttrs());
-
-const props = withDefaults(defineProps<IProps>(), {
-  gridOptions: () => {
-    return {};
-  },
-  items: () => [],
-  columns: () => [],
-  checkRowKeys: () => [],
-  addChild: false,
-  editable: true,
-  showFooter: false,
-  autoLoad: true,
-  needExport: true,
-  autoClose: true,
-  width: '520',
-  height: 420,
-  title: '数据记录',
-  url: '',
-  submitUrl: ''
-});
-
-const showModal = ref(false);
-
-const xGrid = ref(null);
-const instance = getCurrentInstance()!;
-
-const hasAuthority = instance.appContext.config.globalProperties.$hasAuthority;
-const serviceApi = instance.appContext.config.globalProperties.$serviceApi;
-const $mode = instance.appContext.config.globalProperties.$mode;
-
-const { t } = useI18n();
-
-/**
- * @description: colum 统一添加国家化
- */
-const getColumns = () => {
-  const col = props.columns.map(m => {
-    if (!props.editable) {
-      m.editRender = { enabled: false };
-    } else if (!m.type && !m.editRender && props.editable && !!m.editable) {
-      m.editRender = { name: 'VxeInput' };
-    }
-    return m;
-  });
-  return i18nColums(col);
-};
-
-const getItems = () => {
-  if (!props.items.length) return props.items;
-  return formatGridItems(clone(props.items, true));
-};
-
-/**
- * @description: 根据items 获取必填选
- */
-const getRules = () => {
-  if (!props.columns.length) return {};
-  return formatRules(props.columns, t);
-};
-
-const data = reactive<VxeGridProps>({
-  loading: false,
-  border: true,
-  pagerConfig: {},
-  formConfig: {},
-  toolbarConfig: { enabled: false },
-  height: 'auto',
-  editConfig: {},
-  rowConfig: { keyField: '_X_ROW_KEY' },
-  editRules: getRules(),
-  proxyConfig: {
-    form: true, // 查询是需要启用表单代理
-    autoLoad: props.autoLoad,
-    ajax: {
-      queryAll: ({ form }) => queryAll(props, serviceApi, form),
-      query: ({ page, form }) => query(props, form, page, serviceApi, $mode),
-      delete: ({ body: { removeRecords } }) => del(serviceApi, removeRecords, props),
-      save: ({ body }) => Promise.all(save(serviceApi, body, props))
-    }
-  },
-  checkboxConfig: {
-    checkMethod: ({ row }) => onCheckMethod(row, props),
-    checkRowKeys: props.checkRowKeys
-  },
-  columns: getColumns(),
-  ...props.gridOptions
-});
-
-// 确认数据
-const onConfirm = async () => {
-  let records = null;
-  const type = props.columns[0].type;
-  if (type === 'checkbox') {
-    records = xGrid.value.getCheckboxRecords();
-  } else if (type === 'radio') {
-    records = xGrid.value.getRadioRecord();
-  } else {
-    records = xGrid.value.getTableData().fullData;
-  }
-  if (type === 'checkbox' && !records.length && !props.addChild) {
-    return warnMessage(t('message.selectedRecord'));
-  } else if (type === 'radio' && !records) {
-    return warnMessage(t('message.selectedRecord'));
-  }
-  if (isFunction(attrs.beforeConfirm) && !attrs.beforeConfirm(records)) return;
-  const { submitUrl } = props;
-  // 服务submitUrl
-  if (submitUrl) {
-    showLoading();
-    let res;
-    try {
-      records.forEach(record => Object.assign(record, props.defaultParams));
-      res = await serviceApi.post(submitUrl, records);
-    } finally {
-      res && emit('confirm', res);
-      res && successMessage(t('message.operateSuccess'));
-      close();
-      hiddenLoading();
-    }
-  } else {
-    props.autoClose && close();
-    emit('confirm', records);
-  }
-};
-// 请求数据
-const refreshData = () => {
-  xGrid.value.commitProxy('query');
-};
-const refreshColumn = () => {
-  data.editRules = getRules();
-  xGrid.value.refreshColumn();
-};
-const getInstance = () => {
-  return toRaw(xGrid.value);
-};
-const cellClick = ({ row }) => {
-  const type = props.columns[0].type;
-  if (type === 'checkbox') {
-    xGrid.value.setCheckboxRow(row, true);
-  } else if (type === 'radio') {
-    xGrid.value.setRadioRow(row);
-  }
-};
-// 单元格被激活编辑激活回调
-const onEditActived = data => {
-  emit('actived', data);
-};
-const toolbarButtonClick = ({ code }) => {
-  emit('buttonClick', code);
-};
-const showLoading = () => {
-  data.loading = true;
-};
-const hiddenLoading = () => {
-  data.loading = false;
-};
-const emit = defineEmits<{
-  (e: 'close'): void;
-  (e: 'confirm', record: any): void;
-  (e: 'actived', record: any): void;
-  (e: 'buttonClick', code: string): void;
-}>();
-// 关闭弹框
-const close = () => {
-  if (isFunction(attrs.beforeClose) && !attrs.beforeClose()) return;
-  showModal.value = false;
-  emit('close');
-};
-
-/**
- * @description: 设置grid参数
- */
-
-const setGridConfig = () => {
-  // 查询
-  if (props.items.length) {
-    data.formConfig = {
-      titleWidth: 100,
-      titleAlign: 'right',
-      items: getItems(),
-      rules: formatRules(props.items, t),
-      validConfig: { showMessage: false }
-    };
-  }
-  // tool bar
-  const obj = getToolBarConfig(data, props, attrs, hasAuthority);
-  Object.assign(data, obj);
-
-  // 合计方法
-  if (attrs.mergeFooter) {
-    data.showFooter = true;
-    data.footerMethod = ({ columns, data }) => footerSumMethod({ columns, data }, attrs.mergeFooter);
-  }
-};
-
-// 子组件需对外暴露方法
-defineExpose({
-  refreshData,
-  refreshColumn,
-  getInstance,
-  showLoading,
-  hiddenLoading,
-  close
-});
-onBeforeMount(() => {
-  showModal.value = true;
-  setGridConfig();
-});
-</script>

package/src/utils/udp/useRender.ts

@@ -1,420 +0,0 @@
-/*
- * @Author: wei.li
- * @Date: 2021-11-29 18:18:00
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-04-18 11:09:01
- * @Description: file content
- */
-
-declare interface Fn<T = any, R = T> {
-  (...arg: T[]): R;
-}
-
-interface IAttrs {
-  disabled?: boolean;
-  defaultValue?: string;
-  code?: string;
-  [x: string]: any;
-}
-
-interface IEvents {
-  change?: Fn;
-  clear?: Fn;
-  blur?: Fn;
-  focus?: Fn;
-  input?: Fn;
-  filterMethod?: Fn;
-}
-import { isObject, isEmpty, isString, isFunction } from 'xe-utils';
-import { storageLocal } from '@utogether/utils';
-
-export const useRender = () => {
-  const optionProps = { value: 'dictCode', label: 'dictName' };
-  /**
-   * @description: 字典下拉渲染
-   * @param {*} attrs string|object string时默认未code
-   * @param {*} methods fn|object 回调函数 fn默认为onChange
-   */
-  const renderDict = (attrs: IAttrs | string, methods?) => {
-    const events = getEvents(methods);
-    let props = {
-      clearable: true,
-      disabled: false,
-      showValue: false,
-      placeholder: null
-    };
-    let defaultValue;
-    let dictCode;
-    if (isObject(attrs)) {
-      props = Object.assign(props, attrs);
-      defaultValue = attrs.defaultValue;
-      dictCode = attrs?.code;
-      // keyValue = attrs?.keyValue;
-    } else {
-      dictCode = attrs;
-    }
-    const opts = storageLocal.getItem('kLov')[dictCode]?.children;
-    const options = opts ? opts.filter(opt => opt.enabled === '1') : [];
-    return {
-      name: '#select',
-      optionProps,
-      options,
-      props,
-      defaultValue,
-      events
-    };
-  };
-  /**
-   * @description: 远程搜索下拉选择-编辑
-   * @param {*} attrs attrs
-   * @return {*}
-   */
-  const renderSelect = (attrs, methods?) => {
-    const events = getEvents(methods);
-    return {
-      name: '#SuSelect',
-      optionProps: attrs?.optionProps || { label: 'label', value: 'value' },
-      props: attrs?.props,
-      options: attrs?.options || [],
-      events
-    };
-  };
-  /**
-   * @description: 查询关联了用户的员工
-   * @param {*} attr '渲染器属性'
-   * @param {*} callback 回调函数
-   * @return {*} 渲染组件
-   */
-  const renderUser = (attr?, callback?) => {
-    const attrs = {
-      optionProps: { extLabel: 'userName', value: 'employeeName' },
-      props: {
-        attrs: { disabled: attr?.disabled },
-        disabled: attr?.disabled,
-        defaultValue: attr?.defaultValue,
-        mapField: attr?.mapField,
-        code: 'SYS037',
-        url: '/uums/employee/listEmployeeIsUser',
-        fetchField: 'employeeName'
-      }
-    };
-    return renderSelect(attrs, callback);
-  };
-  /**
-   * @description: 系统用户下拉
-   * @param {*} options 映射字段
-   * @return {*}
-   */
-  const renderSysUser = (options?) => {
-    const attrs = {
-      optionProps: { extLabel: 'userName', value: 'name' },
-      props: {
-        code: 'sys/listUsers',
-        url: '/uums/user',
-        fetchField: 'name',
-        mapField: options?.mapField
-      }
-    };
-    return renderSelect(attrs);
-  };
-
-  /**
-   * @description: 查询库存组织
-   * @param {*} name '渲染器属性'
-   * @param {*} callback 回调函数
-   * @return {*} 渲染组件
-   */
-  const renderInvOrg = (attrs?, methods?) => {
-    const optionProps = {
-      label: 'organizationName',
-      value: attrs?.field || 'organizationName'
-    };
-    const props = {
-      mapField: {},
-      defaultParams: attrs?.defaultParams,
-      url: '/uums/cusOrganization',
-      fetchField: 'organizationName'
-    };
-    const mapField = {
-      organizationId: 'id',
-      organizationCode: 'organizationCode'
-    };
-    Object.assign(props.mapField, mapField, attrs?.mapField || {});
-    return { name: '#SuSelect', props, optionProps, options: [], methods };
-  };
-  /**
-   * @description: 查询业务单元
-   * @param {*} name '渲染器属性'
-   * @param {*} callback 回调函数
-   * @return {*} 渲染组件
-   */
-  const renderBU = (attrs?, methods?) => {
-    const optionProps = {
-      label: 'orgName',
-      value: attrs?.field || 'orgName'
-    };
-    const props = {
-      mapField: {},
-      defaultParams: attrs?.defaultParams,
-      url: '/uums/org',
-      fetchField: 'orgName'
-    };
-    const mapField = { orgId: 'id', orgCode: 'orgCode' };
-    Object.assign(props.mapField, mapField, attrs?.mapField || {});
-    return { name: '#SuSelect', props, optionProps, options: [], methods };
-  };
-  /**
-   * @description: item input渲染器
-   * @param {*} name 渲染器名称
-   * @param {*} props 渲染的参数（请查看目标渲染的 Props）
-   * @return {*} item 渲染器
-   */
-  const renderInput = (attrs?, methods?) => {
-    const props = Object.assign({ disabled: false }, attrs);
-    const defaultValue = props?.defaultValue;
-    return {
-      name: 'VxeInput',
-      props,
-      defaultValue,
-      events: getEvents(methods)
-    };
-  };
-  /**
-   * @description: item input渲染器
-   * @param {*} name 渲染器名称
-   * @param {*} props 渲染的参数（请查看目标渲染的 Props）
-   * @return {*} item 渲染器
-   */
-  const renderTextarea = (attrs?, methods?) => {
-    const props = Object.assign({ disabled: false, rows: 3 }, attrs);
-    const defaultValue = props?.defaultValue;
-    return {
-      name: 'VxeTextarea',
-      props,
-      defaultValue,
-      events: getEvents(methods)
-    };
-  };
-  /**
-   * @description: checkbox
-   * @param {*} attrs
-   * @return {*} checkbox渲染器
-   */
-  const renderCheckBox = (attrs, methods?) => {
-    const name = 'VxeCheckbox';
-    const { defaultValue, options, props } = commonProps(attrs);
-    return { name, defaultValue, options, props, events: getEvents(methods) };
-  };
-  /**
-   * @description: radio
-   * @param {*} attrs
-   * @param {*} methods 事件
-   * @return {*} radio渲染器
-   */
-  const renderRadio = (attrs: string | IAttrs, methods?) => {
-    const name = 'VxeRadio';
-    const { defaultValue, options, props } = commonProps(attrs);
-    return { name, defaultValue, options, props, events: getEvents(methods) };
-  };
-  const commonProps = (attrs: string | IAttrs) => {
-    let props = { disabled: false };
-    let defaultValue;
-    const dictData = storageLocal.getItem('kLov');
-    let code = '';
-    if (isObject(attrs)) {
-      defaultValue = attrs.defaultValue;
-      code = attrs.code!;
-      props = Object.assign(props, attrs || {});
-    } else if (isString(attrs)) {
-      code = attrs;
-    }
-    const options = code
-      ? dictData[code]?.children.map(m => {
-          return { label: m.dictName, value: m.dictCode };
-        })
-      : [];
-    return { props, defaultValue, options };
-  };
-  /**
-   * @description: 数值录入
-   * @param {*} attrs 渲染的参数（请查看目标渲染的props)
-   * @param {*} methods 渲染目标的events,
-   * @return {*} editRender
-   */
-  const renderNumber = (attrs?, methods?) => {
-    const events = getEvents(methods);
-    const props = Object.assign(
-      { type: 'number', clearable: true, min: 0, controls: false },
-      attrs || {}
-    );
-
-    return {
-      name: 'VxeInput',
-      props,
-      defaultValue: attrs?.defaultValue,
-      events
-    };
-  };
-  /**
-   * @description: 时间日期
-   * @param {*} attrs 渲染的参数（请查看目标渲染的props)
-   * @param {*} methods 渲染目标的events,
-   * @return {*} editRender
-   */
-  const renderDate = (attrs?, methods?) => {
-    const events = getEvents(methods);
-    const valueFormat = 'yyyy-MM-dd HH:mm:ss';
-    const defaultValue = attrs?.defaultValue;
-    const prop = { type: 'date', valueFormat, clearable: true };
-    const props = Object.assign(prop, attrs || {});
-    return { name: 'VxeInput', props, defaultValue, events };
-  };
-  /**
-   * @description: 值集视图
-   * @param {*} attrs 渲染的参数
-   * @param {*} methods 渲染目标的events,
-   * @return {*} editRender
-   */
-  const renderLov = (attrs, methods?) => {
-    const events = getEvents(methods);
-    const props = Object.assign({}, attrs || {});
-    return { name: '#lov', props, events };
-  };
-  /**
-   * @description: 本地下拉选择
-   * @param {*} attrs 同ElSelect
-   * @param {*} methods 事件, 默认为change事件
-   * @return {*}
-   */
-  const renderSelectLocal = (attrs, methods?) => {
-    const events = getEvents(methods);
-    const optionProps = attrs?.optionProps || {
-      label: 'label',
-      value: 'value'
-    };
-    const props = Object.assign({ clearable: true, disabled: false, showValue: false }, attrs || {});
-    console.log('itemRender');
-    return {
-      name: '#select',
-      optionProps,
-      options: attrs?.options || [],
-      props,
-      events
-    };
-  };
-  /**
-   * @description: 渲染成switch
-   * @param {*} attrs 请查看目标渲染的props
-   * @param {*} methods 请查看目标渲染的event
-   * @return {*} switchRender
-   */
-  const renderSwitch = (attrs?: string | IAttrs, methods?) => {
-    let props = {
-      openLabel: '是',
-      closeLabel: '否',
-      openValue: 'Y',
-      closeValue: 'N'
-    };
-    let defaultValue = 'Y';
-    if (isObject(attrs) && !isFunction(attrs)) {
-      props = Object.assign(props, attrs || {});
-      defaultValue = attrs.defaultValue || defaultValue;
-    } else if (!isEmpty(attrs) && isString(attrs)) {
-      defaultValue = attrs;
-      props = Object.assign(props, { defaultValue });
-    }
-    // @ts-ignore
-    const events = isFunction(attrs) ? getEvents(attrs) : getEvents(methods);
-    return { name: 'VxeSwitch', props, defaultValue, events };
-  };
-  /**
-   * @description: 表格渲染el-tag组件
-   * @param {*} code 数据字典code
-   * @param {*} tagMap 渲染tag对应的type {1: 'success'}
-   * @return {*} table cellRender
-   */
-  const renderCellTag = (code, tagMap) => {
-    return { name: '#tag', props: { code, tagMap } };
-  };
-  /**
-   * @description: cell渲染成el-switch
-   * @param {*} attrs 请查看目标渲染的props
-   * @param {*} methods 请查看目标渲染的event
-   * @return {*} cellRender
-   */
-  const renderEnabled = (options?, methods?) => {
-    const props: IAttrs = {
-      openLabel: '启用',
-      closeLabel: '禁用',
-      openValue: '1',
-      closeValue: '0',
-      defaultValue: '1'
-    };
-    if (!isFunction(options) && isObject(options)) {
-      Object.assign(props, options);
-    }
-    const fun = isFunction(options) ? options : methods;
-    return renderSwitch(props, fun);
-    // return { name: "#switch", props, events };
-  };
-  /**
-   * icon选择器
-   * @returns render 函数
-   */
-  const renderIconSelect = () => {
-    return { name: '#iconSelect' };
-  };
-  /**
-   * 树形选择器
-   * @param sourceData  展示数据
-   * @param props  请查看element plus的TreeSelect渲染的props
-   * @param events  事件
-   * @returns render 函数
-   */
-  const renderTreeSelect = (sourceData: IRecord[] = [], props = {}, events?) => {
-    return { name: '#treeSelect', sourceData, props, events };
-  };
-
-  const getEvents = (methods: IEvents | Fn) => {
-    let events: any = {};
-    if (isObject(methods) && !isFunction(methods)) {
-      events = {
-        change: methods?.change || cb,
-        blur: methods?.blur || cb,
-        focus: methods?.focus || cb,
-        input: methods?.input || cb,
-        clear: methods?.clear || cb,
-        filterMethod: methods?.filterMethod
-      };
-    } else if (methods) {
-      events = { change: methods };
-    }
-    return events;
-  };
-
-  function cb() {}
-  // 回调函数
-  // const callback = (e) => cb && cb(e);
-
-  return {
-    renderDict,
-    renderSelect,
-    renderInput,
-    renderTextarea,
-    renderCheckBox,
-    renderRadio,
-    renderUser,
-    renderSysUser,
-    renderInvOrg,
-    renderBU,
-    renderNumber,
-    renderLov,
-    renderSelectLocal,
-    renderDate,
-    renderSwitch,
-    renderCellTag,
-    renderEnabled,
-    renderIconSelect,
-    renderTreeSelect
-  };
-};