n20-common-lib 2.2.2 → 2.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-common-lib",
-  "version": "2.2.2",
+  "version": "2.2.4",
   "private": false,
   "main": "src/index.js",
   "scripts": {

package/src/assets/css/cl-form-item.scss

@@ -690,7 +690,7 @@ $--input-max: 224px;
   &.is-clearable {
     .el-select {
       .el-input__inner {
-        padding-right: 50px;
+        padding-right: 30px;
       }
     }
   }

package/src/components/InputSearch/index.vue

@@ -1,5 +1,13 @@
 <template>
-  <el-input v-if="!select" v-bind="$attrs" :value="value" :clearable="clearable" v-on="$listeners" @change="searchFn">
+  <el-input
+    v-if="!select"
+    class="n20-input-search-1"
+    v-bind="$attrs"
+    :value="value"
+    :clearable="clearable"
+    v-on="$listeners"
+    @change="searchFn"
+  >
     <i
       slot="suffix"
       class="is-search el-input__icon"
@@ -28,12 +36,13 @@
       <slot></slot>
     </el-select>
     <span class="el-input__suffix"
-      ><i class="is-search el-input__icon" :class="suffixIcon || 'el-icon-zoom-in'" @click.stop="searchFn"></i
-      ><i
-        v-if="clearable && isHove && hasVal"
-        class="is-search el-input__icon el-icon-circle-close"
-        @click="closeFn"
-      ></i
+      ><span class="el-input__suffix-inner"
+        ><i class="is-search el-input__icon" :class="suffixIcon || 'el-icon-zoom-in'" @click.stop="searchFn"></i
+        ><i
+          v-if="clearable && isHove && hasVal"
+          class="is-search el-input__icon el-icon-circle-close"
+          @click.stop="closeFn"
+        ></i></span
     ></span>
   </div>
 </template>
@@ -112,3 +121,9 @@ export default {
   }
 }
 </script>
+<style>
+.n20-input-search-1 .el-input__suffix-inner,
+.n20-input-search .el-input__suffix-inner {
+  background: var(--color-white);
+}
+</style>

package/src/components/LoginTemporary/index.vue

@@ -28,7 +28,9 @@
       :show-image-code="showImageCode"
       @changType="getChangetype"
     >
-      <div slot="header" class="login-form-header m-b text-c">{{ '欢 迎 登 录' | $lc }}</div>
+      <div slot="header" class="login-form-header m-b text-c">
+        <slot name="header">{{ '欢 迎 登 录' | $lc }}</slot>
+      </div>
       <el-dropdown-item slot="other">
         <slot name="others"></slot>
       </el-dropdown-item>

package/src/components/LoginTemporary/indexN.vue

@@ -90,7 +90,9 @@
         :show-image-code="showImageCode"
         @changType="getChangetype"
       >
-        <div slot="header" class="login-form-header m-b text-c">{{ '欢 迎 登 录' | $lc }}</div>
+        <div slot="header" class="login-form-header m-b text-c">
+          <slot name="header">{{ '欢 迎 登 录' | $lc }}</slot>
+        </div>
         <el-dropdown-item slot="other">
           <slot name="others"></slot>
         </el-dropdown-item>

package/src/utils/toExcel.js

@@ -1,86 +1,120 @@
 import importG from './importGlobal.js'
 
