sohelp-eleplus 1.1.13

package/sohelp-icon-select/vxeui-icon.js

@@ -0,0 +1,90 @@
+export const VxeIcon = {
+  'vxe-icon-arrow-down': 'vxe-icon-arrow-down',
+  'vxe-icon-spinner': 'vxe-icon-spinner',
+  'vxe-icon-spinner roll': 'vxe-icon-spinner roll',
+  'vxe-icon-question-circle-fill': 'vxe-icon-question-circle-fill',
+  'vxe-icon-arrow-down rotate180': 'vxe-icon-arrow-down rotate180',
+  'vxe-icon-caret-down rotate180': 'vxe-icon-caret-down rotate180',
+  'vxe-icon-caret-down': 'vxe-icon-caret-down',
+  'vxe-icon-add': 'vxe-icon-add',
+  'vxe-icon-home-page': 'vxe-icon-home-page',
+  'vxe-icon-end-page': 'vxe-icon-end-page',
+  'vxe-icon-arrow-double-left': 'vxe-icon-arrow-double-left',
+  'vxe-icon-arrow-double-right': 'vxe-icon-arrow-double-right',
+  'vxe-icon-arrow-left': 'vxe-icon-arrow-left',
+  'vxe-icon-arrow-right': 'vxe-icon-arrow-right',
+  'vxe-icon-ellipsis-h': 'vxe-icon-ellipsis-h',
+  'vxe-icon-radio-checked-fill': 'vxe-icon-radio-checked-fill',
+  'vxe-icon-radio-unchecked': 'vxe-icon-radio-unchecked',
+  'vxe-icon-checkbox-indeterminate-fill': 'vxe-icon-checkbox-indeterminate-fill',
+  'vxe-icon-checkbox-checked-fill': 'vxe-icon-checkbox-checked-fill',
+  'vxe-icon-checkbox-unchecked': 'vxe-icon-checkbox-unchecked',
+  'vxe-icon-error-circle-fill': 'vxe-icon-error-circle-fill',
+  'vxe-icon-search': 'vxe-icon-search',
+  'vxe-icon-caret-up': 'vxe-icon-caret-up',
+  'vxe-icon-minus': 'vxe-icon-minus',
+  'vxe-icon-calendar': 'vxe-icon-calendar',
+  'vxe-icon-eye-fill-close': 'vxe-icon-eye-fill-close',
+  'vxe-icon-eye-fill': 'vxe-icon-eye-fill',
+  'vxe-icon-recover': 'vxe-icon-recover',
+  'vxe-icon-square': 'vxe-icon-square',
+  'vxe-icon-maximize': 'vxe-icon-maximize',
+  'vxe-icon-close': 'vxe-icon-close',
+  'vxe-icon-info-circle-fill': 'vxe-icon-info-circle-fill',
+  'vxe-icon-success-circle-fill': 'vxe-icon-success-circle-fill',
+  'vxe-icon-warning-circle-fill': 'vxe-icon-warning-circle-fill',
+  'vxe-icon-arrow-up rotate180': 'vxe-icon-arrow-up rotate180',
+  'vxe-icon-arrow-up': 'vxe-icon-arrow-up',
+  'vxe-icon-layout': 'vxe-icon-layout',
+  'vxe-icon-pc': 'vxe-icon-pc',
+  'vxe-icon-mobile': 'vxe-icon-mobile',
+  'vxe-icon-edit': 'vxe-icon-edit',
+  'vxe-icon-square-plus-fill': 'vxe-icon-square-plus-fill',
+  'vxe-icon-copy': 'vxe-icon-copy',
+  'vxe-icon-delete': 'vxe-icon-delete',
+  'vxe-icon-swap': 'vxe-icon-swap',
+  'vxe-icon-square-plus': 'vxe-icon-square-plus',
+  'vxe-icon-square-minus': 'vxe-icon-square-minus',
+  'vxe-icon-custom-column': 'vxe-icon-custom-column',
+  'vxe-icon-menu': 'vxe-icon-menu',
+  'vxe-icon-upload': 'vxe-icon-upload',
+  'vxe-icon-download': 'vxe-icon-download',
+  'vxe-icon-file': 'vxe-icon-file',
+  'vxe-icon-file-excel': 'vxe-icon-file-excel',
+  'vxe-icon-file-pdf': 'vxe-icon-file-pdf',
+  'vxe-icon-file-image': 'vxe-icon-file-image',
+  'vxe-icon-file-markdown': 'vxe-icon-file-markdown',
+  'vxe-icon-file-ppt': 'vxe-icon-file-ppt',
+  'vxe-icon-file-word': 'vxe-icon-file-word',
+  'vxe-icon-file-zip': 'vxe-icon-file-zip',
+  'vxe-icon-file-txt': 'vxe-icon-file-txt',
+  'vxe-icon-pct-full': 'vxe-icon-pct-full',
+  'vxe-icon-pct-1-1': 'vxe-icon-pct-1-1',
+  'vxe-icon-search-zoom-out': 'vxe-icon-search-zoom-out',
+  'vxe-icon-search-zoom-in': 'vxe-icon-search-zoom-in',
+  'vxe-icon-rotate-left': 'vxe-icon-rotate-left',
+  'vxe-icon-rotate-right': 'vxe-icon-rotate-right',
+  'vxe-icon-print': 'vxe-icon-print',
+  'vxe-icon-caret-right rotate90': 'vxe-icon-caret-right rotate90',
+  'vxe-icon-caret-right': 'vxe-icon-caret-right',
+  'vxe-icon-refresh': 'vxe-icon-refresh',
+  'vxe-icon-refresh roll': 'vxe-icon-refresh roll',
+  'vxe-icon-arrow-right rotate90': 'vxe-icon-arrow-right rotate90',
+  'vxe-icon-empty': 'vxe-icon-empty',
+  'vxe-icon-star-fill': 'vxe-icon-star-fill',
+  'vxe-icon-star': 'vxe-icon-star',
+  'vxe-icon-dropper': 'vxe-icon-dropper',
+  'vxe-icon-funnel': 'vxe-icon-funnel',
+  'vxe-icon-drag-handle': 'vxe-icon-drag-handle',
+  'vxe-icon-sort': 'vxe-icon-sort',
+  'vxe-icon-add-sub': 'vxe-icon-add-sub',
+  'vxe-icon-no-drop': 'vxe-icon-no-drop',
+  'vxe-icon-repeat': 'vxe-icon-repeat',
+  'vxe-icon-repeat roll': 'vxe-icon-repeat roll',
+  'vxe-icon-fullscreen': 'vxe-icon-fullscreen',
+  'vxe-icon-minimize': 'vxe-icon-minimize',
+  'vxe-icon-fixed-left': 'vxe-icon-fixed-left',
+  'vxe-icon-fixed-left-fill': 'vxe-icon-fixed-left-fill',
+  'vxe-icon-fixed-right': 'vxe-icon-fixed-right',
+  'vxe-icon-fixed-right-fill': 'vxe-icon-fixed-right-fill'
+};

