sohelp-eleplus 1.1.22 → 1.1.25

package/components.js

@@ -46,3 +46,4 @@ export { default as SohelpIconSelect } from './sohelp-icon-select/index.vue';
 export { default as SohelpModal } from './sohelp-modal/index.vue';
 export { default as SohelpCard } from './sohelp-card/index.vue';
 export { default as SohelpPage } from './sohelp-page/index.vue';
+export { default as SohelpTableSelect } from './sohelp-table-select/index.vue';

package/http/CrudHttp.js

@@ -6,9 +6,9 @@ import SohelpHttp from "./SohelpHttp";
 export const CrudHttp = {
   /**
    * 表单初始化数据
-   * 
+   *
    * 获取表单初始化所需的数据，如默认值、选项等。
-   * 
+   *
    * @param {string} refid 模块引用ID
    * @param {Object} [params={}] 请求参数
    * @param {Function} [callback] 请求完成后的回调函数
@@ -20,9 +20,9 @@ export const CrudHttp = {
   },
   /**
    * 根据ID获取某一行数据
-   * 
+   *
    * 用于获取单行数据的详细信息。
-   * 
+   *
    * @param {string} refid 模块引用ID
    * @param {Object} [params={}] 请求参数，通常包含 id
    * @param {Function} [callback] 请求完成后的回调函数
@@ -34,9 +34,9 @@ export const CrudHttp = {
   },
   /**
    * 根据ID,获取主体数据和外键数据
-   * 
+   *
    * 获取详细数据，包括关联的外键数据。
-   * 
+   *
    * @param {string} refid 模块引用ID
    * @param {Object} [params={}] 请求参数，通常包含 id
    * @param {Function} [callback] 请求完成后的回调函数
@@ -48,9 +48,9 @@ export const CrudHttp = {
   },
   /**
    * 根据外键分页读取数据列表
-   * 
+   *
    * 用于加载子表或关联表的分页数据。
-   * 
+   *
    * @param {string} refid 模块引用ID
    * @param {Object} [params={}] 请求参数，包含分页信息和外键条件
    * @param {Function} [callback] 请求完成后的回调函数
@@ -62,9 +62,9 @@ export const CrudHttp = {
   },
   /**
    * 保存单据
-   * 
+   *
    * 保存表单数据（通用保存接口）。
-   * 
+   *
    * @param {string} refid 模块引用ID
    * @param {Object} [data={}] 表单数据对象
    * @param {Function} [callback] 请求完成后的回调函数
@@ -76,9 +76,9 @@ export const CrudHttp = {
   },
   /**
    * 创建单据
-   * 
+   *
    * 创建新的单据记录。
-   * 
+   *
    * @param {string} refid 模块引用ID
    * @param {Object} [data={}] 表单数据对象
    * @param {Function} [callback] 请求完成后的回调函数
@@ -90,9 +90,9 @@ export const CrudHttp = {
   },
   /**
    * 更新单据
-   * 
+   *
    * 更新已存在的单据记录。
-   * 
+   *
    * @param {string} refid 模块引用ID
    * @param {Object} [data={}] 表单数据对象，通常包含 id
    * @param {Function} [callback] 请求完成后的回调函数
@@ -104,9 +104,9 @@ export const CrudHttp = {
   },
   /**
    * 删除单据
-   * 
+   *
    * 删除指定的单据记录。
-   * 
+   *
    * @param {string} refid 模块引用ID
    * @param {Object} [data={}] 数据对象，通常包含 id 或 ids
    * @param {Function} [callback] 请求完成后的回调函数
@@ -118,9 +118,9 @@ export const CrudHttp = {
   },
   /**
    * 单据分页
-   * 
+   *
    * 获取主表的分页数据列表。
-   * 
+   *
    * @param {string} refid 模块引用ID
    * @param {Object} [params={}] 查询参数，包含分页、排序和筛选条件
    * @param {Function} [callback] 请求完成后的回调函数
@@ -129,20 +129,6 @@ export const CrudHttp = {
   page: async function(refid, params = {}, callback) {
     params["refid"] = refid;
     return SohelpHttp.get("/engine/web/crud/page", params,callback);
-  },
-  /**
-   * 单据详情
-   * 
-   * 获取单据的详细信息，通常用于查看或编辑页面。
-   * 
-   * @param {string} refid 模块引用ID
-   * @param {Object} [params={}] 查询参数，通常包含 id
-   * @param {Function} [callback] 请求完成后的回调函数
-   * @returns {Promise<axios.AxiosResponse<any>>} 返回Promise对象
-   */
-  detail: async function(refid, params = {}, callback) {
-    params["refid"] = refid;
-    return SohelpHttp.get("/engine/web/crud/detail", params,callback);
   }
 };
 

package/http/SohelpHttp.js

