@yxhl/specter-pui-vtk 1.0.0

package/src/composables/useMixins.js

@@ -0,0 +1,2 @@
+// 从 usePage.js 中导出 useMixins
+export { useMixins } from './usePage.js'

package/src/composables/usePage.js

@@ -0,0 +1,311 @@
+// composables/useMixins.js
+import { ref, reactive } from 'vue'
+import Request from '../commons/request.js'
+import Message from '../components/message/index.js'
+import storage from '../commons/storage.js'
+
+/**
+ * 通用 mixins composable
+ * @param {Object} urlConfig - URL 配置对象
+ * @returns {Object} 包含所有状态和方法的对象
+ */
+export function useMixins(urlConfig = {}) {
+  // 响应式数据
+  const queryParam = reactive({})
+  const desserts = ref([])
+  const loading = ref(false)
+  const superQueryParams = ref('')
+  const page = reactive({
+    pageno: 1,
+    limit: 10
+  })
+  const pageData = ref({})
+  const sumup = ref({})
+  const pageDataCopy = ref([])
+  const overlay = ref(false)
+  const user = ref({})
+
+  // URL 配置
+  const url = reactive(urlConfig)
+
+  /**
+   * 获取查询参数
+   * @returns {Object} 查询参数对象
+   */
+  const getQueryParams = () => {
+    user.value = storage.get('user')
+    if (!queryParam.areaCode) {
+      queryParam.areaCode = user.value?.areacode
+    }
+    const codex = Object.assign({}, queryParam)
+    const params = {
+      pageno: page.pageno,
+      limit: page.limit,
+      codex: codex
+    }
+    return params
+  }
+
+  /**
+   * 加载页面数据
+   */
+  const loadPage = () => {
+    if (!url.list) {
+      Message.toast('请先设置url.list属性', { color: 'warning' })
+      return
+    }
+    const params = getQueryParams()
+    loading.value = true
+
+    // 兼容处理 vtk 对象
+    if (window.$vtk?.message?.loading) {
+      window.$vtk.message.loading.show()
+    }
+
+    Request.postJson(url.list, params)
+      .then((res) => {
+        if (window.$vtk?.message?.loading) {
+          window.$vtk.message.loading.hide()
+        }
+
+        if (res.meta.success || res.data) {
+          desserts.value = res.data?.rows || []
+          pageData.value = res.data
+          sumup.value = res.data.sumup ? res.data.sumup : {}
+          pageDataCopy.value = res.data
+        }
+        loading.value = false
+      })
+      .catch((error) => {
+        console.error('加载页面数据失败:', error)
+        loading.value = false
+        if (window.$vtk?.message?.loading) {
+          window.$vtk.message.loading.hide()
+        }
+      })
+  }
+
+  /**
+   * 搜索查询
+   */
+  const searchQuery = () => {
+    page.pageno = 1
+    page.limit ??= 10
+    loadPage()
+  }
+
+  /**
+   * 分页变化处理
+   * @param {Object} pageInfo - 分页信息
+   */
+  const getListPage = (pageInfo) => {
+    page.pageno = pageInfo.pageno
+    page.limit = pageInfo.limit
+    loadPage()
+  }
+
+  /**
+   * 删除项
+   * @param {string|number} id - 要删除的项ID
+   * @param {string} text - 确认提示文本
+   */
+  const deleteItem = (id, text) => {
+    if (!url.delete) {
+      Message.toast('请设置url.delete属性!', { color: 'warning' })
+      return
+    }
+
+    Message.confirm(
+      { title: '确认删除', text: text ? text : '是否删除?' },
+      (result) => {
+        if (result) {
+          Request.getForm(url.delete, { id: id })
+            .then((res) => {
+              if (res.meta.success) {
+                Message.toast('删除成功', { color: 'success' })
+                loadPage()
+              } else {
+                Message.toast('删除失败', { color: 'warning' })
+              }
+            })
+            .catch((error) => {
+              console.error('删除失败:', error)
+              Message.toast('删除失败', { color: 'warning' })
+            })
+        }
+      }
+    )
+  }
+
+  /**
+   * 复制项
+   * @param {string|number} id - 要复制的项ID
+   * @param {string} text - 确认提示文本
+   */
+  const copyItem = (id, text) => {
+    if (!url.copy) {
+      Message.toast('请设置url.copy!', { color: 'warning' })
+      return
+    }
+
+    Message.confirm(
+      { title: '拷贝', text: text ? text : '是否确认拷贝当前数据?' },
+      (result) => {
+        if (result) {
+          Request.getForm(url.copy, { id: id })
+            .then((res) => {
+              if (res.meta.success) {
+                Message.toast('拷贝成功', { color: 'success' })
+                loadPage()
+              } else {
+                Message.toast('拷贝失败', { color: 'warning' })
+              }
+            })
+            .catch((error) => {
+              console.error('拷贝失败:', error)
+              Message.toast('拷贝失败', { color: 'warning' })
+            })
+        }
+      }
+    )
+  }
+
+  /**
+   * 编辑项
+   * @param {Object} record - 要编辑的记录
+   * @param {Object} modalFormRef - 模态框引用
+   */
+  const edit = (record, modalFormRef) => {
+    if (modalFormRef?.value) {
+      modalFormRef.value.edit(record)
+    }
+  }
+
+  /**
+   * 添加新项
+   * @param {Object} modalFormRef - 模态框引用
+   */
+  const add = (modalFormRef) => {
+    if (modalFormRef?.value) {
+      modalFormRef.value.add()
+    }
+  }
+
+  /**
+   * 模态框确认回调
+   */
+  const modalFormOk = () => {
+    loadPage()
+  }
+
+  /**
+   * 导出数据
+   */
+  const expData = () => {
+    overlay.value = true
+
+    if (window.$vtk?.message?.loading) {
+      window.$vtk.message.loading.show()
+    }
+
+    const params = getQueryParams()
+    Request.exp(url.exp, params)
+      .then((res) => {
+        if (window.$vtk?.message?.loading) {
+          window.$vtk.message.loading.hide()
+        }
+
+        if (res) {
+          const disposition = res.headers['content-disposition']
+          const filename = decodeURI(
+            disposition.substring(
+              disposition.indexOf('filename=') + 9,
+              disposition.length
+            )
+          )
+          const blob = new Blob([res.data], {
+            type: 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+          })
+
+          if (window.navigator.msSaveOrOpenBlob) {
+            navigator.msSaveBlob(blob)
+          } else {
+            const link = document.createElement('a')
+            link.style.display = 'none'
+            link.href = URL.createObjectURL(blob)
+            link.download = filename
+            document.body.appendChild(link)
+            link.click()
+            document.body.removeChild(link)
+          }
+        }
+        overlay.value = false
+      })
+      .catch((error) => {
+        console.error('导出数据失败:', error)
+        overlay.value = false
+        if (window.$vtk?.message?.loading) {
+          window.$vtk.message.loading.hide()
+        }
+      })
+  }
+
+  /**
+   * 重置查询参数
+   */
+  const resetQueryParams = () => {
+    Object.keys(queryParam).forEach(key => {
+      delete queryParam[key]
+    })
+  }
+
+  /**
+   * 重置分页
+   */
+  const resetPage = () => {
+    page.pageno = 1
+    page.limit = 10
+  }
+
+  /**
+   * 更新 URL 配置
+   * @param {Object} newUrlConfig - 新的 URL 配置
+   */
+  const updateUrlConfig = (newUrlConfig) => {
+    Object.assign(url, newUrlConfig)
+  }
+
+  // 返回所有状态和方法
+  return {
+    // 响应式数据
+    queryParam,
+    desserts,
+    loading,
+    superQueryParams,
+    page,
+    pageData,
+    sumup,
+    pageDataCopy,
+    overlay,
+    user,
+    url,
+
+    // 方法
+    getQueryParams,
+    loadPage,
+    searchQuery,
+    getListPage,
+    deleteItem,
+    copyItem,
+    edit,
+    add,
+    modalFormOk,
+    expData,
+    resetQueryParams,
+    resetPage,
+    updateUrlConfig
+  }
+}
+
+// 默认导出保持向后兼容
+export default useMixins

