@fmdevui/fm-dev 1.0.8 → 1.0.10

package/es/core/index.d.ts

@@ -1,4 +1,5 @@
 export * from './ui/login';
+export * from './ui/loading';
 export * from './api';
 export * from './directive';
 export * from './locales';
@@ -6,4 +7,5 @@ export * from './stores';
 export * from './utils';
 export * from './auth';
 export * from './hook/dateTimeShortCust';
+export * from './hook/useVxeTableOptionsHook';
 export * from './types';

package/es/core/ui/loading/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 页面全局 Loading
+ * @method start 创建 loading
+ * @method done 移除 loading
+ */
+export declare const NextLoading: {
+    start: () => void;
+    done: (time?: number) => void;
+};

package/es/index.mjs

@@ -2,6 +2,7 @@ import installer from './defaults.mjs';
 import './packages/core/index.mjs';
 export { version } from './version.mjs';
 export { FmLogin } from './packages/core/ui/login/index.mjs';
+export { NextLoading } from './packages/core/ui/loading/index.mjs';
 export { useBaseApi } from './packages/core/api/base/index.mjs';
 export { feature, useSysApi } from './packages/core/api/sys/index.mjs';
 export { useLoginApi } from './packages/core/api/login/index.mjs';
@@ -28,6 +29,7 @@ export { getFileUrl } from './packages/core/utils/comm/uploadfileurl.mjs';
 export { PUB } from './packages/core/utils/const/index.mjs';
 export { auth, authAll, auths, hAuth, hAuthAll, hAuths } from './packages/core/auth/index.mjs';
 export { useDateTimeShortCust } from './packages/core/hook/dateTimeShortCust.mjs';
+export { useVxeTable } from './packages/core/hook/useVxeTableOptionsHook.mjs';
 
 const install = installer.install;
 

package/es/packages/core/hook/useVxeTableOptionsHook.mjs

@@ -0,0 +1,83 @@
+import { reactive } from 'vue';
+import { dayjs } from 'element-plus';
+import '../stores/index.mjs';
+import { merge } from 'lodash-es';
+import { useThemeConfig } from '../stores/themeConfig.mjs';
+import { pinia } from '../stores/inpinia.mjs';
+
+const vxeSize = useThemeConfig(pinia).themeConfig.globalComponentSize == "small" ? "mini" : useThemeConfig(pinia).themeConfig.globalComponentSize == "default" ? "small" : "medium";
+const useVxeTable = (opt, extras) => {
+  opt.id = opt.id ? opt.id : String((/* @__PURE__ */ new Date()).getTime());
+  const options = 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_${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 ? merge(options, extras) : options;
+};
+
+export { useVxeTable };

package/es/packages/core/index.mjs

@@ -1,4 +1,5 @@
 export { FmLogin } from './ui/login/index.mjs';
+export { NextLoading } from './ui/loading/index.mjs';
 import './api/index.mjs';
 export { directive } from './directive/index.mjs';
 export { getCountryCode, i18n, iso_3166_1_CountryList, languageList, mergMessage, setupI18n } from './locales/index.mjs';
@@ -6,6 +7,7 @@ import './stores/index.mjs';
 import './utils/index.mjs';
 export { auth, authAll, auths, hAuth, hAuthAll, hAuths } from './auth/index.mjs';
 export { useDateTimeShortCust } from './hook/dateTimeShortCust.mjs';
+export { useVxeTable } from './hook/useVxeTableOptionsHook.mjs';
 import './types/index.mjs';
 export { useBaseApi } from './api/base/index.mjs';
 export { feature, useSysApi } from './api/sys/index.mjs';

package/es/packages/core/ui/loading/index.mjs

@@ -0,0 +1,40 @@
+import { nextTick } from 'vue';
+
+const NextLoading = {
+  // 创建 loading
+  start: () => {
+    const bodys = document.body;
+    const div = document.createElement("div");
+    div.setAttribute("class", "loading-next");
+    const htmls = `
+			<div class="loading-next-box">
+				<div class="loading-next-box-warp">
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+					<div class="loading-next-box-item"></div>
+				</div>
+			</div>
+		`;
+    div.innerHTML = htmls;
+    bodys.insertBefore(div, bodys.childNodes[0]);
+    window.nextLoading = true;
+  },
+  // 移除 loading
+  done: (time = 0) => {
+    nextTick(() => {
+      setTimeout(() => {
+        window.nextLoading = false;
+        const el = document.querySelector(".loading-next");
+        el?.parentNode?.removeChild(el);
+      }, time);
+    });
+  }
+};
+
+export { NextLoading };