@bdsoft/element 1.1.14 → 1.1.16

package/index.js

@@ -5,10 +5,10 @@ const dayjs = dayjsModule.default || dayjsModule;
 import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 window.ElementPlus = ElementPlus
 
-import '@/assets/css/element.scss'
+import './src/assets/css/element.scss'
 import 'splitpanes/dist/splitpanes.css'
-import '@/assets/css/layout.scss'
-import '@/assets/css/tailwind.scss'
+import './src/assets/css/layout.scss'
+import './src/assets/css/tailwind.scss'
 
 // 添加分隔组件
 import { Splitpanes, Pane } from 'splitpanes'
@@ -16,10 +16,10 @@ import { Splitpanes, Pane } from 'splitpanes'
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 window.ElementPlusIconVue = ElementPlusIconsVue
 
-import LoadComponent from '@/utils/coms/load.jsx'
+import LoadComponent from './src/utils/coms/load.jsx'
 // 自定义的所有组件
-import * as components from '@/index.js'
-
+import * as components from './src/index.js'
+debugger
 // 定义 useElement 为 Vue 插件
 const useElement = {
   install(app, options = {}) {
@@ -76,11 +76,11 @@ const useElement = {
 export default useElement
 export { useElement }
 // 功能 showwarning, showsuccess, showerror, showconfirm
-export * from '@/utils/message.js'
-export * from '@/utils/index.js'
-export * from '@/global/index'
-export * from '@/utils/hookDialog.js'
-export * from '@/utils/hookPage.js' // 分页hook函数
+export * from './src/utils/message.js'
+export * from './src/utils/index.js'
+export * from './src/global/index'
+export * from './src/utils/hookDialog.js'
+export * from './src/utils/hookPage.js' // 分页hook函数
 export { dayjs }
 // 导出所有组件
-export * from '@/index.js'
+export * from './src/index.js'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bdsoft/element",
   "description": "内部UI组件",
-  "version": "1.1.14",
+  "version": "1.1.16",
   "type": "module",
   "main": "index.js",
 

package/src/components/chartconfig/index.vue

@@ -84,7 +84,7 @@
 </template>
 <script setup>
 import { ref, reactive, computed, watch, onMounted } from 'vue'
-import { useDialog } from '../../../utils/hookDialog.js'
+import { useDialog } from '../../utils/hookDialog.js'
 
 const emits = defineEmits(['setNewChartConfig'])
 

package/src/utils/func.js

@@ -30,3 +30,33 @@ export const debounce = (func, delay) => {
     }, delay)
   }
 }
+
+/**
+ * 日期格式化
+ * @param {*} time
+ * @param {*} format
+ * @returns
+ */
+export function parseTime(time, format) {
+  if (!time) return ''
+  let t = new Date(time)
+  let tf = function (i) {
+    return (i < 10 ? '0' : '') + i
+  }
+  return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function (a) {
+    switch (a) {
+      case 'yyyy':
+        return tf(t.getFullYear())
+      case 'MM':
+        return tf(t.getMonth() + 1)
+      case 'mm':
+        return tf(t.getMinutes())
+      case 'dd':
+        return tf(t.getDate())
+      case 'HH':
+        return tf(t.getHours())
+      case 'ss':
+        return tf(t.getSeconds())
+    }
+  })
+}

package/src/xm_components/HeadSearch/index.vue

@@ -42,7 +42,7 @@
 </template>
 <script setup>
 import { ref, reactive, computed, onMounted } from 'vue';
-import { getUrlKey, debounce } from '../../../utils/func.js';
+import { getUrlKey, debounce } from '../../utils/func.js';
 
 const emits = defineEmits(['getSearchList']);
 //

package/vite.config.js

@@ -1,58 +1,75 @@
-import { defineConfig } from 'vite'
-import { fileURLToPath } from 'node:url'
-import { resolve } from 'path'
-import vueJsx from '@vitejs/plugin-vue-jsx'
-import vue from '@vitejs/plugin-vue'
-import importToConst from 'rollup-plugin-import-to-const'
+import { defineConfig } from "vite";
+import { fileURLToPath } from "node:url";
+// import { resolve } from 'path'
+import vueJsx from "@vitejs/plugin-vue-jsx";
+import vue from "@vitejs/plugin-vue";
+import importToConst from "rollup-plugin-import-to-const";
 
-import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'
+import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
 
 export default defineConfig({
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
-      'utils': fileURLToPath(new URL('./utils', import.meta.url)),
-      'global': fileURLToPath(new URL('./global', import.meta.url)),
-      '~': fileURLToPath(new URL('./src/assets', import.meta.url))
-    }
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+      "@utils": fileURLToPath(new URL("./src/utils", import.meta.url)),
+      global: fileURLToPath(new URL("./src/global", import.meta.url)),
+      "~": fileURLToPath(new URL("./src/assets", import.meta.url)),
+    },
   },
   build: {
     lib: {
-      entry: './index.js',
-      name: '@bdsoft/element',
-      fileName: 'BdElement', // 输出的包文件名
-      formats: ['es'] // 这是默认值 'umd','cjs', 
+      entry: "./index.js",
+      name: "@bdsoft/element",
+      fileName: "BdElement", // 输出的包文件名
+      formats: ["es"], // 这是默认值 'umd','cjs',
     },
     // outDir: 'esaaa', // 根输出目录
     minify: false,
     rollupOptions: {
       //忽略打包vue文件
-      external: ['vue', 'element-plus', '@element-plus/icons-vue', 'vue/server-renderer', '@vue/server-renderer'], // 这里列出你想排除的外部依赖
+      external: [
+        "vue",
+        "element-plus",
+        "dayjs",
+        "@element-plus/icons-vue",
+        "vue/server-renderer",
+        "@vue/server-renderer",
+      ], // 这里列出你想排除的外部依赖
       output: [
         {
           //配置打包根目录
-          dir: 'dist',
+          dir: "dist",
           globals: {
-            vue: 'Vue',
-            'element-plus': 'ElementPlus',
-            '@element-plus/icons-vue': 'ElementPlusIconVue'
+            vue: "Vue",
+            "element-plus": "ElementPlus",
+            "@element-plus/icons-vue": "ElementPlusIconVue",
+            dayjs:'dayjs'
           },
-          esModule: true // 强制 ES 模块输出格式的兼容性
-        }
-      ]
+          esModule: true, // 强制 ES 模块输出格式的兼容性
+        },
+      ],
+    },
+     // 3. 修复 CommonJS 模块解析（针对 dayjs）
+    commonjsOptions: {
+      transformMixedEsModules: true, // 自动转换混合模块
+      include: [/node_modules\/dayjs/, /node_modules\/element-plus/]
     },
     // 优化依赖：提前预构建 dayjs，避免打包时解析错误
     optimizeDeps: {
-      include: ['dayjs']
-    }
+      include: ["element-plus"],
+      esbuildOptions: {
+        define: { global: "globalThis" },
+        format: "esm", // 强制 ESM 格式，避免 UMD 冲突
+      },
+    },
   },
   css: {
     preprocessorOptions: {
       scss: {
-        api: 'modern-compiler',
-        silenceDeprecations: ['legacy-js-api']
-      }
-    }
+        api: "modern-compiler",
+        silenceDeprecations: ["legacy-js-api"],
+      },
+    },
   },
-  plugins: [vue(), vueJsx(), importToConst(), cssInjectedByJsPlugin()]
-})
+  plugins: [vue(), vueJsx(), importToConst(), cssInjectedByJsPlugin()],
+});