sohelp-eleplus 1.1.1-8.beta.1

package/sohelp-vxe-grid/DefaultGridOptions.js

@@ -0,0 +1,90 @@
+/**
+ * VxeGrid默认值选项
+ */
+export default {
+  loading: false,
+  customConfig: {
+    //默认不会将列设置保存到本地存储中
+    storage: false,
+    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: {
+      tools: "keywords"
+    }
+  },
+  menuConfig: {
+    //右键菜单配置
+    header: {
+      options: []
+    },
+    body: {
+      options: []
+    },
+    footer: {
+      options: []
+    }
+  },
+  columns: []
+};

package/sohelp-vxe-grid/DefaultProps.js

@@ -0,0 +1,27 @@
+/**
+ * SohelpVxeGrid对外默认属性
+ */
+export default {
+  value: [Array, String],
+  /**读取数据源URL**/
+  url: {
+    type: String,
+    default: ""
+  },
+  /**自动加载数据*/
+  autoLoad: {
+    type: Boolean,
+    default: true
+  },
+  gridOptions: Object,
+  /**允许拖动记录*/
+  drag: {
+    type: Boolean,
+    default: false
+  },
+  /**是否可以多选*/
+  multiple: {
+    type: Boolean,
+    default: true
+  }
+};

package/sohelp-vxe-grid/SohelpGridConfig.js

@@ -0,0 +1,143 @@
+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 = await moduleCache.getGrid(props.refid);
+
+    if (!data) {
+      throw new Error(props.refid+" 不存在!");
+    }
+
+    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;