el-plus-crud 0.0.11 → 0.0.13

package/lib/index.ts

@@ -1,98 +1,23 @@
 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 { components } from './components/el-plus-form/components/index'
 import ElPlusTable from './components/el-plus-table/ElPlusTable.vue'
-
-// import ElPlusFormBtn from './components/el-plus-form/components/ElPlusFormBtn.vue'
-// import ElPlusFormBtns from './components/el-plus-form/components/ElPlusFormBtns.vue'
-// import ElPlusFormCascader from './components/el-plus-form/components/ElPlusFormCascader.vue'
-// import ElPlusFormCascaderPanel from './components/el-plus-form/components/ElPlusFormCascaderPanel.vue'
-// import ElPlusFormCheckbox from './components/el-plus-form/components/ElPlusFormCheckbox.vue'
-// import ElPlusFormCheckboxButton from './components/el-plus-form/components/ElPlusFormCheckboxButton.vue'
-// import ElPlusFormDate from './components/el-plus-form/components/ElPlusFormDate.vue'
-// import ElPlusFormDaterange from './components/el-plus-form/components/ElPlusFormDaterange.vue'
-// import ElPlusFormFile from './components/el-plus-form/components/ElPlusFormFile.vue'
-// import ElPlusFormImage from './components/el-plus-form/components/ElPlusFormImage.vue'
-// import ElPlusFormInput from './components/el-plus-form/components/ElPlusFormInput.vue'
-// import ElPlusFormLink from './components/el-plus-form/components/ElPlusFormLink.vue'
-// import ElPlusFormNbinput from './components/el-plus-form/components/ElPlusFormNbinput.vue'
-// import ElPlusFormNumber from './components/el-plus-form/components/ElPlusFormNumber.vue'
-// import ElPlusFormPassword from './components/el-plus-form/components/ElPlusFormPassword.vue'
-// import ElPlusFormRadio from './components/el-plus-form/components/ElPlusFormRadio.vue'
-// import ElPlusFormRate from './components/el-plus-form/components/ElPlusFormRate.vue'
-// import ElPlusFormSelect from './components/el-plus-form/components/ElPlusFormSelect.vue'
-// import ElPlusFormSlider from './components/el-plus-form/components/ElPlusFormSlider.vue'
-// import ElPlusFormStatus from './components/el-plus-form/components/ElPlusFormStatus.vue'
-// import ElPlusFormSwitch from './components/el-plus-form/components/ElPlusFormSwitch.vue'
-// import ElPlusFormTag from './components/el-plus-form/components/ElPlusFormTag.vue'
-// import ElPlusFormText from './components/el-plus-form/components/ElPlusFormText.vue'
-// import ElPlusFormTextarea from './components/el-plus-form/components/ElPlusFormTextarea.vue'
-// import ElPlusFormTree from './components/el-plus-form/components/ElPlusFormTree.vue'
-// import ElPlusFormTreeSelect from './components/el-plus-form/components/ElPlusFormTreeSelect.vue'
+import defaultConf from './config'
 
 export default {
   install: (app: App, config: { [key: string]: any }, format?: { [key: string]: Function }, globalData?: { [key: string]: Function }) => {
-    console.log('initConfig: ', config)
-
-    console.log('components1: ', components)
-    if (!components || components.length <= 0) {
-      const modulesFiles = import.meta.glob('./components/el-plus-form/components/*.vue', { eager: true }) // import.meta.globEager('./*.vue')
-      console.log('modulesFiles: ', modulesFiles)
-      // 递归
-      for (const file in modulesFiles) {
-        const tempComponent = (modulesFiles[file] as any).default
-        console.log('file: ', file, tempComponent)
-        components.push(tempComponent)
-      }
-    }
-
-    console.log('components2: ', components)
-    // const components: any[] = [
-    //   ElPlusFormBtn,
-    //   ElPlusFormBtns,
-    //   ElPlusFormCascader,
-    //   ElPlusFormCascaderPanel,
-    //   ElPlusFormCheckbox,
-    //   ElPlusFormCheckboxButton,
-    //   ElPlusFormDate,
-    //   ElPlusFormDaterange,
-    //   ElPlusFormFile,
-    //   ElPlusFormImage,
-    //   ElPlusFormInput,
-    //   ElPlusFormLink,
-    //   ElPlusFormNbinput,
-    //   ElPlusFormNumber,
-    //   ElPlusFormPassword,
-    //   ElPlusFormRadio,
-    //   ElPlusFormRate,
-    //   ElPlusFormSelect,
-    //   ElPlusFormSlider,
-    //   ElPlusFormStatus,
-    //   ElPlusFormSwitch,
-    //   ElPlusFormTag,
-    //   ElPlusFormText,
-    //   ElPlusFormTextarea,
-    //   ElPlusFormTree,
-    //   ElPlusFormTreeSelect
-    // ]
-    // const typeList: String[] = []
-
-    // console.log('modulesFiles*********: ', modulesFiles)
-
-    // // 递归
-    // for (const file in modulesFiles) {
-    //   const tempComponent = (modulesFiles[file] as any).default
-    //   components.push(tempComponent)
-    //   if (tempComponent.typeName) {
-    //     typeList.push(tempComponent.typeName)
-    //   }
-    // }
+    // 合并配置
+    Object.assign(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)
@@ -100,7 +25,7 @@ export default {
     // 注册列表组件
     components.push(ElPlusTable)
 
-    console.log('components3: ', components)
+    defaultConf.debug && console.log('components: ', components)
 
     components.map((component: any) => {
       app.component(component.name, component)

package/package.json

@@ -2,16 +2,15 @@
   "name": "el-plus-crud",
   "description": "采用Vue3 + TS，封装的element-plus数据驱动表单、列表组件",
   "author": "K.D.Jack",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "license": "MIT",
   "private": false,
-  "main": "dist/el-plus-crud.umd.cjs",
+  "main": "dist/el-plus-crud.js",
   "module": "lib/index",
   "types": "lib/index.d.ts",
-  "type": "module",
   "scripts": {
     "start": "vite",
-    "build": "vite build",
+    "build": "node build.js && vite build",
     "build-comp": "node ./build.js",
     "lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue lib/",
     "preview": "vite preview",
@@ -45,6 +44,8 @@
     "@typescript-eslint/parser": "^5.53.0",
     "@vitejs/plugin-vue": "^4.1.0",
     "@vue/eslint-config-standard": "^8.0.1",
+    "babel-preset-env": "^1.7.0",
+    "babel-register": "^6.26.0",
     "eslint": "^8.34.0",
     "eslint-plugin-vue": "^9.9.0",
     "husky": "^8.0.3",
@@ -54,6 +55,7 @@
     "standard-version": "^9.5.0",
     "typescript": "^4.9.5",
     "vite": "^4.3.9",
+    "vite-plugin-dts": "^3.2.0",
     "vite-plugin-vue-setup-extend": "^0.4.0",
     "vue-eslint-parser": "^9.1.0"
   },

package/types/formList.d.ts

@@ -25,6 +25,7 @@ declare interface IFormDescItem {
   attrs?: { [key: string]: any } | Function
   options?: Array<IFormDescItemOptionItem> | IFetch<Array<IFormDescItemOptionItem>> | string
   default?: string | boolean | number
+  defaultItem?: { value: string | number; label: string; dataItem?: { [key: string]: any } }
   rules?: string | Array<any>
   require?: boolean
   required?: boolean
@@ -124,7 +125,7 @@ declare interface IFetch<T> {
  * 表格项
  */
 declare interface IColumnItem {
-  label: string
+  label: string | ((data?: any) => string)
   prop?: string
   type?: string | Array<string>
   width?: string
@@ -148,6 +149,8 @@ declare interface IColumnItem {
   vshow?: boolean | 0 | 1 | Function
   scShow?: boolean
   showOverflowTooltip?: boolean
+  content?: any
+  hstyle?: any
 }
 
 /**
@@ -155,13 +158,17 @@ declare interface IColumnItem {
  */
 declare interface IExportConfig {
   // 导出的URL接口地址
-  url: string
+  url?: string
+  // 查询导出URL的fetch
+  fetch?: IFetch<string>
   // 请求夹带的数据
   data?: Object
   // 文件名
   name?: string
   // 是否增加token权限
   isAuth?: Boolean
+  // 是否需要拼接查询条件
+  noQuery?: Boolean
 }
 
 /**
@@ -245,7 +252,10 @@ declare interface ISummaryConf {
   // 格式化
   format?: string
   // 尾行合计的合并方法
-  sumFn?: (tableData: any[]) => string
+  sumFn?: (tableData: any[], allSelectRowList?: any[]) => string
+  //尾行合计的样式
+  hstyle?: any
+  vif?: boolean | ((data?: any) => boolean)
 }
 
 /**
@@ -363,3 +373,34 @@ declare interface IDownFile {
   // 上传进度
   percent?: number
 }
+
+declare interface ICRUDConfig {
+  debug: boolean
+  size?: 'default' | 'small' | 'large'
+  storagePrefix?: string
+  form?: {
+    leng: {
+      input: number
+      textare: number
+      nbinput: {
+        min: number
+        max: number
+        precision: number
+        controlsPosition: 'right' | ''
+      }
+    }
+  }
+  upload?: {
+    type: 'minio' | 'quniu'
+    action: string | ((data?: any) => string)
+    maxISize: number
+    maxFSize: number
+    minio?: {
+      action: string | ((data?: any) => string)
+      getUploadUrl: (fileName?: string) => Promise<any>
+      doElUpload: (fileName?: string) => Promise<any>
+      getObjectAuthUrl: (fileName?: string) => Promise<any>
+    }
+  }
+  token?: string | ((data?: any) => string)
+}

package/vite.config.ts

@@ -1,6 +1,7 @@
 import vue from '@vitejs/plugin-vue'
 import { resolve } from 'path'
 import { defineConfig } from 'vite'
+import dts from 'vite-plugin-dts'
 import vueSetupExtend from 'vite-plugin-vue-setup-extend'
 
 const pathResolve = (dir: string) => {
@@ -13,7 +14,16 @@ const alias: Record<string, string> = {
 
 const viteConfig = defineConfig(() => {
   return {
-    plugins: [vue(), vueSetupExtend()],
+    plugins: [
+      vue(),
+      vueSetupExtend(),
+      dts({
+        entryRoot: './lib',
+        outDir: ['./dist'],
+        //指定使用的tsconfig.json为我们整个项目根目录下,如果不配置,你也可以在components下新建tsconfig.json
+        tsconfigPath: './tsconfig.json'
+      })
+    ],
     root: process.cwd(),
     resolve: { alias },
     base: './',
@@ -30,7 +40,7 @@ const viteConfig = defineConfig(() => {
       lib: {
         entry: 'lib/index.ts',
         name: 'el-plus-crud',
-        formats: ['umd']
+        formats: ['umd', 'es']
       },
       rollupOptions: {
         external: ['vue', 'element-plus'],