-export default async function toExcel({ columns = [], rows = [], name = 'sheet01' }) {
+const headStyle = {
+  fill: { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FFE1E1E1' } },
+  alignment: { vertical: 'middle', horizontal: 'center' },
+  font: { bold: true }
+}
+const colBorder = {
+  top: { style: 'thin' },
+  left: { style: 'thin' },
+  bottom: { style: 'thin' },
+  right: { style: 'thin' }
+}
+
+export default async function toExcel() {
   let { default: ExcelJS } = await importG('exceljs', () => import(/*webpackChunkName: "exceljs"*/ 'exceljs'))
 
   // 创建工作簿
   const workbook = new ExcelJS.Workbook()
-  // 创建工作表
-  const worksheet = workbook.addWorksheet(name)
-  let cols = []
-  columns.forEach((col) => {
-    if (!col.static) {
-      let _col = {
-        header: col.label,
-        key: col.prop,
-        style: col.style || {}
-      }
 
-      let width = col.width || col.minWidth || col['min-width'] || 0
-      width = Math.max(width / 8, col.label.length * 2.2 + 2)
-      width > 9 && (_col.width = width)
+  for (let I = 0; I < arguments.length; I++) {
+    let { columns = [], rows = [], name = `sheet${I + 1}`, unshiftHead, merges, custom } = arguments[I]
 
-      if (col.numFmt) {
-        _col.style.numFmt = col.numFmt
-      } else if (col.formatter && typeof col.formatter === 'string') {
-        if (/\|\s?money/.test(col.formatter)) {
-          _col.style.numFmt = '#,##0.00'
+    // 创建工作表
+    const worksheet = workbook.addWorksheet(name)
+    let cols = []
+    columns.forEach((col) => {
+      if (!col.static) {
+        let _col = {
+          header: col.label,
+          key: col.prop,
+          style: col.style || {}
         }
-        if (/\|\s?rate/.test(col.formatter)) {
-          _col.style.numFmt = '0.000000'
+
+        let width = col.width || col.minWidth || col['min-width'] || 0
+        width = Math.max(width / 8, col.label.length * 2.2 + 2)
+        width > 9 && (_col.width = width)
+
+        if (col.numFmt) {
+          _col.style.numFmt = col.numFmt
+        } else if (col.formatter && typeof col.formatter === 'string') {
+          if (/\|\s?money/.test(col.formatter)) {
+            _col.style.numFmt = '#,##0.00'
+          }
+          if (/\|\s?rate/.test(col.formatter)) {
+            _col.style.numFmt = '0.000000'
+          }
         }
+
+        cols.push(_col)
       }
+    })
 
-      cols.push(_col)
-    }
-  })
+    let cL = cols.length
+    let rL = rows.length
+    let ySplit = 1
 
-  let cL = cols.length
-  let rL = rows.length
+    worksheet.columns = cols
+    worksheet.addRows(rows)
 
-  worksheet.columns = cols
-  worksheet.addRows(rows)
+    for (let i = 0; i < cL; i++) {
+      worksheet.getCell(1, i + 1).style = headStyle
+    }
 
-  worksheet.views = [
-    {
-      state: 'frozen',
-      // xSplit: 1,
-      ySplit: 1
+    for (let i = 0; i < rL + 1; i++) {
+      for (let j = 0; j < cL; j++) {
+        let cell = worksheet.getCell(i + 1, j + 1)
+        cell.border = colBorder
+        cell.alignment ? (cell.alignment.vertical = 'middle') : (cell.alignment = { vertical: 'middle' })
+      }
     }
-  ]
-
-  for (let i = 0; i < cL; i++) {
-    worksheet.getCell(1, i + 1).style = {
-      fill: {
-        type: 'pattern',
-        pattern: 'solid',
-        fgColor: { argb: 'FFE1E1E1' }
-      },
-      alignment: {
-        vertical: 'middle',
-        horizontal: 'center'
-      },
-      font: {
-        bold: true
+
+    if (unshiftHead) {
+      let headRows = Array.isArray(unshiftHead[0]) ? unshiftHead : [unshiftHead]
+      let headRowsT = []
+      let headRowsM = []
+      for (let i = 0; i < headRows.length; i++) {
+        let rI = i + 1
+        let headRowT = []
+        for (let j = 0; j < headRows[i].length; j++) {
+          let cI = j + 1
+          let col = headRows[i][j]
+          headRowT.push(col && col.label ? col.label : col)
+          if (col && col.merge) {
+            headRowsM.push([rI, cI, rI + col.merge[0] - 1, cI + col.merge[1] - 1])
+          }
+        }
+        headRowsT.push(headRowT)
+        ySplit = ySplit + 1
+      }
+
+      worksheet.spliceRows(1, 0, ...headRowsT)
+      for (let i = 0; i < headRows.length; i++) {
+        let rI = i + 1
+        for (let j = 0; j < headRows[i].length; j++) {
+          let cI = j + 1
+          worksheet.getCell(rI, cI).style = headStyle
+        }
+      }
+
+      for (let i = 0; i < headRowsM.length; i++) {
+        worksheet.mergeCells(...headRowsM[i])
       }
     }
-  }
 
-  for (let i = 0; i < cL; i++) {
-    for (let j = 0; j < rL + 1; j++) {
-      worksheet.getCell(j + 1, i + 1).border = {
-        top: { style: 'thin' },
-        left: { style: 'thin' },
-        bottom: { style: 'thin' },
-        right: { style: 'thin' }
+    worksheet.views = [{ state: 'frozen', ySplit: ySplit }]
+
+    if (merges && Array.isArray(merges)) {
+      for (let i = 0; i < merges.length; i++) {
+        worksheet.mergeCells(merges[i])
       }
     }
+    if (custom) {
+      await custom(worksheet)
+    }
   }
 
-  // worksheet.getColumn(1).numFmt = '#,##0.00"%"'
-  // worksheet.getColumn(1).numFmt = '#,##0.00'
-  // worksheet.getColumn(2).width = 32
-
   return new Promise((resolve, reject) => {
     workbook.xlsx
       .writeBuffer()

package/src/utils/xls2json.js

@@ -26,6 +26,8 @@ export default async function toJson(file, name) {
   return pro.then((workbook) => {
     let sheetName = name || workbook.SheetNames[0]
     let workSheet = workbook.Sheets[sheetName]
+    if (!workSheet) return Promise.reject(`工作表:${name} 不存在`)
+
     let rows = []
     let cols = utils.sheet_to_csv(workSheet, { FS: '†', blankrows: false }).split('\n')[0].replace(/†+$/, '').split('†')
 

package/src/utils/xlsx2json.js

@@ -9,6 +9,8 @@ export default async function toJson(file, name) {
       .load(file)
       .then(() => {
         const worksheet = workbook.getWorksheet(name || 1)
+        if (!worksheet) return reject(`工作表:${name} 不存在`)
+
         let rows = []
         worksheet.eachRow((r) => {
           let row = r.values