package/sohelp-image-upload/index.vue

@@ -0,0 +1,286 @@
+<template>
+  <div class="sohelp-image-upload">
+    <vxe-upload
+      ref="vxeUploadRef"
+      v-model="fileList"
+      :upload-method="uploadMethod"
+      :before-remove-method="beforeRemoveMethod"
+      :before-download-method="beforeDownloadMethod"
+      :autoHiddenButton="!multiple"
+      show-download-button
+      mode="image"
+      :urlMode="true"
+      :showProgress="true"
+      :showButtonText="false"
+      :pasteToUpload="true"
+      :multiple="multiple"
+      :singleMode="!multiple"
+      :readonly="readonly"
+      :imageConfig="imageConfig"
+      :limitCount="limitCount"
+      :limitSize="limitSize"
+      :imageTypes="imageTypes"
+      :progressText="'{percent}%'"
+      :moreConfig="moreConfig"
+    ></vxe-upload>
+  </div>
+</template>
+
+<script setup>
+  import { ref, watch } from 'vue';
+  import { ElMessage, ElMessageBox } from 'element-plus';
+  import { SohelpHttp } from '../core-export';
+  import { VxeUI } from 'vxe-pc-ui';
+
+  const modelValue = defineModel('modelValue');
+  /**
+   * 支持本地数据
+   * @type {ModelRef<Object | any[] | undefined, string>}
+   */
+  const data = defineModel('data', { type: [Object, Array], default: () => [] });
+
+  const imagePath = `${SohelpHttp.getBaseUrl()}/engine/web/file/image?id=`;
+  const props = defineProps({
+    /**
+     * 是否只读
+     */
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * 支持异步数据源
+     */
+    datasource: {
+      type: Function,
+      default: () => {}
+    },
+    /**
+     * 支持多个图片上传，默认单个图片
+     */
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * 单次上传9个图片
+     */
+    limitCount: {
+      type: Number,
+      default: 9
+    },
+    /**
+     * 每张图片不超过10M
+     */
+    limitSize: {
+      type: Number,
+      default: 10 //10Mb
+    },
+    /**
+     * 支持上传图片的类型
+     */
+    imageTypes: {
+      type: Object,
+      default: () => {
+        return ['jpg', 'jpeg', 'png', 'webp', 'bmp', 'gif'];
+      }
+    },
+    /**
+     * 图片参数配置
+     */
+    imageConfig: {
+      type: Object,
+      default: () => {
+        return {
+          width: 30,
+          height: 26
+        };
+      }
+    },
+    moreConfig: {
+      type: Object,
+      default: () => {
+        return {
+          maxCount: 1,
+          layout: 'horizontal'
+        };
+      }
+    }
+  });
+
+  const emit = defineEmits(['update:modelValue', 'update:data']);
+
+  const vxeUploadRef = ref(null);
+  const fileList = ref([]);
+  const originList = ref([]);
+
+  /**
+   * 下载
+   * @param param0
+   */
+  const beforeDownloadMethod = async ({ option }) => {
+    try {
+      const blob = await fetch(option.url).then((response) => response.blob());
+      await VxeUI.saveFile({
+        filename: option.name,
+        content: blob
+      });
+      VxeUI.modal.message({
+        content: '下载成功',
+        status: 'success'
+      });
+    } catch (e) {
+      VxeUI.modal.message({
+        content: '下载失败',
+        status: 'error'
+      });
+    }
+    return false;
+  };
+
+  /**
+   *
+   * @param param0 删除
+   */
+  const beforeRemoveMethod = async ({ option }) => {
+    try {
+      if (!option || !option.url || typeof option.url !== 'string') {
+        return false;
+      }
+
+      await ElMessageBox.confirm('确定要删除图片吗?', '系统提示', {
+        type: 'warning',
+        draggable: false
+      });
+
+      const urlObj = new URL(option.url);
+      const id = urlObj.searchParams.get('id');
+
+      if (!id) {
+        return false;
+      }
+
+      const res = await SohelpHttp.post('/engine/web/file/delete', { id: id });
+
+      if (res.meta.success) {
+        ElMessage.success(res.meta.message);
+        originList.value = originList.value.filter((item) => item.id !== id);
+        modelValue.value = '';
+        return true;
+      } else {
+        ElMessage.error(res.meta.message);
+        return false;
+      }
+    } catch (e) {
+      return false;
+    }
+  };
+
+  /**
+   * 上传
+   */
+  const uploadMethod = async ({ file }) => {
+    const formData = new FormData();
+    formData.append('files', file);
+
+    const res = await SohelpHttp.post('/engine/web/file/upload', formData);
+    if (res.meta.success && res.data.length > 0) {
+      originList.value.push({
+        name: file.name,
+        id: res.data[0]
+      });
+
+      modelValue.value = res.data[0];
+
+      return {
+        url: imagePath + res.data[0],
+        name: file.name
+      };
+    } else {
+      ElMessage.error(res.meta.message);
+    }
+  };
+
+  watch(
+    () => modelValue.value,
+    (val) => {
+      if (val && val !== '0' && val !== 0) {
+        const arr = Array.isArray(val) ? val : [val];
+        const v = Array.isArray(data.value) ? data.value : [data.value];
+        originList.value = arr.map((item) => {
+          const filename = v?.find((row) => row?.id === item)?.filename || '';
+          return {
+            id: item,
+            name: filename,
+            url: imagePath + item
+          };
+        });
+        fileList.value = originList.value;
+      }
+    },
+    {
+      immediate: true
+    }
+  );
+</script>
+
+<script>
+  export default {
+    name: 'SohelpImageUpload'
+  };
+</script>
+<style scoped lang="scss">
+  .sohelp-image-upload {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    height: 100%;
+    box-sizing: border-box;
+
+    :deep(.vxe-upload) {
+      height: 100%;
+
+      .vxe-upload--image-wrapper {
+        height: 100%;
+      }
+
+      .vxe-upload--image-list {
+        height: 100%;
+        display: flex;
+        gap: 5px;
+
+        .vxe-upload--image-over-more {
+          padding: 0;
+        }
+
+        .vxe-upload--image-action {
+          padding: 0;
+        }
+
+        .vxe-upload--image-item {
+          padding: 0;
+          display: flex;
+
+          .vxe-upload--image-item-box {
+            img {
+              min-width: 100%;
+              min-height: 100%;
+            }
+          }
+
+          .vxe-upload--image-item-btn-wrapper {
+            width: 12px;
+            height: 12px;
+            overflow: hidden;
+            top: -3px;
+          }
+
+          .vxe-upload--image-item-remove-btn {
+            width: 12px;
+            height: 12px;
+          }
+        }
+      }
+    }
+  }
+</style>

