sohelp-eleplus 1.1.13

package/sohelp-vxe-grid/DefaultGridOptions.js

@@ -0,0 +1,102 @@
+export default {
+  loading: false,
+  customConfig: {
+    placement: "top-right" // 自定义列工具栏位置
+  },
+
+  params: {},
+
+  rowConfig: {
+    useKey: true,
+    //sortable 排序
+    // sHover: true,
+    // isCurrent: true,
+    drag: true,
+    keyField: "id"
+  },
+  rowDragConfig: {
+    trigger: "cell",
+    showGuidesStatus: true
+  },
+  keyboardConfig: {
+    isEdit: true,
+    isArrow: true,
+    isEnter: true,
+    isTab: true,
+    isDel: true,
+    isBack: true
+  },
+  mouseConfig: {
+    selected: true
+  },
+
+  checkboxConfig: {
+    checkRowKey: "id",
+    highlight: true,
+    range: true,
+    trigger: "row", // 关键配置：点击行触发选中
+    reserve: true // 跨页保留选中状态
+  },
+  radioConfig: {
+    strict: false,
+    checkRowKey: "id",
+    highlight: true,
+    reserve: true,
+    trigger: "row" // 关键配置：点击行触发选中
+  },
+  border: true,
+  stripe: true,
+  loading: false,
+  minHeight: 200,
+  maxHeight: "100%",
+  size: "mini",
+  pagerConfig: {
+    enabled: true,
+    total: 0,
+    currentPage: 1,
+    pageSize: 50,
+    align: "right"
+  },
+  columnConfig: {
+    resizable: true,
+    isCurrent: false
+  },
+  formConfig: {
+    data: {},
+    items: []
+  },
+  toolbarConfig: {
+    refresh: true,
+    custom: true, //是否开启自定义列工具栏
+    slots: {
+      buttons: "searchSlot"
+    }
+  },
+
+  proxyConfig: {
+    response: {
+      result: "result",
+      total: "page.total"
+    },
+    ajax: {}
+  },
+
+  menuConfig: {
+    //右键菜单配置
+    header: {
+      options: []
+    },
+    body: {
+      options: [
+        [
+          { code: "insert", name: "插入行", visible: true, disabled: false },
+          { code: "copy", name: "复制行", prefixIcon: "vxe-icon-copy", visible: true, disabled: false }
+        ]
+      ]
+    },
+    footer: {
+      options: []
+    }
+  },
+  columns: []
+};

package/sohelp-vxe-grid/DefaultProps.js

@@ -0,0 +1,37 @@
+export default {
+  value: [Array, String],
+  data: Array,
+  /**网格列表配置ID*/
+  refid: {
+    type: String,
+    defaultValue: '',
+    required: true
+  },
+  /**自动加载数据*/
+  autoLoad: {
+    type: Boolean,
+    defaultValue: false
+  },
+  gridOptions:Object,
+  /**数据源URL**/
+  url: {
+    type: String,
+    defaultValue: ''
+  },
+  /**允许拖动记录*/
+  drag: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 是否实体列表
+   */
+  isEntityGrid: {
+    type: Boolean,
+    default: false
+  },
+  multiple: {
+    type: Boolean,
+    default: true
+  }
+}

package/sohelp-vxe-grid/SohelpGridConfig.js

@@ -0,0 +1,142 @@
+import DefaultGridOptions from './DefaultGridOptions';
+import { nextTick, reactive, ref } from 'vue';
+import Sortable from 'sortablejs';
+import { moduleCache } from '../cache/ModuleCache';
+
+/**列转换*/
+const switchVxeProperty = (property) => {
+  let editor = {
+    field: property.name,
+    title: property.label,
+    width: property.width || 120,
+    showOverflow: true
+  };
+
+  if (property.name === 'id') {
+    editor['width'] = 50;
+  }
+
+  if (property.edit) {
+    editor['editRender'] = {
+      enabled: true,
+      name: property.editor || 'input'
+    };
+  }
+  return editor;
+};
+
+/**行拖拽*/
+const sortable = ref();
+const rowDrop = (sohelpVxeGridRef) => {
+  nextTick(() => {
+    const xGTable = sohelpVxeGridRef.value;
+    sortable.value = Sortable.create(xGTable.$el.querySelector('.body--wrapper>.vxe-table--body tbody'), {
+      handle: '.drag-btn',
+      onEnd: ({ newIndex, oldIndex }) => {}
+    });
+  });
+};
+
+/**商邦网格列表参数*/
+const SohelpConfig = reactive({});
+const propertiesMap = reactive({});
+
+/**
+ * properties中过滤掉删除的属性
+ * @param {*} _filter
+ * @returns
+ */
+const filterFieldsByProperties = (_filter) => {
+  const filter = { ..._filter };
+  const properties = new Set(filter.properties?.map((item) => item.name) || []);
+  const filterArray = (list, key) => {
+    return Array.isArray(list) ? list.filter((item) => properties.has(key ? item?.[key] : item)) : [];
+  };
+  filter.list = filterArray(filter.list);
+  filter.filter.keywords = filterArray(filter.filter.keywords);
+  filter.filter.sort = filterArray(filter.filter.sort);
+  filter.filter.field = filterArray(filter.filter.field, 'name');
+  return filter;
+};
+
+/**初始化配置实例*/
+export async function initial(sohelpVxeGridRef, props) {
+  var data = null;
+  if (props.refid) {
+    data = props.isEntityGrid ? await moduleCache.getEntityGrid(props.refid) : await moduleCache.getGrid(props.refid);
+
+    if (!data) {
+      throw new Error('Invalid config data or missing code');
+    }
+
+    try {
+      Object.assign(SohelpConfig, filterFieldsByProperties(data));
+      Object.assign(
+        propertiesMap,
+        data?.properties
+          .filter((item) => !item.hidden)
+          .reduce((acc, cur) => {
+            let param = {};
+            if (cur?.editorParam?.length > 0) {
+              param = JSON.parse(cur.editorParam);
+            }
+            acc[cur.name] = { ...cur, editorParam: param };
+            return acc;
+          }, {})
+      );
+
+      //初始化属性列表配置
+      DefaultGridOptions.columns = [
+        {
+          field: props.multiple ? 'checkbox' : 'radio',
+          fixed: 'left',
+          type: props.multiple ? 'checkbox' : 'radio',
+          width: 35,
+          align: 'center'
+        },
+        {
+          type: 'seq',
+          title: '#',
+          fixe: 'left',
+          align: 'center',
+          width: 40
+        }
+      ];
+
+      //商邦列转换成Vxe列
+      if (SohelpConfig?.list && SohelpConfig.list.length > 0) {
+        SohelpConfig.list.forEach((name) => {
+          let item = propertiesMap[name];
+          if (item) {
+            DefaultGridOptions.columns.push(switchVxeProperty(item, SohelpConfig.filter?.sort));
+          }
+        });
+      }
+
+      //是否支持拖动
+      const drag = props.drag || sohelpVxeGridRef.isMove;
+
+      if (drag) {
+        DefaultGridOptions.columns.unshift({
+          title: '',
+          fixed: 'left',
+          width: 40,
+          align: 'center',
+          dragSort: true,
+          slots: {
+            default: 'draggableDefault'
+          }
+        });
+      }
+
+      //转化初始化其他参数...
+    } catch (error) {
+      throw error; //重新抛出错误，以便调用者可以处理它
+    }
+  }
+  const gridOptions = props.refid ? DefaultGridOptions : props.gridOptions || DefaultGridOptions;
+
+  return { gridOptions, sohelpConfig: SohelpConfig, propertiesMap};
+}
+
+export default initial;