el-plus-crud 0.0.39 → 0.0.41

package/lib/components/el-plus-table/util/index.ts

@@ -1,147 +1,147 @@
-import { cloneDeep } from 'lodash'
-
-/**
- * 获取随机字符串
- * @returns {string}
- */
-export function getUID(): string {
-  let str = ''
-  const arr = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('')
-  for (let i = 0; i < 32; i++) {
-    let index = Math.floor(arr.length * Math.random())
-    if (index < 0) index = 0
-    str += arr[index]
-  }
-  return str
-}
-
-// 判断类型
-export function is(val: any, type: any) {
-  const typeArr = Array.isArray(type) ? type : [type]
-  const valType = Object.prototype.toString.call(val)
-  return typeArr.some((type) => `[object ${type}]` === valType)
-}
-
-/**
- * 判断是否是移动端
- */
-export function isMobile() {
-  if (navigator.userAgent.match(/('phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone')/i)) {
-    return true
-  } else {
-    return false
-  }
-}
-
-/**
- * 处理按钮类型
- * @param item
- */
-export function handelBtnType(item: any): Object {
-  switch (item.type) {
-    case undefined:
-      item.type = 'primary'
-      break
-    case 'add':
-      item.type = 'primary'
-      item.title = item.title || '新增'
-      item.icon = 'ele-Plus'
-      break
-    case 'edit':
-      item.type = 'primary'
-      item.title = item.title || '编辑'
-      item.icon = 'ele-EditPen'
-      break
-    case 'delete':
-    case 'del':
-      item.type = 'danger'
-      item.title = item.title || '删除'
-      item.icon = 'ele-Delete'
-      break
-  }
-  return item
-}
-
-/**
- * 处理列表表头，list转Map
- */
-export function handelListColumn(columnList: Array<IColumnItem>, minWidth?: string): any[] {
-  const tempColumnList = [] as any[]
-  if (columnList && columnList.length > 0) {
-    // 不影响原有的对象，这里进行拷贝
-    cloneDeep(columnList).map((item: IColumnItem) => {
-      // 处理下一个单元格显示多个数据
-      if (item.nodes) {
-        const tempList = (handelListColumn(item.nodes, minWidth) as any)[0].children
-        item.nodes = tempList || item.nodes
-      }
-      // 检查type属性,没有type属性的自动补一个text类型
-      if (!item.type) {
-        item.type = 'text'
-      }
-      // 这里判断下type类型，然后进行一下表头和表格的对齐方式
-      switch (item.type) {
-        case 'image':
-          item.width = item.width || '110px'
-          item.align = item.align || 'left'
-          item.headerAlign = item.headerAlign || 'left'
-          break
-        case 'btns':
-          if (!item.minWidth && item.btns && item.btns.length >= 2) {
-            let labelLength = 0
-            item.btns.map((item: any) => (labelLength += typeof item.label === 'string' ? item.label.length : 4))
-            item.width = item.width || labelLength * 20 + 'px'
-          }
-          item.align = item.align || 'left'
-          item.headerAlign = item.headerAlign || 'left'
-          item.text = true
-          break
-      }
-      // item.minWidth = item.minWidth || 'auto'
-      item.minWidth = item.minWidth || (item.label !== '操作' ? minWidth : 'auto')
-
-      // 处理下‘操作’
-      item.showOverflowTooltip = item.label !== '操作'
-
-      if (item.parent) {
-        let isExists = false
-        tempColumnList.forEach((colum: any) => {
-          if (colum.label === item.parent) {
-            colum.children.push(item)
-            isExists = true
-          }
-        })
-        if (!isExists) {
-          tempColumnList.push({ label: item.parent, children: [item] })
-        }
-      } else {
-        tempColumnList.push(item)
-      }
-    })
-  }
-  return tempColumnList
-}
-
-/**
- * map转string
- * @param map
- * @param excludeList
- * @returns {string}
- */
-export const mapToUrlStr = (map: any, excludeList?: any) => {
-  let queryStr = ''
-  for (const key in map) {
-    if (excludeList && Array.isArray(excludeList) && excludeList.length > 0) {
-      if (excludeList.indexOf(key) >= 0) {
-        continue
-      }
-    }
-    if (map[key] !== undefined && map[key] !== null && map[key] !== '') {
-      if (queryStr !== '') {
-        queryStr += '&'
-      }
-      queryStr += key + '=' + map[key]
-    }
-  }
-  return queryStr
-}
+import { cloneDeep } from 'lodash'
+
+/**
+ * 获取随机字符串
+ * @returns {string}
+ */
+export function getUID(): string {
+  let str = ''
+  const arr = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('')
+  for (let i = 0; i < 32; i++) {
+    let index = Math.floor(arr.length * Math.random())
+    if (index < 0) index = 0
+    str += arr[index]
+  }
+  return str
+}
+
+// 判断类型
+export function is(val: any, type: any) {
+  const typeArr = Array.isArray(type) ? type : [type]
+  const valType = Object.prototype.toString.call(val)
+  return typeArr.some((type) => `[object ${type}]` === valType)
+}
+
+/**
+ * 判断是否是移动端
+ */
+export function isMobile() {
+  if (navigator.userAgent.match(/('phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone')/i)) {
+    return true
+  } else {
+    return false
+  }
+}
+
+/**
+ * 处理按钮类型
+ * @param item
+ */
+export function handelBtnType(item: any): Object {
+  switch (item.type) {
+    case undefined:
+      item.type = 'primary'
+      break
+    case 'add':
+      item.type = 'primary'
+      item.title = item.title || '新增'
+      item.icon = 'ele-Plus'
+      break
+    case 'edit':
+      item.type = 'primary'
+      item.title = item.title || '编辑'
+      item.icon = 'ele-EditPen'
+      break
+    case 'delete':
+    case 'del':
+      item.type = 'danger'
+      item.title = item.title || '删除'
+      item.icon = 'ele-Delete'
+      break
+  }
+  return item
+}
+
+/**
+ * 处理列表表头，list转Map
+ */
+export function handelListColumn(columnList: Array<IColumnItem>, minWidth?: string): any[] {
+  const tempColumnList = [] as any[]
+  if (columnList && columnList.length > 0) {
+    // 不影响原有的对象，这里进行拷贝
+    cloneDeep(columnList).map((item: IColumnItem) => {
+      // 处理下一个单元格显示多个数据
+      if (item.nodes) {
+        const tempList = (handelListColumn(item.nodes, minWidth) as any)[0].children
+        item.nodes = tempList || item.nodes
+      }
+      // 检查type属性,没有type属性的自动补一个text类型
+      if (!item.type) {
+        item.type = 'text'
+      }
+      // 这里判断下type类型，然后进行一下表头和表格的对齐方式
+      switch (item.type) {
+        case 'image':
+          item.width = item.width || '110px'
+          item.align = item.align || 'left'
+          item.headerAlign = item.headerAlign || 'left'
+          break
+        case 'btns':
+          if (!item.minWidth && item.btns && item.btns.length >= 2) {
+            let labelLength = 0
+            item.btns.map((item: any) => (labelLength += typeof item.label === 'string' ? item.label.length : 4))
+            item.width = item.width || labelLength * 20 + 'px'
+          }
+          item.align = item.align || 'left'
+          item.headerAlign = item.headerAlign || 'left'
+          item.text = true
+          break
+      }
+      // item.minWidth = item.minWidth || 'auto'
+      item.minWidth = item.minWidth || (item.label !== '操作' ? minWidth : 'auto')
+
+      // 处理下‘操作’
+      item.showOverflowTooltip = item.label !== '操作'
+
+      if (item.parent) {
+        let isExists = false
+        tempColumnList.forEach((colum: any) => {
+          if (colum.label === item.parent) {
+            colum.children.push(item)
+            isExists = true
+          }
+        })
+        if (!isExists) {
+          tempColumnList.push({ label: item.parent, children: [item] })
+        }
+      } else {
+        tempColumnList.push(item)
+      }
+    })
+  }
+  return tempColumnList
+}
+
+/**
+ * map转string
+ * @param map
+ * @param excludeList
+ * @returns {string}
+ */
+export const mapToUrlStr = (map: any, excludeList?: any) => {
+  let queryStr = ''
+  for (const key in map) {
+    if (excludeList && Array.isArray(excludeList) && excludeList.length > 0) {
+      if (excludeList.indexOf(key) >= 0) {
+        continue
+      }
+    }
+    if (map[key] !== undefined && map[key] !== null && map[key] !== '') {
+      if (queryStr !== '') {
+        queryStr += '&'
+      }
+      queryStr += key + '=' + map[key]
+    }
+  }
+  return queryStr
+}