package/sohelp-input/index.vue

@@ -0,0 +1,39 @@
+<template>
+  <el-input
+    v-bind="$attrs"
+    v-model="modelValue"
+    clearable
+    ref="inputRef"
+    :disabled="$attrs?.disabled || $attrs?.readonly"
+  >
+    <template v-for="(_, slot) in $slots" #[slot]="slotProps">
+      <slot :name="slot" v-bind="slotProps" />
+    </template>
+  </el-input>
+</template>
+<script setup>
+  import { nextTick, onMounted, ref } from 'vue';
+
+  const emit = defineEmits(['update:modelValue']);
+  const modelValue = defineModel('modelValue');
+  const props = defineProps({
+    autoFocus: {
+      type: Boolean,
+      default: false
+    }
+  });
+
+  const inputRef = ref(null);
+  onMounted(() => {
+    nextTick(() => {
+      if (props.autoFocus) {
+        inputRef.value.focus();
+      }
+    });
+  });
+</script>
+<script>
+  export default {
+    name: 'SohelpInput'
+  };
+</script>

package/sohelp-modal/index.vue

@@ -0,0 +1,49 @@
+<template>
+  <ele-modal v-bind="$attrs" v-model="modelValue">
+    <div class="modal__container">
+      <!-- 主内容插槽 -->
+      <slot>
+        <template v-for="(slotProps, slotName) in $scopedSlots" :key="slotName">
+          <slot :name="slotName" v-bind="slotProps" />
+        </template>
+      </slot>
+      <!-- 底部插槽 -->
+      <div class="modal__footer" v-if="showFooter">
+        <slot name="footer">
+          <el-button type="primary" @click="confirm">确认</el-button>
+          <el-button @click="cancel">关闭</el-button>
+        </slot>
+      </div>
+    </div>
+  </ele-modal>
+</template>
+<script setup>
+
+const modelValue = defineModel("modelValue", { type: Boolean, default: false });
+const emit = defineEmits("confirm","cancel");
+const props = defineProps({
+  showFooter: {
+    type: Boolean,
+    default: true
+  }
+});
+
+const confirm = ()=>{
+  emit("confirm");
+}
+const cancel = ()=>{
+  modelValue.value = false;
+  emit("cancel");
+}
+</script>
+<style scoped>
+/* 可选：添加样式 */
+.modal__container {
+  /* 样式定义 */
+  height: 100%;
+}
+
+.modal__footer {
+  /* 样式定义 */
+}
+</style>

