el-plus-crud 0.0.115 → 0.0.116

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.0.116](https://github.com/KDJack/el-plus-crud/compare/v0.0.115...v0.0.116) (2024-01-04)
+
 ### [0.0.115](https://github.com/KDJack/el-plus-crud/compare/v0.0.114...v0.0.115) (2024-01-03)
 
 ### [0.0.114](https://github.com/KDJack/el-plus-crud/compare/v0.0.113...v0.0.114) (2024-01-02)

package/dist/el-plus-crud.mjs

@@ -7037,6 +7037,7 @@ const bm = ["innerHTML"], Lm = {
     }), E = Ye(() => {
       const M = [];
       if (u.formDesc) {
+        K();
         const _ = Vt.cloneDeep(u.formDesc);
         let A = [];
         for (const le in _)
@@ -7067,19 +7068,23 @@ const bm = ["innerHTML"], Lm = {
           }
         }
       return M;
-    }), K = Vt.throttle(() => {
-      u.formDesc && Object.keys(u.formDesc).forEach((M) => {
-        if (u.formDesc) {
-          const _ = u.formDesc[M];
-          if (_ && _.type) {
-            _._type = T.includes(_.type.toLowerCase()) ? "el-plus-form-" + _.type : _.type, _._vif = P(_, "vif", M, !_.isBlank), _._disabled = P(_, "disabled", M, u.disabled ?? !1);
-            const A = {};
-            _._attrs = Object.assign({}, P(_, "attrs", M), A), _._label = P(_, "label", M), _._tip = P(_, "tip", M), !_._tip && !_.noTip && _.type === "upload" && (_._tip = `最多上传${_.multiple ? _.limit || 20 : 1}${_.upType === "file" ? "个文件" : "张图片"}`), _.default !== void 0 && _.default !== null && u.modelValue[M] === void 0 && (u.modelValue[M] = _.default), _.defaultItem !== void 0 && _.defaultItem !== null && u.modelValue[M] === void 0 && (u.modelValue[M] = _.defaultItem.value), _.auth && (j.auth ? _._vif = j.auth(_.auth) : console.warn("使用auth属性，请在crud注册时传入auth校验方法~"));
-          } else
-            _ && _.isBlank && (_._vif = P(_, "vif", "", !0));
-        }
-      });
-    }, 100), U = Ye(() => {
+    }), K = Vt.debounce(
+      () => {
+        u.formDesc && Object.keys(u.formDesc).forEach((M) => {
+          if (u.formDesc) {
+            const _ = u.formDesc[M];
+            if (_ && _.type) {
+              _._type = T.includes(_.type.toLowerCase()) ? "el-plus-form-" + _.type : _.type, _._vif = P(_, "vif", M, !_.isBlank), _._disabled = P(_, "disabled", M, u.disabled ?? !1);
+              const A = {};
+              _._attrs = Object.assign({}, P(_, "attrs", M), A), _._label = P(_, "label", M), _._tip = P(_, "tip", M), !_._tip && !_.noTip && _.type === "upload" && (_._tip = `最多上传${_.multiple ? _.limit || 20 : 1}${_.upType === "file" ? "个文件" : "张图片"}`), _.default !== void 0 && _.default !== null && u.modelValue[M] === void 0 && (u.modelValue[M] = _.default), _.defaultItem !== void 0 && _.defaultItem !== null && u.modelValue[M] === void 0 && (u.modelValue[M] = _.defaultItem.value), _.auth && (j.auth ? _._vif = j.auth(_.auth) : console.warn("使用auth属性，请在crud注册时传入auth校验方法~"));
+            } else
+              _ && _.isBlank && (_._vif = P(_, "vif", "", !0));
+          }
+        });
+      },
+      100,
+      { leading: !0, trailing: !1 }
+    ), U = Ye(() => {
       let M = [];
       return u.showBtns && (u.showCancel && M.push({
         field: "_reset_btn",
@@ -8306,9 +8311,13 @@ const t_ = /* @__PURE__ */ et(e_, [["__scopeId", "data-v-2c8bae46"]]), n_ = {
       }
       re.value = 2, Y.value = !1;
     }
-    const pt = Vt.throttle(() => {
-      l("inited", V.value);
-    }, 1e3);
+    const pt = Vt.debounce(
+      () => {
+        l("inited", V.value);
+      },
+      400,
+      { leading: !0, trailing: !1 }
+    );
     function Nt() {
       V.value && V.value.length > 0 && u.type === "selection" && V.value.map((x) => {
         d.value.toggleRowSelection(

package/lib/components/el-plus-form/ElPlusForm.vue

@@ -47,7 +47,7 @@ export default {
 <script lang="ts" setup>
 import { ref, computed, useAttrs, nextTick, onMounted, watch, inject, Ref } from 'vue'
 import { castArray, isMobile, time, isPromiseLike } from './util'
-import { cloneDeep, throttle } from 'lodash'
+import { cloneDeep, debounce } from 'lodash'
 import * as validates from './util/validate'
 import { typeList } from './components/index'
 import ElPlusFormBtn from './components/ElPlusFormBtn.vue'
@@ -281,6 +281,7 @@ const computedRules = computed(() => {
 const attrMapToTableList = computed(() => {
   const formLayoutRows = [] as Array<Array<IFormDescItem>>
   if (props.formDesc) {
+    initFormAttrs()
     const tempFormDesc = cloneDeep(props.formDesc)
     let tempData = [] as Array<IFormDescItem>
     for (const key in tempFormDesc) {
@@ -337,70 +338,74 @@ const attrMapToTableList = computed(() => {
 })
 
 // 整体初始化属性
-const initFormAttrs = throttle(() => {
-  if (props.formDesc) {
-    Object.keys(props.formDesc).forEach((field) => {
-      if (props.formDesc) {
-        const formItem = props.formDesc[field]
-        if (formItem && formItem.type) {
-          // 设置 _type
-          formItem._type = compTypeList.includes(formItem.type.toLowerCase()) ? 'el-plus-form-' + formItem.type : formItem.type
-          // 触发 v-if 显示 / 隐藏 设置_vif
-          formItem._vif = handelKeyValue(formItem, 'vif', field, !formItem.isBlank ?? true)
-          // 触发 disabled 禁用 / 启用 设置_disabled
-          formItem._disabled = handelKeyValue(formItem, 'disabled', field, props.disabled ?? false)
-          // 动态属性 attrs
-          const tempAttr = {} as any
-          // if ((typeof formItem.attrs === 'object' && formItem.attrs?.options) || formItem.options) {
-          //   tempAttr.options = (formItem.attrs as any)?.options || formItem.options
-          // }
-          formItem._attrs = Object.assign({}, handelKeyValue(formItem, 'attrs', field), tempAttr)
-          // 动态options
-          // formItem._options = handelKeyValue(formItem, 'options', field)
-          // 动态 _label
-          formItem._label = handelKeyValue(formItem, 'label', field)
-          // 动态 prop
-          // formItem._prop = handelKeyValue(formItem, 'prop', field);
-          // 动态 _tip
-          formItem._tip = handelKeyValue(formItem, 'tip', field)
-          // 单独处理下上传
-          if (!formItem._tip && !formItem.noTip && formItem.type === 'upload') {
-            formItem._tip = `最多上传${formItem.multiple ? formItem.limit || 20 : 1}${formItem.upType === 'file' ? '个文件' : '张图片'}`
-          }
-          // 这里初始化一下默认值
-          if (formItem.default !== undefined && formItem.default !== null && props.modelValue[field] === undefined) {
-            props.modelValue[field] = formItem.default
-          }
-          // 这里初始化一下默认选中项
-          if (formItem.defaultItem !== undefined && formItem.defaultItem !== null && props.modelValue[field] === undefined) {
-            props.modelValue[field] = formItem.defaultItem.value
-          }
-          // 这里格式化一下数据
-          // if (formItem.format) {
-          // if (typeof formItem.format === 'string') {
-          //   props.modelValue[field] = elPlusFormFormat[formItem.format](props.modelValue[field], props.modelValue)
-          // } else if (typeof formItem.format === 'function') {
-          //   props.modelValue[field] = (formItem as any).format(props.modelValue[field], props.modelValue)
-          // } else {
-          //   // console.log('未知的格式化类型:', formItem.format)
-          // }
-          // }
-          // 这里最终处理一下auth权限问题
-          if (formItem.auth) {
-            if (!defaultConf.auth) {
-              console.warn('使用auth属性，请在crud注册时传入auth校验方法~')
-            } else {
-              formItem._vif = defaultConf.auth(formItem.auth)
+const initFormAttrs = debounce(
+  () => {
+    if (props.formDesc) {
+      Object.keys(props.formDesc).forEach((field) => {
+        if (props.formDesc) {
+          const formItem = props.formDesc[field]
+          if (formItem && formItem.type) {
+            // 设置 _type
+            formItem._type = compTypeList.includes(formItem.type.toLowerCase()) ? 'el-plus-form-' + formItem.type : formItem.type
+            // 触发 v-if 显示 / 隐藏 设置_vif
+            formItem._vif = handelKeyValue(formItem, 'vif', field, !formItem.isBlank ?? true)
+            // 触发 disabled 禁用 / 启用 设置_disabled
+            formItem._disabled = handelKeyValue(formItem, 'disabled', field, props.disabled ?? false)
+            // 动态属性 attrs
+            const tempAttr = {} as any
+            // if ((typeof formItem.attrs === 'object' && formItem.attrs?.options) || formItem.options) {
+            //   tempAttr.options = (formItem.attrs as any)?.options || formItem.options
+            // }
+            formItem._attrs = Object.assign({}, handelKeyValue(formItem, 'attrs', field), tempAttr)
+            // 动态options
+            // formItem._options = handelKeyValue(formItem, 'options', field)
+            // 动态 _label
+            formItem._label = handelKeyValue(formItem, 'label', field)
+            // 动态 prop
+            // formItem._prop = handelKeyValue(formItem, 'prop', field);
+            // 动态 _tip
+            formItem._tip = handelKeyValue(formItem, 'tip', field)
+            // 单独处理下上传
+            if (!formItem._tip && !formItem.noTip && formItem.type === 'upload') {
+              formItem._tip = `最多上传${formItem.multiple ? formItem.limit || 20 : 1}${formItem.upType === 'file' ? '个文件' : '张图片'}`
+            }
+            // 这里初始化一下默认值
+            if (formItem.default !== undefined && formItem.default !== null && props.modelValue[field] === undefined) {
+              props.modelValue[field] = formItem.default
+            }
+            // 这里初始化一下默认选中项
+            if (formItem.defaultItem !== undefined && formItem.defaultItem !== null && props.modelValue[field] === undefined) {
+              props.modelValue[field] = formItem.defaultItem.value
             }
+            // 这里格式化一下数据
+            // if (formItem.format) {
+            // if (typeof formItem.format === 'string') {
+            //   props.modelValue[field] = elPlusFormFormat[formItem.format](props.modelValue[field], props.modelValue)
+            // } else if (typeof formItem.format === 'function') {
+            //   props.modelValue[field] = (formItem as any).format(props.modelValue[field], props.modelValue)
+            // } else {
+            //   // console.log('未知的格式化类型:', formItem.format)
+            // }
+            // }
+            // 这里最终处理一下auth权限问题
+            if (formItem.auth) {
+              if (!defaultConf.auth) {
+                console.warn('使用auth属性，请在crud注册时传入auth校验方法~')
+              } else {
+                formItem._vif = defaultConf.auth(formItem.auth)
+              }
+            }
+          } else if (formItem && formItem.isBlank) {
+            // 触发 v-if 显示 / 隐藏 设置_vif
+            formItem._vif = handelKeyValue(formItem, 'vif', '', true)
           }
-        } else if (formItem && formItem.isBlank) {
-          // 触发 v-if 显示 / 隐藏 设置_vif
-          formItem._vif = handelKeyValue(formItem, 'vif', '', true)
         }
-      }
-    })
-  }
-}, 100)
+      })
+    }
+  },
+  100,
+  { leading: true, trailing: false }
+)
 
 // 表单底部按钮
 const btnList = computed(() => {

package/lib/components/el-plus-table/ElPlusTable.vue

@@ -99,7 +99,7 @@ import { ref, reactive, onMounted, computed, watch, nextTick, useSlots, inject,
 import EleTabletHeader from './components/header.vue'
 import ElPlusTableColumn from './ElPlusTableColumn.vue'
 import { handelListColumn } from './util'
-import { cloneDeep, throttle } from 'lodash'
+import { cloneDeep, debounce } from 'lodash'
 import { Loading } from '@element-plus/icons-vue'
 import type { TableColumnCtx } from 'element-plus'
 import { ICRUDConfig, ITableConfig, ITableTabItem, ITreeProps } from 'types'
@@ -699,9 +699,13 @@ async function loadData(isInit: Boolean) {
   localLoading.value = false
 }
 
-const noticeInited = throttle(() => {
-  emits('inited', tableData.value)
-}, 1000)
+const noticeInited = debounce(
+  () => {
+    emits('inited', tableData.value)
+  },
+  400,
+  { leading: true, trailing: false }
+)
 
 /**
  * 渲染列表的选中项

package/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "el-plus-crud",
-  "version": "0.0.115",
+  "version": "0.0.116",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "el-plus-crud",
-      "version": "0.0.115",
+      "version": "0.0.116",
       "license": "MIT",
       "dependencies": {
         "@element-plus/icons-vue": "^2.1.0",

package/package.json

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