@utogether/udp-core 1.0.1-beta.2 → 1.0.1-beta.20

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
-  };
-};