@utogether/udp-core 1.0.0 → 1.0.1-beta.10

package/src/utils/udp/useRender.ts

@@ -0,0 +1,431 @@
+/*
+ * @Author: wei.li
+ * @Date: 2021-11-29 18:18:00
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-08-16 18:28:08
+ * @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 renderUpload = (props?, events?) => {
+    // 单个模式下，限制只能单个上传
+    props = props || {};
+    const { singleMode, mode } = props;
+    if (singleMode) {
+      Object.assign(props, { multiple: false, limitCount: 1, autoHiddenButton: true });
+    }
+    if (!mode || mode === 'image') {
+      props.imageTypes = ['jpg', 'jpeg', 'png', 'gif', 'apk'];
+    }
+    return { name: '#upload', 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,
+    renderUpload
+  };
+};

package/src/views/login/login-view.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="select-none">
-    <div class="absolute flex-c right-5 top-3">
+    <div class="absolute flex justify-center items-center right-5 top-3">
       <!-- 主题 -->
       <!-- <el-switch
         v-model="dataTheme"
@@ -229,7 +229,7 @@ const insertLoginInfo = username => {
     browserVersion,
     operatingSystem: getPlatform(userAgent)
   };
-  serviceApi.post('/upms/v1/userMonitor', obj);
+  serviceApi.post('/upfm/v1/userMonitor', obj);
 };
 
 /** 使用公共函数，避免`removeEventListener`失效 */