@utogether/udp-core 1.0.1 → 1.0.2

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

package/src/views/components/contextmenu/basic.vue

@@ -1,74 +0,0 @@
-<template>
-  <div>
-    <h1>基本使用</h1>
-    <div v-contextmenu:contextmenu class="wrapper">
-      <code>右键点击此区域</code>
-    </div>
-
-    <v-contextmenu ref="contextmenu">
-      <v-contextmenu-item>GitHub</v-contextmenu-item>
-      <v-contextmenu-item>GitLab</v-contextmenu-item>
-
-      <v-contextmenu-divider />
-
-      <v-contextmenu-submenu title="蔬菜菜">
-        <v-contextmenu-item>土豆</v-contextmenu-item>
-
-        <v-contextmenu-submenu title="青菜">
-          <v-contextmenu-item>小油菜</v-contextmenu-item>
-          <v-contextmenu-item>空心菜</v-contextmenu-item>
-        </v-contextmenu-submenu>
-
-        <v-contextmenu-item>黄瓜</v-contextmenu-item>
-      </v-contextmenu-submenu>
-
-      <v-contextmenu-item disabled>菠萝蜜</v-contextmenu-item>
-
-      <v-contextmenu-divider />
-
-      <v-contextmenu-item>哈密瓜</v-contextmenu-item>
-    </v-contextmenu>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-
-import {
-  directive,
-  Contextmenu,
-  ContextmenuItem,
-  ContextmenuDivider,
-  ContextmenuSubmenu,
-  ContextmenuGroup
-} from 'v-contextmenu';
-
-export default defineComponent({
-  name: 'ExampleSimple',
-
-  components: {
-    [Contextmenu.name]: Contextmenu,
-    [ContextmenuItem.name]: ContextmenuItem,
-    [ContextmenuDivider.name]: ContextmenuDivider,
-    [ContextmenuSubmenu.name]: ContextmenuSubmenu,
-    [ContextmenuGroup.name]: ContextmenuGroup
-  },
-
-  directives: {
-    contextmenu: directive
-  }
-});
-</script>
-
-<style scoped>
-.wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 300px;
-  height: 200px;
-  background-color: rgb(90 167 164 / 20%);
-  border: 3px dashed rgb(90 167 164 / 90%);
-  border-radius: 8px;
-}
-</style>

package/src/views/components/contextmenu/context-menu.vue

@@ -1,40 +0,0 @@
-<!--
- * @Author: wei.li
- * @Date: 2022-10-17 11:26:28
- * @LastEditors: wei.li
- * @LastEditTime: 2022-11-30 07:58:05
- * @Description: file content
--->
-<script setup lang="ts">
-import basic from './basic.vue';
-import menuGroup from './menuGroup.vue';
-import menuDynamic from './menuDynamic.vue';
-import 'v-contextmenu/dist/themes/default.css';
-defineOptions({
-  name: 'ContextMenu'
-});
-</script>
-
-<template>
-  <el-card>
-    <template #header>
-      <div class="card-header">
-        <span class="font-medium">右键菜单组件</span>
-      </div>
-    </template>
-    <el-row :gutter="24">
-      <el-col :xs="24" :sm="10" :md="10" :lg="8" :xl="10">
-        <!-- 基本使用 -->
-        <basic />
-      </el-col>
-      <el-col :xs="24" :sm="10" :md="10" :lg="8" :xl="10">
-        <!-- 按钮组 -->
-        <menuGroup />
-      </el-col>
-      <el-col :xs="24" :sm="10" :md="10" :lg="8" :xl="10">
-        <!-- 动态菜单 -->
-        <menuDynamic />
-      </el-col>
-    </el-row>
-  </el-card>
-</template>

package/src/views/components/contextmenu/menuDynamic.vue