package/sohelp-module/index.vue

@@ -0,0 +1,54 @@
+<template>
+  <!-- 动态渲染多个el-modal -->
+  <sohelp-modal
+    maxable
+    multiple
+    resizable
+    v-for="[id, modal] in modals"
+    :key="id"
+    v-model="modal.visible"
+    v-bind="modal"
+    @close="closeModal(id)"
+    :bodyStyle="{ padding: 0, height: '100%', minHeight: '60vh', }"
+    :showFooter="false"
+    class="module-modal"
+  >
+    <sohelp-vform :refid="id" v-model="modal.params" v-model:data="modal.params" ref="vformRefs" moduleType="modal"></sohelp-vform>
+  </sohelp-modal>
+
+  <!-- 动态渲染多个el-drawer -->
+  <sohelp-drawer
+    v-for="[id, drawer] in drawers"
+    :key="id"
+    v-model="drawer.visible"
+    v-bind="drawer"
+    @close="closeDrawer(id)"
+    :bodyStyle="{ padding: 0, height: '100%', overflow: 'auto'}"
+  >
+    <sohelp-vform :refid="id" v-model="drawer.params.modelValue" v-model:data="drawer.params.data" moduleType="drawer"></sohelp-vform>
+  </sohelp-drawer>
+</template>
+<script>
+  export default {
+    name: 'SohelpModule'
+  };
+</script>
+<script setup>
+  import SohelpModal from '../sohelp-modal/index.vue';
+  import SohelpDrawer from '../sohelp-drawer/index.vue';
+  import SohelpVform from '../sohelp-vform-eleplus/index.vue';
+  import useModalManager from './useModalManager';
+  import { ref } from 'vue';
+
+  const { modals, drawers, openModal, closeModal, openDrawer, closeDrawer } = useModalManager();
+  const vformRefs = ref(null);
+
+  defineExpose({
+    openModal,
+    closeModal,
+    openDrawer,
+    closeDrawer
+  });
+</script>
+
+<style lang="scss" scoped></style>

package/sohelp-module/useModalManager.js

