@fmdevui/fm-dev 1.0.8 → 1.0.9

package/lib/core/index.d.ts

@@ -6,4 +6,5 @@ export * from './stores';
 export * from './utils';
 export * from './auth';
 export * from './hook/dateTimeShortCust';
+export * from './hook/useVxeTableOptionsHook';
 export * from './types';

package/lib/index.js

@@ -32,6 +32,7 @@ var uploadfileurl = require('./packages/core/utils/comm/uploadfileurl.js');
 var index$a = require('./packages/core/utils/const/index.js');
 var index$b = require('./packages/core/auth/index.js');
 var dateTimeShortCust = require('./packages/core/hook/dateTimeShortCust.js');
+var useVxeTableOptionsHook = require('./packages/core/hook/useVxeTableOptionsHook.js');
 
 const install = defaults.default.install;
 
@@ -127,4 +128,5 @@ exports.hAuth = index$b.hAuth;
 exports.hAuthAll = index$b.hAuthAll;
 exports.hAuths = index$b.hAuths;
 exports.useDateTimeShortCust = dateTimeShortCust.useDateTimeShortCust;
+exports.useVxeTable = useVxeTableOptionsHook.useVxeTable;
 exports.install = install;

package/lib/packages/core/hook/useVxeTableOptionsHook.js

@@ -0,0 +1,85 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+require('../stores/index.js');
+var lodashEs = require('lodash-es');
+var themeConfig = require('../stores/themeConfig.js');
+var inpinia = require('../stores/inpinia.js');
+
+const vxeSize = themeConfig.useThemeConfig(inpinia.pinia).themeConfig.globalComponentSize == "small" ? "mini" : themeConfig.useThemeConfig(inpinia.pinia).themeConfig.globalComponentSize == "default" ? "small" : "medium";
+const useVxeTable = (opt, extras) => {
+  opt.id = opt.id ? opt.id : String((/* @__PURE__ */ new Date()).getTime());
+  const options = vue.reactive({
+    id: opt.id,
+    height: "auto",
+    autoResize: true,
+    size: vxeSize,
+    loading: false,
+    align: "center",
+    // 自动监听父元素的变化去重新计算表格（对于父元素可能存在动态变化、显示隐藏的容器中、列宽异常等场景中的可能会用到）
+    // data: [] as Array<T>,
+    columns: opt.columns,
+    showFooter: opt.showFooter,
+    footerData: opt.footerData,
+    footerMethod: opt.footerMethod,
+    toolbarConfig: {
+      size: vxeSize,
+      slots: { buttons: "toolbar_buttons", tools: "toolbar_tools" },
+      refresh: {
+        code: "query"
+      },
+      export: true,
+      print: true,
+      zoom: true,
+      custom: true
+    },
+    checkboxConfig: { range: true },
+    // sortConfig: { trigger: 'cell', remote: true },
+    exportConfig: {
+      remote: false,
+      // 设置使用服务端导出
+      filename: `${opt.name}\u5BFC\u51FA_${elementPlus.dayjs().format("YYMMDDHHmmss")}`
+    },
+    pagerConfig: {
+      enabled: true,
+      size: vxeSize,
+      pageSize: 50
+    },
+    printConfig: { sheetName: "" },
+    customConfig: {
+      storage: {
+        // 是否启用 localStorage 本地保存，会将列操作状态保留在本地（需要有 id）
+        visible: true,
+        // 启用显示/隐藏列状态
+        resizable: true
+        // 启用列宽状态
+      }
+    }
+  });
+  if (opt.data) {
+    options.data = opt.data;
+  } else {
+    options.proxyConfig = {
+      enabled: true,
+      autoLoad: false,
+      sort: true,
+      props: {
+        list: "data.result",
+        // 全量
+        result: "data.result.items",
+        // 分页
+        total: "data.result.total",
+        message: "data.message"
+      }
+    };
+  }
+  if (opt.sortConfig) {
+    options.sortConfig = opt.sortConfig;
+  } else {
+    options.sortConfig = { remote: true };
+  }
+  return extras ? lodashEs.merge(options, extras) : options;
+};
+
+exports.useVxeTable = useVxeTable;

package/lib/packages/core/index.js

@@ -8,6 +8,7 @@ require('./stores/index.js');
 require('./utils/index.js');
 var index$b = require('./auth/index.js');
 var dateTimeShortCust = require('./hook/dateTimeShortCust.js');
+var useVxeTableOptionsHook = require('./hook/useVxeTableOptionsHook.js');
 require('./types/index.js');
 var index$1 = require('./api/base/index.js');
 var index$2 = require('./api/sys/index.js');
@@ -49,6 +50,7 @@ exports.hAuth = index$b.hAuth;
 exports.hAuthAll = index$b.hAuthAll;
 exports.hAuths = index$b.hAuths;
 exports.useDateTimeShortCust = dateTimeShortCust.useDateTimeShortCust;
+exports.useVxeTable = useVxeTableOptionsHook.useVxeTable;
 exports.useBaseApi = index$1.useBaseApi;
 exports.feature = index$2.feature;
 exports.useSysApi = index$2.useSysApi;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fmdevui/fm-dev",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Page level components developed based on Element Plus.",
   "author": "fmdevui",
   "keywords": [