@@ -1,99 +0,0 @@
-<template>
-  <div>
-    <h1>动态菜单</h1>
-    <div v-contextmenu:contextmenu class="wrapper">
-      <code>右键点击此区域</code>
-    </div>
-
-    <v-contextmenu ref="contextmenu">
-      <v-contextmenu-group title="操作">
-        <v-contextmenu-item :hide-on-click="false" @click="extra.push('item')"
-          >添加菜单</v-contextmenu-item
-        >
-        <v-contextmenu-item :hide-on-click="false" @click="extra.push('group')"
-          >添加菜单组</v-contextmenu-item
-        >
-        <v-contextmenu-item :hide-on-click="false" @click="extra.push('submenu')"
-          >添加子菜单</v-contextmenu-item
-        >
-        <v-contextmenu-item :hide-on-click="false" @click="extra.pop()">删除</v-contextmenu-item>
-      </v-contextmenu-group>
-
-      <template v-for="(item, index) of extra" :key="index">
-        <v-contextmenu-divider />
-
-        <v-contextmenu-group v-if="item === 'group'" :title="`菜单组 ${index + 1}`">
-          <v-contextmenu-item>菜单1</v-contextmenu-item>
-          <v-contextmenu-item>菜单2</v-contextmenu-item>
-          <v-contextmenu-item>菜单3</v-contextmenu-item>
-        </v-contextmenu-group>
-
-        <v-contextmenu-submenu v-else-if="item === 'submenu'" :title="`子菜单 ${index + 1}`">
-          <v-contextmenu-item>菜单1</v-contextmenu-item>
-          <v-contextmenu-item>菜单2</v-contextmenu-item>
-          <v-contextmenu-item>菜单3</v-contextmenu-item>
-        </v-contextmenu-submenu>
-
-        <v-contextmenu-item v-else>菜单 {{ index + 1 }}</v-contextmenu-item>
-      </template>
-    </v-contextmenu>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-
-import {
-  directive,
-  Contextmenu,
-  ContextmenuItem,
-  ContextmenuDivider,
-  ContextmenuSubmenu,
-  ContextmenuGroup
-} from 'v-contextmenu';
-
-export default defineComponent({
-  name: 'ExampleDynamic',
-
-  components: {
-    [Contextmenu.name]: Contextmenu,
-    [ContextmenuItem.name]: ContextmenuItem,
-    [ContextmenuDivider.name]: ContextmenuDivider,
-    [ContextmenuSubmenu.name]: ContextmenuSubmenu,
-    [ContextmenuGroup.name]: ContextmenuGroup
-  },
-
-  directives: {
-    contextmenu: directive
-  },
-
-  data() {
-    return {
-      extra: []
-    };
-  },
-
-  methods: {
-    addItem(type = 'item') {
-      this.extra.push(type);
-    },
-    removeItem() {
-      this.extra.pop();
-    }
-  }
-});
-</script>
-
-<style scoped>
-.wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 300px;
-  height: 200px;
-  margin-bottom: 30px;
-  background-color: rgb(90 167 164 / 20%);
-  border: 3px dashed rgb(90 167 164 / 90%);
-  border-radius: 8px;
-}
-</style>

package/src/views/components/contextmenu/menuGroup.vue

@@ -1,71 +0,0 @@
-<template>
-  <div>
-    <h1>按钮组</h1>
-    <div v-contextmenu:contextmenu class="wrapper">
-      <code>右键点击此区域</code>
-    </div>
-
-    <v-contextmenu ref="contextmenu">
-      <v-contextmenu-item>菜单</v-contextmenu-item>
-
-      <v-contextmenu-group>
-        <v-contextmenu-item>Github</v-contextmenu-item>
-        <v-contextmenu-item>Codepen</v-contextmenu-item>
-        <v-contextmenu-item disabled>Alipay</v-contextmenu-item>
-        <v-contextmenu-item>Wechat</v-contextmenu-item>
-      </v-contextmenu-group>
-
-      <v-contextmenu-divider />
-
-      <v-contextmenu-group title="按钮组">
-        <v-contextmenu-item>菜单1</v-contextmenu-item>
-        <v-contextmenu-item>菜单2</v-contextmenu-item>
-        <v-contextmenu-item disabled>菜单3</v-contextmenu-item>
-      </v-contextmenu-group>
-    </v-contextmenu>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-
-import {
-  directive,
-  Contextmenu,
-  ContextmenuItem,
-  ContextmenuDivider,
-  ContextmenuSubmenu,
-  ContextmenuGroup
-} from 'v-contextmenu';
-
-const ExampleSFC = defineComponent({
-  name: 'ExampleSFC',
-
-  components: {
-    [Contextmenu.name]: Contextmenu,
-    [ContextmenuItem.name]: ContextmenuItem,
-    [ContextmenuDivider.name]: ContextmenuDivider,
-    [ContextmenuSubmenu.name]: ContextmenuSubmenu,
-    [ContextmenuGroup.name]: ContextmenuGroup
-  },
-
-  directives: {
-    contextmenu: directive
-  }
-});
-
-export default ExampleSFC;
-</script>
-
-<style scoped>
-.wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 300px;
-  height: 200px;
-  background-color: rgb(90 167 164 / 20%);
-  border: 3px dashed rgb(90 167 164 / 90%);
-  border-radius: 8px;
-}
-</style>