package/src/index.js

@@ -0,0 +1,109 @@
+/**
+ * Specter PUI - Vue 3 组件库
+ * 基于 Vuetify 3 的智能组件库
+ */
+
+// 组件导出
+export { default as VtkArea } from './components/assembly/VtkArea.vue'
+export { default as VtkCheckbox } from './components/assembly/VtkCheckbox.vue'
+export { default as VtkCount } from './components/assembly/VtkCount.vue'
+export { default as VtkDatePicker } from './components/assembly/VtkDatePicker.vue'
+export { default as VtkEmpty } from './components/assembly/VtkEmpty.vue'
+export { default as VtkFab } from './components/assembly/VtkFab.vue'
+export { default as VtkFormItem } from './components/assembly/VtkFormItem.vue'
+export { default as VtkImg } from './components/assembly/VtkImg.vue'
+export { default as VtkPage } from './components/assembly/VtkPage.vue'
+export { default as VtkPdf } from './components/assembly/VtkPdf.vue'
+export { default as VtkProj } from './components/assembly/VtkProj.vue'
+export { default as VtkRadio } from './components/assembly/VtkRadio.vue'
+export { default as VtkSearch } from './components/assembly/VtkSearch.vue'
+export { default as VtkSelect } from './components/assembly/VtkSelect.vue'
+export { default as VtkStepper } from './components/assembly/VtkStepper.vue'
+
+// 工具函数导出
+export * from './commons/filters/dictionary.js'
+export * from './commons/filters/format.js'
+export * from './commons/filters/mask.js'
+export { default as request } from './commons/request.js'
+export { default as storage } from './commons/storage.js'
+export { default as themes } from './commons/themes.js'
+export * from './commons/validation.js'
+
+// Composables 导出
+export { useMixins } from './composables/usePage.js'
+
+// 消息组件导出
+export { default as vtkMessage } from './components/message/index.js'
+
+// 插件安装函数
+import vtkMessage from './components/message/index.js'
+import storage from './commons/storage.js'
+import themes from './commons/themes.js'
+import request from './commons/request.js'
+import * as dictionary from './commons/filters/dictionary.js'
+import * as mask from './commons/filters/mask.js'
+import * as format from './commons/filters/format.js'
+
+// 导入所有组件
+import VtkArea from './components/assembly/VtkArea.vue'
+import VtkCheckbox from './components/assembly/VtkCheckbox.vue'
+import VtkCount from './components/assembly/VtkCount.vue'
+import VtkDatePicker from './components/assembly/VtkDatePicker.vue'
+import VtkEmpty from './components/assembly/VtkEmpty.vue'
+import VtkFab from './components/assembly/VtkFab.vue'
+import VtkFormItem from './components/assembly/VtkFormItem.vue'
+import VtkImg from './components/assembly/VtkImg.vue'
+import VtkPage from './components/assembly/VtkPage.vue'
+import VtkPdf from './components/assembly/VtkPdf.vue'
+import VtkProj from './components/assembly/VtkProj.vue'
+import VtkRadio from './components/assembly/VtkRadio.vue'
+import VtkSearch from './components/assembly/VtkSearch.vue'
+import VtkSelect from './components/assembly/VtkSelect.vue'
+import VtkStepper from './components/assembly/VtkStepper.vue'
+
+export function install(app, options = {}) {
+  // 注册全局组件
+  const components = {
+    VtkArea,
+    VtkCheckbox,
+    VtkCount,
+    VtkDatePicker,
+    VtkEmpty,
+    VtkFab,
+    VtkFormItem,
+    VtkImg,
+    VtkPage,
+    VtkPdf,
+    VtkProj,
+    VtkRadio,
+    VtkSearch,
+    VtkSelect,
+    VtkStepper
+  }
+
+  // 注册组件
+  Object.keys(components).forEach(name => {
+    app.component(name, components[name])
+  })
+
+  // 挂载全局对象
+  app.config.globalProperties.$vtk = {
+    message: vtkMessage,
+    request,
+    storage,
+    themes,
+    filters: {
+      ...dictionary,  // 字典过滤方法: dict, analyType, analyLevel
+      ...mask,        // 脱敏方法: mobile, idcard
+      ...format       // 格式化方法: date, num, age, txt, abs
+    },
+    ...options
+  }
+
+  return app
+}
+
+// 默认导出
+export default {
+  install
+}

