bl-common-vue3 3.7.173 → 3.7.174

package/lib/vue3common.common.js

@@ -149226,7 +149226,7 @@ module.exports = uncurryThis([].slice);
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","amd":"vue","root":"vue"}
 var external_commonjs_vue_commonjs2_vue_amd_vue_root_vue_ = __webpack_require__("8bbf");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/ExtraManage/index.vue?vue&type=template&id=fa330f24
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/ExtraManage/index.vue?vue&type=template&id=6348444b
 
 const _hoisted_1 = {
   key: 0
@@ -149272,9 +149272,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "column-status": Object(external_commonjs_vue_commonjs2_vue_amd_vue_root_vue_["withCtx"])(({
         record
       }) => [Object(external_commonjs_vue_commonjs2_vue_amd_vue_root_vue_["createVNode"])(_component_a_switch, {
-        checked: _ctx.getStatusValue(record),
-        checkedValue: 1,
-        unCheckedValue: 0,
+        checked: _ctx.getStatusChecked(record),
         onChange: $event => _ctx.statusChange(record, $event)
       }, null, 8, ["checked", "onChange"])]),
       "column-action": Object(external_commonjs_vue_commonjs2_vue_amd_vue_root_vue_["withCtx"])(({
@@ -149331,7 +149329,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["title", "visible", "onClose"]);
 }
-// CONCATENATED MODULE: ./src/components/ExtraManage/index.vue?vue&type=template&id=fa330f24
+// CONCATENATED MODULE: ./src/components/ExtraManage/index.vue?vue&type=template&id=6348444b
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/ExtraManage/components/ExtraManageEdit.vue?vue&type=template&id=730a8392&scoped=true
 
@@ -150323,7 +150321,7 @@ const CustomTable = Object(external_commonjs_vue_commonjs2_vue_amd_vue_root_vue_
       editVisible: false,
       editId: 0,
       customTable: null,
-      statusMap: {}
+      statusPendingMap: {}
     });
     const closeModal = () => {
       emit("closeModal");
@@ -150494,39 +150492,53 @@ const CustomTable = Object(external_commonjs_vue_commonjs2_vue_amd_vue_root_vue_
       const newLang = event.newValue; // 获取新的语言值
       Object(locale["d" /* loadLanguageAsync */])(newLang);
     });
-    const getStatusValue = record => {
+    const getStatusChecked = record => {
       const key = record === null || record === void 0 ? void 0 : record.id;
-      if (Object.prototype.hasOwnProperty.call(state.statusMap, key)) {
-        return state.statusMap[key];
+      if (Object.prototype.hasOwnProperty.call(state.statusPendingMap, key)) {
+        return state.statusPendingMap[key] === 1;
       }
-      return Number(record === null || record === void 0 ? void 0 : record.status) === 1 ? 1 : 0;
+      return Number(record === null || record === void 0 ? void 0 : record.status) === 1;
     };
-    const statusChange = (record, checked) => {
+    const requestAfterSwitchPaint = async callback => {
+      await Object(external_commonjs_vue_commonjs2_vue_amd_vue_root_vue_["nextTick"])();
+      if (window.requestAnimationFrame) {
+        window.requestAnimationFrame(() => {
+          window.setTimeout(callback, 0);
+        });
+        return;
+      }
+      window.setTimeout(callback, 0);
+    };
+    const statusChange = async (record, checked) => {
       const status = checked ? 1 : 0;
-      const oldStatus = getStatusValue(record);
-      state.statusMap[record.id] = status;
+      const oldStatus = Number(record.status) === 1 ? 1 : 0;
+      state.statusPendingMap[record.id] = status;
       record.status = status;
       const params = {
         ...record,
         status
       };
-      // 编辑
-      emit("request", {
-        params: {
-          method: 'put',
-          server: props.requestAllInfo.edit.service,
-          url: props.requestAllInfo.edit.serviceUrl.replace(/\${id}/g, record.id),
-          extra: {
-            ...params
+      await requestAfterSwitchPaint(() => {
+        // 编辑
+        emit("request", {
+          params: {
+            method: 'put',
+            server: props.requestAllInfo.edit.service,
+            url: props.requestAllInfo.edit.serviceUrl.replace(/\${id}/g, record.id),
+            extra: {
+              ...params
+            }
+          },
+          success: res => {
+            delete state.statusPendingMap[record.id];
+            record.status = status;
+            external_commonjs_ant_design_vue_commonjs2_ant_design_vue_amd_ant_design_vue_root_ant_design_vue_["message"].success((res === null || res === void 0 ? void 0 : res.msg) || Object(locale["e" /* t */])('common.save.success'));
+          },
+          fail: () => {
+            delete state.statusPendingMap[record.id];
+            record.status = oldStatus;
           }
-        },
-        success: res => {
-          external_commonjs_ant_design_vue_commonjs2_ant_design_vue_amd_ant_design_vue_root_ant_design_vue_["message"].success((res === null || res === void 0 ? void 0 : res.msg) || Object(locale["e" /* t */])('common.save.success'));
-        },
-        fail: () => {
-          state.statusMap[record.id] = oldStatus;
-          record.status = oldStatus;
-        }
+        });
       });
     };
     return {
@@ -150541,7 +150553,7 @@ const CustomTable = Object(external_commonjs_vue_commonjs2_vue_amd_vue_root_vue_
       handleDelete,
       handleEdit,
       editSuccess,
-      getStatusValue,
+      getStatusChecked,
       statusChange
     };
   }

package/lib/vue3common.umd.js

@@ -149235,7 +149235,7 @@ module.exports = uncurryThis([].slice);
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","amd":"vue","root":"vue"}
 var external_commonjs_vue_commonjs2_vue_amd_vue_root_vue_ = __webpack_require__("8bbf");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/ExtraManage/index.vue?vue&type=template&id=fa330f24
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/ExtraManage/index.vue?vue&type=template&id=6348444b
 
 const _hoisted_1 = {
   key: 0
@@ -149281,9 +149281,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "column-status": Object(external_commonjs_vue_commonjs2_vue_amd_vue_root_vue_["withCtx"])(({
         record
       }) => [Object(external_commonjs_vue_commonjs2_vue_amd_vue_root_vue_["createVNode"])(_component_a_switch, {
-        checked: _ctx.getStatusValue(record),
-        checkedValue: 1,
-        unCheckedValue: 0,
+        checked: _ctx.getStatusChecked(record),
         onChange: $event => _ctx.statusChange(record, $event)
       }, null, 8, ["checked", "onChange"])]),
       "column-action": Object(external_commonjs_vue_commonjs2_vue_amd_vue_root_vue_["withCtx"])(({
@@ -149340,7 +149338,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["title", "visible", "onClose"]);
 }
-// CONCATENATED MODULE: ./src/components/ExtraManage/index.vue?vue&type=template&id=fa330f24
+// CONCATENATED MODULE: ./src/components/ExtraManage/index.vue?vue&type=template&id=6348444b
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/ExtraManage/components/ExtraManageEdit.vue?vue&type=template&id=730a8392&scoped=true
 
@@ -150332,7 +150330,7 @@ const CustomTable = Object(external_commonjs_vue_commonjs2_vue_amd_vue_root_vue_
       editVisible: false,
       editId: 0,
       customTable: null,
-      statusMap: {}
+      statusPendingMap: {}
     });
     const closeModal = () => {
       emit("closeModal");
@@ -150503,39 +150501,53 @@ const CustomTable = Object(external_commonjs_vue_commonjs2_vue_amd_vue_root_vue_
       const newLang = event.newValue; // 获取新的语言值
       Object(locale["d" /* loadLanguageAsync */])(newLang);
     });
-    const getStatusValue = record => {
+    const getStatusChecked = record => {
       const key = record === null || record === void 0 ? void 0 : record.id;
-      if (Object.prototype.hasOwnProperty.call(state.statusMap, key)) {
-        return state.statusMap[key];
+      if (Object.prototype.hasOwnProperty.call(state.statusPendingMap, key)) {
+        return state.statusPendingMap[key] === 1;
       }
-      return Number(record === null || record === void 0 ? void 0 : record.status) === 1 ? 1 : 0;
+      return Number(record === null || record === void 0 ? void 0 : record.status) === 1;
     };
-    const statusChange = (record, checked) => {
+    const requestAfterSwitchPaint = async callback => {
+      await Object(external_commonjs_vue_commonjs2_vue_amd_vue_root_vue_["nextTick"])();
+      if (window.requestAnimationFrame) {
+        window.requestAnimationFrame(() => {
+          window.setTimeout(callback, 0);
+        });
+        return;
+      }
+      window.setTimeout(callback, 0);
+    };
+    const statusChange = async (record, checked) => {
       const status = checked ? 1 : 0;
-      const oldStatus = getStatusValue(record);
-      state.statusMap[record.id] = status;
+      const oldStatus = Number(record.status) === 1 ? 1 : 0;
+      state.statusPendingMap[record.id] = status;
       record.status = status;
       const params = {
         ...record,
         status
       };
-      // 编辑
-      emit("request", {
-        params: {
-          method: 'put',
-          server: props.requestAllInfo.edit.service,
-          url: props.requestAllInfo.edit.serviceUrl.replace(/\${id}/g, record.id),
-          extra: {
-            ...params
+      await requestAfterSwitchPaint(() => {
+        // 编辑
+        emit("request", {
+          params: {
+            method: 'put',
+            server: props.requestAllInfo.edit.service,
+            url: props.requestAllInfo.edit.serviceUrl.replace(/\${id}/g, record.id),
+            extra: {
+              ...params
+            }
+          },
+          success: res => {
+            delete state.statusPendingMap[record.id];
+            record.status = status;
+            external_commonjs_ant_design_vue_commonjs2_ant_design_vue_amd_ant_design_vue_root_ant_design_vue_["message"].success((res === null || res === void 0 ? void 0 : res.msg) || Object(locale["e" /* t */])('common.save.success'));
+          },
+          fail: () => {
+            delete state.statusPendingMap[record.id];
+            record.status = oldStatus;
           }
-        },
-        success: res => {
-          external_commonjs_ant_design_vue_commonjs2_ant_design_vue_amd_ant_design_vue_root_ant_design_vue_["message"].success((res === null || res === void 0 ? void 0 : res.msg) || Object(locale["e" /* t */])('common.save.success'));
-        },
-        fail: () => {
-          state.statusMap[record.id] = oldStatus;
-          record.status = oldStatus;
-        }
+        });
       });
     };
     return {
@@ -150550,7 +150562,7 @@ const CustomTable = Object(external_commonjs_vue_commonjs2_vue_amd_vue_root_vue_
       handleDelete,
       handleEdit,
       editSuccess,
-      getStatusValue,
+      getStatusChecked,
       statusChange
     };
   }