cosey 0.4.44 → 0.4.46

package/components/table/table-column/renderer.js

@@ -1,12 +1,12 @@
-import { createVNode, mergeProps, ref, isVNode } from 'vue';
-import { ElLink, ElSwitch, ElMessage, ElTag } from 'element-plus';
+import { defineComponent, ref, createVNode, mergeProps, isVNode } from 'vue';
+import { ElSwitch, ElMessage, ElLink, ElTag } from 'element-plus';
 import { get } from 'lodash-es';
 import { LongText as _LongText } from '../../long-text/index.js';
 import { MediaCard as _MediaCard } from '../../media-card/index.js';
 import { MediaCardGroup as _MediaCardGroup } from '../../media-card-group/index.js';
 import { isEmpty, isString } from '../../../utils/is.js';
-import { Scope, getVNodeText } from '../../../utils/vue.js';
 import { formatToDate, formatToDateTime } from '../../../utils/date.js';
+import { getVNodeText } from '../../../utils/vue.js';
 import { toArray } from '../../../utils/array.js';
 
 function _isSlot(s) {
@@ -25,6 +25,37 @@ const mapRendererColumnProps = {
     className: "is-tag"
   }
 };
+const AsyncSwitch = defineComponent({
+  props: {
+    value: [String, Number, Boolean],
+    props: Object,
+    api: Function,
+    row: Object,
+    t: Function
+  },
+  setup(props) {
+    const loading = ref(false);
+    const value = ref(props.value);
+    return () => createVNode(ElSwitch, mergeProps(props.props, {
+      "model-value": value.value,
+      "loading": loading.value,
+      "validateEvent": false,
+      "onChange": async val => {
+        if (loading.value) {
+          return;
+        }
+        loading.value = true;
+        try {
+          await props.api?.(val, props.row);
+          value.value = val;
+          ElMessage.success(props.t?.("co.common.editSuccess"));
+        } catch {} finally {
+          loading.value = false;
+        }
+      }
+    }), null);
+  }
+});
 function renderer({
   cellValue,
   row,
@@ -74,25 +105,13 @@ function renderer({
       }, obj.props), null);
     case "switch":
       {
-        const loading = ref(false);
-        const value = ref(cellValue);
-        return createVNode(Scope, null, {
-          default: () => [createVNode(ElSwitch, mergeProps(obj.props, {
-            "model-value": value.value,
-            "loading": loading.value,
-            "validateEvent": false,
-            "onChange": async val => {
-              loading.value = true;
-              try {
-                await obj.api?.(val, row);
-                value.value = val;
-                ElMessage.success(t("co.common.editSuccess"));
-              } catch {} finally {
-                loading.value = false;
-              }
-            }
-          }), null)]
-        });
+        return createVNode(AsyncSwitch, {
+          "value": cellValue,
+          "props": obj.props,
+          "api": obj.api,
+          "row": row,
+          "t": t
+        }, null);
       }
     case "click":
       return createVNode(ElLink, mergeProps({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosey",
-  "version": "0.4.44",
+  "version": "0.4.46",
   "description": "基于 Vue3 + vite 的后台管理系统框架",
   "type": "module",
   "main": "index.js",