package/src/stores/message.js

@@ -0,0 +1,79 @@
+// stores/message.js
+import { defineStore } from 'pinia'
+
+export const useMessageStore = defineStore('message', {
+  state: () => ({
+    alert: {
+      isActive: false,
+      options: {
+        title: '',
+        text: '',
+        color: '',
+        width: 500
+      }
+    },
+    confirm: {
+      isActive: false,
+      options: {
+        title: '',
+        text: '',
+        color: '',
+        width: 500,
+        cancelText: '取消',
+        confirmText: '确定'
+      }
+    },
+    loading: {
+      isActive: false,
+      options: {
+        title: '',
+        text: '',
+        color: '',
+        width: 300,
+        indeterminate: true,
+        value: 0,
+        progressColor: 'primary'
+      }
+    },
+    prompt: {
+      isActive: false,
+      options: {
+        title: '',
+        text: '',
+        color: '',
+        width: 500,
+        label: '',
+        placeholder: '',
+        inputType: 'text',
+        cancelText: '取消',
+        confirmText: '确定'
+      }
+    },
+    toast: {
+      isActive: false,
+      options: {
+        text: '',
+        color: '',
+        timeout: 3000,
+        position: 'top'
+      }
+    }
+  }),
+  
+  actions: {
+    hide(type) {
+      if (this[type]) {
+        this[type].isActive = false
+      }
+    },
+    
+    show(type, options) {
+      if (this[type]) {
+        this[type] = {
+          isActive: true,
+          options: options
+        }
+      }
+    }
+  }
+})