@@ -1,7 +1,7 @@
 /**
  * axios实例
  */
-import { ElMessageBox } from 'element-plus/es';
+import { ElMessageBox } from "element-plus/es";
 
 export const SohelpHttp = {
   /**
@@ -12,7 +12,7 @@ export const SohelpHttp = {
   },
 
   /**
-   * 下载文件
+   * 通过Get请求，下载文件
    * @param _url
    * @param param
    * @param fileName
@@ -20,9 +20,9 @@ export const SohelpHttp = {
    * @param config
    * @returns {Promise<never>}
    */
-  download: async function (_url, param, fileName, onProgress, config = {}) {
+  download: async function(_url, param, fileName, onProgress, config = {}) {
     if (window.$axios == null) {
-      console.error('请在配置main.js中配置window.$axios实例！！');
+      console.error("请在配置main.js中配置window.$axios实例！！");
       return;
     }
     try {
@@ -33,10 +33,10 @@ export const SohelpHttp = {
       const response = await window.$axios
         .get(_url, {
           params: param || {},
-          responseType: 'blob',
+          responseType: "blob",
           ...config,
           onDownloadProgress: (evt) => {
-            if (typeof onProgress === 'function') {
+            if (typeof onProgress === "function") {
               const total = evt?.total || 0;
               const loaded = evt?.loaded || 0;
               onProgress(loaded, total);
@@ -47,7 +47,7 @@ export const SohelpHttp = {
           return Promise.reject(e.message);
         });
 
-      if (response.type === 'application/json') {
+      if (response.type === "application/json") {
         try {
           const text = await response.text();
           const res = JSON.parse(text);
@@ -55,7 +55,7 @@ export const SohelpHttp = {
             return res.data;
           } else {
             if (res?.meta?.error) {
-              console.log('SohelpHttp.download:', res.meta.error);
+              console.log("SohelpHttp.download:", res.meta.error);
             }
             return Promise.reject(new Error(res.meta.message));
           }
@@ -65,12 +65,12 @@ export const SohelpHttp = {
         return;
       }
       // 创建一个链接元素用于下载
-      const url = _url + '?' + new URLSearchParams(param).toString();
+      const url = _url + "?" + new URLSearchParams(param).toString();
       // const url = window.URL.createObjectURL(response.data);
-      const link = document.createElement('a');
+      const link = document.createElement("a");
       link.href = url;
-      link.target = '_blank';
-      link.setAttribute('download', fileName); // 设置下载的文件名
+      link.target = "_blank";
+      link.setAttribute("download", fileName); // 设置下载的文件名
       document.body.appendChild(link);
 
       // 触发下载
@@ -82,22 +82,22 @@ export const SohelpHttp = {
       return Promise.reject(error);
     }
   },
-  get: function (url, param, callback) {
+  get: function(url, param, callback) {
     if (window.$axios == null) {
-      console.error('请在配置main.js中配置window.$axios实例！！');
+      console.error("请在配置main.js中配置window.$axios实例！！");
       return;
     }
     for (const key in param) {
-      if (typeof param[key] === 'object' && param[key] !== null) {
+      if (typeof param[key] === "object" && param[key] !== null) {
         param[key] = JSON.stringify(param[key]); // 转换为 JSON 字符串
       }
     }
     let promise = window.$axios.get(url, { params: param });
     return promise.then((r) => {
       if (!r.meta.success && r.meta.error) {
-        console.error('(GET请求URL):', url, '(请求参数):', param, '(返回结果):', r.meta.error);
+        console.error("(GET请求URL):", url, "(请求参数):", param, "(返回结果):", r.meta.error);
       }
-      if (typeof callback === 'function') {
+      if (typeof callback === "function") {
         callback.call(this, r);
       }
       return Promise.resolve(r);
@@ -112,17 +112,17 @@ export const SohelpHttp = {
    * @param {Function} [error] 错误回调函数（目前未使用）
    * @returns {Promise<any>} 返回Promise对象
    */
-  post: function (url, param, callback, error) {
+  post: function(url, param, callback, error) {
     if (window.$axios == null) {
-      console.error('请在配置main.js中配置window.$axios实例！');
+      console.error("请在配置main.js中配置window.$axios实例！");
       return;
     }
     let promise = window.$axios.post(url, param);
     return promise.then((r) => {
       if (!r.meta.success && r.meta.error) {
-        console.error('(GET请求URL):', url, '(请求参数):', param, '(返回结果):', r.meta.error);
+        console.error("(GET请求URL):", url, "(请求参数):", param, "(返回结果):", r.meta.error);
       }
-      if (typeof callback === 'function') {
+      if (typeof callback === "function") {
         callback.call(this, r);
       }
       return Promise.resolve(r);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sohelp-eleplus",
-  "version": "1.1.22",
+  "version": "1.1.25",
   "description": "SohelpEleplus Extension Components",
   "public": true,
   "main": "index.js",

package/sohelp-dict/index.vue

@@ -1,30 +1,25 @@
 <!-- 字典组件 -->
 <template>
   <template v-if="type === 'text'">
-    <el-text
-      v-bind="$attrs"
-      :style="getStyle(item)"
-      style="
-        border-radius: 3px;
-        margin-right: 3px;
-        padding-left: 6px;
-        padding-right: 6px;
-        padding-top: 3px;
-        padding-bottom: 3px;
-        display: flex;
-        align-items: center;
-      "
-      v-for="(item, index) in valueData"
-      :key="item.value"
-    >
-      <el-icon :size="18" style="margin: 2px 5px 0 0">
-        <component :is="ElementPlusIcons[icon]" v-if="ElementPlusIcons[icon]" />
-        <component :is="EleAdminPlusIcons[icon]" v-else-if="EleAdminPlusIcons[icon]" />
-        <span :class="icon" v-else></span>
-      </el-icon>
+    <div style="display: flex; align-items: center; flex-wrap: wrap; gap: 5px">
+      <el-text
+        v-bind="$attrs"
+        :style="getStyle(item)"
+        style="padding: 0 6px; border-radius: 3px"
+        v-for="item in valueData"
+        :key="item.value"
+      >
+        <div class="sohelp-dict-item">
+          <el-icon v-if="item.icon">
+            <component :is="ElementPlusIcons[icon]" v-if="ElementPlusIcons[icon]" />
+            <component :is="EleAdminPlusIcons[icon]" v-else-if="EleAdminPlusIcons[icon]" />
+            <span :class="icon" v-else></span>
+          </el-icon>
 
-      {{ item.label }}
-    </el-text>
+          {{ item.label }}</div
+        >
+      </el-text></div
+    >
   </template>
   <template v-else-if="type === 'tag'">
     <div class="tags" style="display: flex; gap: 5px; flex-wrap: wrap">
@@ -36,45 +31,53 @@
         :key="item.value"
         :disable-transitions="true"
       >
-        <el-icon :size="18" style="margin: 2px 5px 0 0">
-          <component :is="ElementPlusIcons[icon]" v-if="ElementPlusIcons[icon]" />
-          <component :is="EleAdminPlusIcons[icon]" v-else-if="EleAdminPlusIcons[icon]" />
-          <span :class="icon" v-else></span>
-        </el-icon>
-        {{ item.label }}
+        <div class="sohelp-dict-item">
+          <el-icon v-if="item.icon">
+            <component :is="ElementPlusIcons[icon]" v-if="ElementPlusIcons[icon]" />
+            <component :is="EleAdminPlusIcons[icon]" v-else-if="EleAdminPlusIcons[icon]" />
+            <span :class="icon" v-else></span>
+          </el-icon>
+          {{ item.label }}</div
+        >
       </el-tag>
     </div>
   </template>
+
   <el-radio-group
     v-bind="$attrs"
     v-else-if="type === 'radio'"
     :disabled="disabled"
-    :model-value="modelValue"
+    v-model="modelValue"
     @change="change"
   >
     <el-radio v-for="item in data.value" :key="item.value" :label="item.value">
-      <el-icon :size="18" style="margin: 2px 5px 0 0">
-        <component :is="ElementPlusIcons[icon]" v-if="ElementPlusIcons[icon]" />
-        <component :is="EleAdminPlusIcons[icon]" v-else-if="EleAdminPlusIcons[icon]" />
-        <span :class="icon" v-else></span>
-      </el-icon>
-      {{ item.label }}
+      <div class="sohelp-dict-item">
+        <el-icon v-if="item.icon">
+          <component :is="ElementPlusIcons[icon]" v-if="ElementPlusIcons[icon]" />
+          <component :is="EleAdminPlusIcons[icon]" v-else-if="EleAdminPlusIcons[icon]" />
+          <span :class="icon" v-else></span>
+        </el-icon>
+        {{ item.label }}</div
+      >
     </el-radio>
   </el-radio-group>
+
   <el-checkbox-group
     v-bind="$attrs"
     v-else-if="type === 'checkbox'"
     :disabled="disabled"
-    :model-value="modelValue"
+    v-model="modelValue"
     @change="change"
   >
     <el-checkbox v-for="item in data.value" :key="item.value" :label="item.value">
-      <el-icon :size="18" style="margin: 2px 5px 0 0">
-        <component :is="ElementPlusIcons[icon]" v-if="ElementPlusIcons[icon]" />
-        <component :is="EleAdminPlusIcons[icon]" v-else-if="EleAdminPlusIcons[icon]" />
-        <span :class="icon" v-else></span>
-      </el-icon>
-      {{ item.label }}
+      <div class="sohelp-dict-item">
+        <el-icon v-if="item.icon">
+          <component :is="ElementPlusIcons[icon]" v-if="ElementPlusIcons[icon]" />
+          <component :is="EleAdminPlusIcons[icon]" v-else-if="EleAdminPlusIcons[icon]" />
+          <span :class="icon" v-else></span>
+        </el-icon>
+        {{ item.label }}</div
+      >
     </el-checkbox>
   </el-checkbox-group>
 
@@ -93,16 +96,32 @@
     ref="dictSelectRef"
     :style="getStyle(data?.value?.find((item) => item.value === modelValue))"
   >
+    <template #tag>
+      <div style="display: flex; gap: 5px; flex-wrap: wrap">
+        <el-tag v-for="item in valueData" :key="item" :style="getStyle(item)">
+          <div class="sohelp-dict-item">
+            <el-icon v-if="item.icon">
+              <component :is="ElementPlusIcons[icon]" v-if="ElementPlusIcons[icon]" />
+              <component :is="EleAdminPlusIcons[icon]" v-else-if="EleAdminPlusIcons[icon]" />
+              <span :class="icon" v-else></span>
+            </el-icon>
+
+            {{ item.label }}</div
+          >
+        </el-tag>
+      </div>
+    </template>
+
     <template #prefix v-if="icon">
-      <el-icon :size="18" style="margin-right: 5px">
+      <el-icon :size="16" style="margin-right: 5px">
         <component :is="ElementPlusIcons[icon]" v-if="ElementPlusIcons[icon]" />
         <component :is="EleAdminPlusIcons[icon]" v-else-if="EleAdminPlusIcons[icon]" />
         <span :class="icon" v-else></span>
       </el-icon>
     </template>
     <el-option v-for="item in data.value" :key="item.id" :value="item.value" :label="item.label">
-      <el-tag class="el-option-tag" size="small" :style="getStyle(item)" :color="item.backgroundColor">
-        <el-icon :size="14" v-if="item.icon" style="margin: 0 5px 0 2px">
+      <el-tag class="sohelp-dict-item" size="small" :style="getStyle(item)" :color="item.backgroundColor">
+        <el-icon v-if="item.icon">
           <component :is="ElementPlusIcons[item.icon]" v-if="ElementPlusIcons[item.icon]" />
           <component :is="EleAdminPlusIcons[item.icon]" v-else-if="EleAdminPlusIcons[item.icon]" />
           <span :class="item.icon" v-else></span>
@@ -119,7 +138,10 @@
   import * as ElementPlusIcons from '@element-plus/icons-vue';
   import * as EleAdminPlusIcons from '../sohelp-icon-select/icons';
 
-  const modelValue = defineModel('modelValue', { type: [String, Number, Array], default: '' });
+  const modelValue = defineModel('modelValue', {
+    type: [String, Number, Array],
+    default: ''
+  });
   const emit = defineEmits('change');
   const props = defineProps({
     /** 字典类型 */
@@ -130,7 +152,10 @@
     /** 组件类型 */
     type: String,
     /** 是否禁用 */
-    disabled: Boolean,
+    disabled: {
+      type: Boolean,
+      default: false
+    },
     /** 提示文本 */
     placeholder: String,
     /** select的下拉是否插入到body下 */
@@ -232,7 +257,7 @@
       color: inherit;
     }
   }
-  .el-option-tag {
+  .sohelp-dict-item {
     display: flex;
     flex: 0 0 auto !important;
     align-items: center;
@@ -240,8 +265,12 @@
       display: flex;
       align-items: center;
     }
+    :deep(.el-icon) {
+      font-size: 14px;
+      margin-right: 2px;
+    }
   }
   .el-select__popper .el-select-dropdown__list .el-select-dropdown__item {
-    font-size: inherit;
+    // font-size: inherit;
   }
 </style>

package/sohelp-dyn-select/index.vue

@@ -13,7 +13,6 @@
       :labelField="labelField"
       :valueField="valueField"
     />
-
   </div>
 </template>
 <script>
@@ -82,7 +81,8 @@
         () => props.modelValue,
         (val) => {
           value.value = val;
-        },{
+        },
+        {
           immediate: true,
           deep: true
         }

package/sohelp-entity-form/index.vue

@@ -15,6 +15,7 @@
       :rowProps="{
         gutter: 20
       }"
+      :saveParams="saveParams"
       @updateValue="setFieldValue"
     >
       <!-- 自定义插槽 -->
@@ -71,9 +72,12 @@
     gridNum: {
       type: Number,
       default: 1
+    },
+    saveParams: {
+      type: Object,
+      default: () => ({})
     }
   });
-
   /**
    * 存储表单初始值用于对比变更
    *