package/lib/config/index.ts

@@ -1,30 +1,30 @@
-export default {
-  debug: false,
-  size: 'default',
-  storagePrefix: 'el-plus-crud_',
-  form: {
-    leng: {
-      input: 20,
-      textare: 500,
-      nbinput: {
-        min: 0,
-        max: 999999999,
-        precision: 0,
-        controlsPosition: 'right'
-      }
-    },
-    comList: [] as string[]
-  },
-  upload: {
-    type: 'minio',
-    action: '',
-    maxISize: 1024 * 1024 * 20,
-    maxFSize: 1024 * 1024 * 20,
-    minio: {
-      action: '',
-      getUploadUrl: () => new Promise(() => {}),
-      doElUpload: () => new Promise(() => {}),
-      getObjectAuthUrl: () => new Promise(() => {})
-    }
-  }
-} as ICRUDConfig
+export default {
+  debug: false,
+  size: 'default',
+  storagePrefix: 'el-plus-crud_',
+  form: {
+    leng: {
+      input: 20,
+      textare: 500,
+      nbinput: {
+        min: 0,
+        max: 999999999,
+        precision: 0,
+        controlsPosition: 'right'
+      }
+    },
+    comList: [] as string[]
+  },
+  upload: {
+    type: 'minio',
+    action: '',
+    maxISize: 1024 * 1024 * 20,
+    maxFSize: 1024 * 1024 * 20,
+    minio: {
+      action: '',
+      getUploadUrl: () => new Promise(() => {}),
+      doElUpload: () => new Promise(() => {}),
+      getObjectAuthUrl: () => new Promise(() => {})
+    }
+  }
+} as ICRUDConfig

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
-  install: (app: import('vue').App<any>, config: { [key: string]: Function }, format?: { [key: string]: Function }, globalData?: { [key: string]: Function }) => void
-}
-export default _default
+declare const _default: {
+  install: (app: import('vue').App<any>, config: { [key: string]: Function }, format?: { [key: string]: Function }, globalData?: { [key: string]: Function }) => void
+}
+export default _default