@@ -0,0 +1,89 @@
+import { ref } from 'vue'
+
+export default function useModalManager() {
+  // 存储所有模态框实例
+  const modals = ref(new Map())
+  // 存储所有抽屉实例
+  const drawers = ref(new Map())
+
+  /**
+   * 打开模态框
+   * @param refid 模块地址
+   * @param params  数据对象
+   * @param props 属性
+   */
+  const openModal = (refid,params={}, props = {}) => {
+    modals.value.set(refid, {
+      visible: true,
+      ...props,
+      params:{...params}
+    })
+  }
+
+  /**
+   * 关闭对话框
+   * @param refid 模块地址
+   */
+  const closeModal = (refid) => {
+    if (modals.value.has(refid)) {
+      modals.value.set(refid, {
+        ...modals.value.get(refid),
+        visible: false
+      })
+    }
+  }
+
+  /**
+   * 打开抽屉
+   * @param refid 模块地址
+   * @param params 数据对象
+   * @param props 属性
+   */
+  const openDrawer = (refid, params={},props = {}) => {
+    drawers.value.set(refid, {
+      visible: true,
+      ...props,
+      params:{...params}
+    })
+  }
+
+  /**
+   * 关闭抽屉
+   * @param refid 模块地址
+   */
+  const closeDrawer = (refid) => {
+    if (drawers.value.has(refid)) {
+      drawers.value.set(refid, {
+        ...drawers.value.get(refid),
+        visible: false
+      })
+    }
+  }
+
+  /**
+   * 获取模态框状态
+   * @param refid 模块地址
+   */
+  const getModalState = (refid) => {
+    return modals.value.get(refid) || { visible: false }
+  }
+
+  /**
+   * 获取抽屉状态
+   * @param refid 模块地址
+   */
+  const getDrawerState = (refid) => {
+    return drawers.value.get(refid) || { visible: false }
+  }
+
+  return {
+    modals,
+    drawers,
+    openModal,
+    closeModal,
+    openDrawer,
+    closeDrawer,
+    getModalState,
+    getDrawerState
+  }
+}

package/sohelp-module/useSohelpModule.js

@@ -0,0 +1,66 @@
+import { useRouter } from "vue-router";
+import { usePageTab } from "@/utils/use-page-tab";
+
+function objectToUrlParams(obj) {
+  if (!obj) {
+    return '';
+  }
+  return "&"+Object.keys(obj)
+    .map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`)
+    .join('&');
+}
+
+export function useSohelpModule(sohelpModuleRef) {
+  const { push } = useRouter();
+  return {
+    /**
+     * 打开抽屉
+     * @param refid 模块地址
+     * @param params 参数
+     * @param props 属性
+     */
+    openDrawer: (refid,params={}, props={}) => {
+      sohelpModuleRef.value.openDrawer(refid,params,props);
+    },
+    /**
+     *打开对话框
+     * @param refid 模块地址
+     * @param params
+     * @param props
+     */
+    openModal: (refid, params= {},props={},callback) => {
+      sohelpModuleRef.value.openModal(refid, params,props,callback);
+    },
+    /**
+     * 关闭对话框
+     * @param refid 模块地址
+     */
+    closeModal: (refid) => {
+      sohelpModuleRef.value.closeModal(refid);
+    },
+    /**
+     * 关闭抽屉
+     * @param refid 模块地址
+     */
+    closeDrawer: (refid) => {
+      sohelpModuleRef.value.closeDrawer(refid);
+    },
+    /**
+     * 打开标签页
+     * @param refid 模块地址
+     * @param params 数据对象
+     */
+    openTab: (refid, params) => {
+      delete params.refid;
+      push(`/vform?refid=${refid}${objectToUrlParams(params)}`);
+    },
+    /**
+     * 关闭标签页
+     * @param refid 模块地址
+     */
+    closeTab: (refid) => {
+      const { finishPageTab, setPageTabTitle,addPageTab  } = usePageTab();
+      finishPageTab();
+    }
+  };
+}

package/sohelp-number-input/index.vue

@@ -0,0 +1,32 @@
+<template>
+  <el-input-number
+    v-bind="$attrs"
+    controls-position="right"
+    ref="inputRef"
+    :disabled="$attrs?.disabled || $attrs?.readonly"
+  ></el-input-number>
+</template>
+<script setup>
+  import { nextTick, onMounted, ref } from 'vue';
+
+  const props = defineProps({
+    autoFocus: {
+      type: Boolean,
+      default: false
+    }
+  });
+
+  const inputRef = ref(null);
+  onMounted(() => {
+    nextTick(() => {
+      if (props.autoFocus) {
+        inputRef.value.focus();
+      }
+    });
+  });
+</script>
+<script>
+  export default {
+    name: 'SohelpNumberInput'
+  };
+</script>