package/lib/index.ts

@@ -1,51 +1,51 @@
-import { App } from 'vue'
-import components from './components-list'
-import ElPlusForm from './components/el-plus-form/ElPlusForm.vue'
-import ElPlusFormDialog from './components/el-plus-form/ElPlusFormDialog.vue'
-import ElPlusFormGroup from './components/el-plus-form/ElPlusFormGroup.vue'
-import ElPlusTable from './components/el-plus-table/ElPlusTable.vue'
-import defaultConf from './config'
-
-export default {
-  install: (app: App, config: ICRUDConfig, format?: { [key: string]: Function }, globalData?: { [key: string]: Function }) => {
-    // 合并配置
-    deepMerge(defaultConf, config)
-    defaultConf.debug && console.log('initConfig: ', defaultConf)
-
-    // 这里注入format对象
-    app.provide('format', format)
-    app.provide('globalData', globalData)
-
-    // 这里注入defaultConf
-    app.provide('defaultConf', defaultConf)
-
-    // 循环注册表单组件
-    components.unshift(ElPlusForm)
-    components.unshift(ElPlusFormDialog)
-    components.unshift(ElPlusFormGroup)
-
-    // 注册列表组件
-    components.push(ElPlusTable)
-
-    defaultConf.debug && console.log('components: ', components)
-
-    components.map((component: any) => {
-      app.component(component.name, component)
-    })
-  }
-}
-
-/**
- * 深度合并对象
- * @param obj1
- * @param obj2
- * @returns
- */
-function deepMerge(obj1: any, obj2: any) {
-  let key
-  for (key in obj2) {
-    // 如果target(也就是obj1[key])存在，且是对象的话再去调用deepMerge，否则就是obj1[key]里面没这个对象，需要与obj2[key]合并
-    obj1[key] = obj1[key] && obj1[key].toString() === '[object Object]' ? deepMerge(obj1[key], obj2[key]) : (obj1[key] = obj2[key])
-  }
-  return obj1
-}
+import { App } from 'vue'
+import components from './components-list'
+import ElPlusForm from './components/el-plus-form/ElPlusForm.vue'
+import ElPlusFormDialog from './components/el-plus-form/ElPlusFormDialog.vue'
+import ElPlusFormGroup from './components/el-plus-form/ElPlusFormGroup.vue'
+import ElPlusTable from './components/el-plus-table/ElPlusTable.vue'
+import defaultConf from './config'
+
+export default {
+  install: (app: App, config: ICRUDConfig, format?: { [key: string]: Function }, globalData?: { [key: string]: Function }) => {
+    // 合并配置
+    deepMerge(defaultConf, config)
+    defaultConf.debug && console.log('initConfig: ', defaultConf)
+
+    // 这里注入format对象
+    app.provide('format', format)
+    app.provide('globalData', globalData)
+
+    // 这里注入defaultConf
+    app.provide('defaultConf', defaultConf)
+
+    // 循环注册表单组件
+    components.unshift(ElPlusForm)
+    components.unshift(ElPlusFormDialog)
+    components.unshift(ElPlusFormGroup)
+
+    // 注册列表组件
+    components.push(ElPlusTable)
+
+    defaultConf.debug && console.log('components: ', components)
+
+    components.map((component: any) => {
+      app.component(component.name, component)
+    })
+  }
+}
+
+/**
+ * 深度合并对象
+ * @param obj1
+ * @param obj2
+ * @returns
+ */
+function deepMerge(obj1: any, obj2: any) {
+  let key
+  for (key in obj2) {
+    // 如果target(也就是obj1[key])存在，且是对象的话再去调用deepMerge，否则就是obj1[key]里面没这个对象，需要与obj2[key]合并
+    obj1[key] = obj1[key] && obj1[key].toString() === '[object Object]' ? deepMerge(obj1[key], obj2[key]) : (obj1[key] = obj2[key])
+  }
+  return obj1
+}

package/package.json

@@ -2,7 +2,7 @@
   "name": "el-plus-crud",
   "description": "采用Vue3 + TS，封装的element-plus数据驱动表单、列表组件",
   "author": "K.D.Jack",
-  "version": "0.0.39",
+  "version": "0.0.41",
   "license": "MIT",
   "private": false,
   "main": "dist/el-plus-crud.mjs",

package/types/axios.d.ts

@@ -1,13 +1,13 @@
-/* eslint-disable */
-import * as axios from 'axios'
-
-// 扩展 axios 数据返回类型，可自行扩展
-declare module 'axios' {
-  export interface AxiosResponse<T = any> {
-    code: number
-    data: T
-    message: string
-    type?: string
-    [key: string]: T
-  }
-}
+/* eslint-disable */
+import * as axios from 'axios'
+
+// 扩展 axios 数据返回类型，可自行扩展
+declare module 'axios' {
+  export interface AxiosResponse<T = any> {
+    code: number
+    data: T
+    message: string
+    type?: string
+    [key: string]: T
+  }
+}