giime 0.0.11 → 0.0.13

package/es/components/src/business/customOperations/CustomOperations.vue2.mjs

@@ -1,87 +1,90 @@
-import { pushScopeId, popScopeId, createElementVNode, defineComponent, computed, ref, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode, toDisplayString, normalizeClass, TransitionGroup, createElementBlock, Fragment, renderList, unref } from 'vue';
+import { createElementVNode, defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode, toDisplayString, createCommentVNode, normalizeClass, createElementBlock, Fragment, renderList, unref } from 'vue';
 import { useCloned, useWindowSize } from '@vueuse/core';
 import '../../../../hooks/index.mjs';
+import { ElMessage } from 'element-plus';
 import { Rank } from '@element-plus/icons-vue';
 import { customOperationsProps } from './customOperations.mjs';
 import { useCustomSettingsStore } from '../../../../hooks/store/useCustomSettings/index.mjs';
 
-const _withScopeId = (n) => (pushScopeId("data-v-7b4ee322"), n = n(), popScopeId(), n);
-const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
-  "div",
-  { class: "drawer-title" },
-  "\u81EA\u5B9A\u4E49\u6309\u94AE",
-  -1
-  /* HOISTED */
-));
-const _hoisted_2 = { class: "drawer-alert gm-my-4 gm-flex gm-items-center gm-justify-between gm-rounded gm-border gm-border-cyan-300 gm-bg-cyan-50 gm-px-4 gm-text-sm gm-leading-[40px] gm-text-[#777]" };
-const _hoisted_3 = { class: "gm-flex gm-items-center" };
-const _hoisted_4 = { class: "gm-ml-2" };
-const _hoisted_5 = { class: "gm-text-cyan-500" };
-const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+const _hoisted_1 = { class: "drawer-alert gm-my-4 gm-flex gm-items-center gm-justify-between gm-rounded gm-border gm-border-cyan-300 gm-bg-cyan-50 gm-px-4 gm-text-sm gm-leading-[40px] gm-text-[#777]" };
+const _hoisted_2 = { class: "gm-flex gm-items-center" };
+const _hoisted_3 = { class: "gm-ml-2" };
+const _hoisted_4 = { class: "gm-text-cyan-500" };
+const _hoisted_5 = /* @__PURE__ */ createElementVNode(
   "b",
   { class: "gm-ml-3 gm-text-orange-400" },
   "\u70B9\u51FB\u6309\u94AE\u53EF\u4FEE\u6539\u5F53\u524D\u6309\u94AE\u989C\u8272\uFF01",
   -1
   /* HOISTED */
-));
-const _hoisted_7 = { class: "gm-flex gm-items-center gm-bg-gray-100 gm-font-bold gm-leading-[43px] gm-text-gray-500" };
-const _hoisted_8 = { class: "gm-flex gm-w-24 gm-items-center gm-justify-center gm-border-r gm-border-white" };
-const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+);
+const _hoisted_6 = { class: "p-1" };
+const _hoisted_7 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "text-[14px] gm-mb-2" },
+  "\u70B9\u51FB\u4E0B\u5217\u8272\u5757\u53EF\u4FEE\u6539\u6309\u94AE\u989C\u8272",
+  -1
+  /* HOISTED */
+);
+const _hoisted_8 = { class: "gm-flex gm-items-center gm-bg-gray-100 gm-font-bold gm-leading-[43px] gm-text-gray-500" };
+const _hoisted_9 = { class: "gm-flex gm-w-24 gm-items-center gm-justify-center gm-border-r gm-border-white" };
+const _hoisted_10 = /* @__PURE__ */ createElementVNode(
   "p",
   { class: "gm-ml-2" },
   "\u5168\u9009",
   -1
   /* HOISTED */
-));
-const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+);
+const _hoisted_11 = /* @__PURE__ */ createElementVNode(
   "li",
   { class: "gm-flex-1 gm-border-r gm-border-white" },
   "\u6309\u94AE",
   -1
   /* HOISTED */
-));
-const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+);
+const _hoisted_12 = /* @__PURE__ */ createElementVNode(
   "li",
   { class: "gm-w-32" },
   "\u62D6\u52A8\u8C03\u6574\u987A\u5E8F",
   -1
   /* HOISTED */
-));
-const _hoisted_12 = ["onDragstart", "onDragenter"];
-const _hoisted_13 = { class: "gm-flex gm-w-24 gm-items-center gm-justify-center gm-border-r gm-border-gray-200" };
-const _hoisted_14 = { class: "column-checked" };
-const _hoisted_15 = { class: "gm-flex-1 gm-border-r gm-border-gray-200" };
-const _hoisted_16 = { class: "p-1" };
-const _hoisted_17 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+);
+const _hoisted_13 = ["onDragstart", "onDragenter"];
+const _hoisted_14 = { class: "gm-flex gm-w-24 gm-items-center gm-justify-center gm-border-r gm-border-gray-200" };
+const _hoisted_15 = { class: "column-checked" };
+const _hoisted_16 = { class: "gm-flex-1 gm-border-r gm-border-gray-200" };
+const _hoisted_17 = { class: "p-1" };
+const _hoisted_18 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "text-[14px] gm-mb-2" },
   "\u70B9\u51FB\u4E0B\u5217\u8272\u5757\u53EF\u4FEE\u6539\u6309\u94AE\u989C\u8272",
   -1
   /* HOISTED */
-));
-const _hoisted_18 = { class: "gm-w-32" };
-const _hoisted_19 = { class: "drawer-footer-btn gm-flex gm-justify-between gm-border-t-2 gm-border-[#f2f2f2]" };
+);
+const _hoisted_19 = { class: "gm-w-32" };
+const _hoisted_20 = { class: "drawer-footer-btn gm-flex gm-justify-between gm-border-t-2 gm-border-[#f2f2f2]" };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "GmCustomOperations"
   },
   __name: "CustomOperations",
   props: customOperationsProps,
-  emits: ["update:drawer", "update:customList"],
+  emits: ["update:drawer", "update:customBtnList"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
     const useCustom = useCustomSettingsStore();
-    const gmCustomPage = computed(() => `gmCustom${props.page}`);
-    const gmCustomType = computed(() => `gmCustom${props.page}OperateList`);
+    const multipleTableRef = ref();
+    const multipleSelection = ref([]);
+    const operates = ref([]);
+    const gmCustomkeyWord = computed(() => `gmCustom${props.page}`);
+    const gmCustomType = computed(() => `OperateList`);
     const updateOperate = () => {
       const { cloned } = useCloned(operates.value);
-      const result = cloned.value.filter((v) => v.checked);
-      emit("update:customList", result);
+      const result = cloned.value.filter((v) => v.isShow);
+      emit("update:customBtnList", result);
     };
-    const operates = ref([]);
     const initOperate = async () => {
-      const { cloned: clonedStore } = useCloned(useCustom.customSettings[gmCustomType.value] || []);
+      const { cloned: clonedStore } = useCloned(useCustom.customSettings[gmCustomkeyWord.value][gmCustomType.value] || []);
       const { cloned: clonedProps } = useCloned(props.operateList);
       const column = [];
       clonedStore.value.forEach((v) => {
@@ -95,22 +98,25 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       operates.value = [...column, ...clonedProps.value];
       if (!clonedStore.value.length) {
         operates.value.forEach((v) => {
-          v.checked = true;
+          v.isShow = true;
         });
       }
       updateOperate();
     };
     const checkedNumber = computed(() => {
-      return operates.value.filter((v) => v.checked).length;
-    });
-    const checkedAll = computed(() => {
-      const result = operates.value.filter((v) => !v.checked);
-      return !result.length;
+      return operates.value.filter((v) => v.isShow).length;
     });
+    const checkedAll = computed(() => operates.value.every((v) => v.isShow));
+    const isIndeterminate = computed(() => !checkedAll.value && operates.value.some((v) => v.isShow));
+    const handleCheckAllChange = (val) => {
+      operates.value.forEach((v) => {
+        v.isShow = Boolean(val);
+      });
+    };
     const changeCheckbox = () => {
       if (!checkedAll.value) {
         operates.value.forEach((v) => {
-          v.checked = true;
+          v.isShow = true;
         });
       }
     };
@@ -132,8 +138,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (start.value === end.value)
         return;
       if (start.value && end.value) {
-        const oldIndex = operates.value.findIndex((v) => v.event === start.value?.event);
-        const newIndex = operates.value.findIndex((v) => v.event === end.value?.event);
+        const oldIndex = operates.value.findIndex((v) => v.prop === start.value?.prop);
+        const newIndex = operates.value.findIndex((v) => v.prop === end.value?.prop);
         const newItems = [...operates.value];
         newItems.splice(oldIndex, 1);
         newItems.splice(newIndex, 0, start.value);
@@ -148,15 +154,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const onSubmit = () => {
       useCustom.addListCustomInfo({
-        key_word: gmCustomPage.value,
+        key_word: gmCustomkeyWord.value,
         value: JSON.stringify(operates.value),
         type: gmCustomType.value
-      }).then((res) => {
-        if (res.code === 0) {
-          localStorage.setItem(gmCustomType.value, JSON.stringify(operates.value));
-          emit("update:drawer", false);
-          updateOperate();
-        }
+      }).then(() => {
+        emit("update:drawer", false);
+        updateOperate();
+        ElMessage.success("\u4FDD\u5B58\u6210\u529F");
       }).catch(() => {
       });
       emit("update:drawer", false);
@@ -166,32 +170,32 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     useCustom.onCustomResult(() => {
       initOperate();
     });
-    onMounted(() => {
-      useCustom.getCustomPage(gmCustomPage.value, gmCustomType.value);
+    onMounted(async () => {
+      useCustom.getCustomPage(gmCustomkeyWord.value, gmCustomType.value);
     });
     return (_ctx, _cache) => {
       const _component_i_ep_info_filled = resolveComponent("i-ep-info-filled");
       const _component_gm_icon = resolveComponent("gm-icon");
       const _component_gm_checkbox = resolveComponent("gm-checkbox");
+      const _component_el_table_column = resolveComponent("el-table-column");
       const _component_gm_button = resolveComponent("gm-button");
       const _component_gm_popover = resolveComponent("gm-popover");
+      const _component_gm_table_column = resolveComponent("gm-table-column");
+      const _component_gm_table = resolveComponent("gm-table");
       const _component_gm_drawer = resolveComponent("gm-drawer");
       return openBlock(), createBlock(_component_gm_drawer, {
-        title: "\u81EA\u5B9A\u4E49\u8868\u5934",
+        title: "\u81EA\u5B9A\u4E49\u6309\u94AE",
         "model-value": props.drawer,
-        "show-close": false,
         "close-on-click-modal": false,
         "close-on-press-escape": false,
-        "with-header": false,
         direction: "rtl",
         size: "500px",
         "append-to-body": "",
         "destroy-on-close": ""
       }, {
         default: withCtx(() => [
-          _hoisted_1,
-          createElementVNode("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
               createVNode(_component_gm_icon, null, {
                 default: withCtx(() => [
                   createVNode(_component_i_ep_info_filled)
@@ -199,182 +203,308 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
                 /* STABLE */
               }),
-              createElementVNode("p", _hoisted_4, [
+              createElementVNode("p", _hoisted_3, [
                 createTextVNode(" \u5DF2\u9009\u4E2D "),
                 createElementVNode(
                   "span",
-                  _hoisted_5,
+                  _hoisted_4,
                   toDisplayString(checkedNumber.value),
                   1
                   /* TEXT */
                 ),
                 createTextVNode(" \u9879 ")
               ]),
-              _hoisted_6
+              _hoisted_5
             ])
           ]),
+          createTextVNode(
+            " " + toDisplayString(multipleSelection.value) + " ",
+            1
+            /* TEXT */
+          ),
+          createVNode(_component_gm_table, {
+            ref_key: "multipleTableRef",
+            ref: multipleTableRef,
+            data: operates.value,
+            "header-cell-style": { background: "#F5F7FA", color: "#333" },
+            style: { "width": "100%" }
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_table_column, {
+                align: "left",
+                width: "80"
+              }, {
+                header: withCtx(() => [
+                  createVNode(_component_gm_checkbox, {
+                    "model-value": checkedAll.value,
+                    indeterminate: isIndeterminate.value,
+                    onChange: handleCheckAllChange
+                  }, null, 8, ["model-value", "indeterminate"])
+                ]),
+                default: withCtx((scope) => [
+                  createVNode(_component_gm_checkbox, {
+                    modelValue: scope.row.isShow,
+                    "onUpdate:modelValue": ($event) => scope.row.isShow = $event
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createVNode(_component_gm_table_column, { label: "\u6309\u94AE" }, {
+                default: withCtx(({ row }) => [
+                  createVNode(
+                    _component_gm_popover,
+                    {
+                      placement: "bottom",
+                      width: 330,
+                      trigger: "click"
+                    },
+                    {
+                      reference: withCtx(() => [
+                        createVNode(_component_gm_button, {
+                          type: row.type || "primary",
+                          link: "",
+                          size: "small"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(
+                              toDisplayString(row.label),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["type"])
+                      ]),
+                      default: withCtx(() => [
+                        createElementVNode("div", _hoisted_6, [
+                          _hoisted_7,
+                          createVNode(_component_gm_button, {
+                            type: "primary",
+                            size: "small",
+                            onClick: ($event) => setBtnType(row, "primary")
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(" \u84DD\u8272 ")
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["onClick"]),
+                          createVNode(_component_gm_button, {
+                            type: "success",
+                            size: "small",
+                            onClick: ($event) => setBtnType(row, "success")
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(" \u7EFF\u8272 ")
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["onClick"]),
+                          createVNode(_component_gm_button, {
+                            type: "info",
+                            size: "small",
+                            onClick: ($event) => setBtnType(row, "info")
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(" \u7070\u8272 ")
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["onClick"]),
+                          createVNode(_component_gm_button, {
+                            type: "warning",
+                            size: "small",
+                            onClick: ($event) => setBtnType(row, "warning")
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(" \u6A59\u8272 ")
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["onClick"]),
+                          createVNode(_component_gm_button, {
+                            type: "danger",
+                            size: "small",
+                            onClick: ($event) => setBtnType(row, "danger")
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(" \u7EA2\u8272 ")
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["onClick"])
+                        ])
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    },
+                    1024
+                    /* DYNAMIC_SLOTS */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createCommentVNode(' <gm-table-column prop="address" label="Address" show-overflow-tooltip /> ')
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["data"]),
           createElementVNode(
             "div",
             {
-              id: "column-wrap",
               class: normalizeClass(["gm-border gm-text-center gm-text-sm", columnClass.value])
             },
             [
-              createElementVNode("ul", _hoisted_7, [
-                createElementVNode("li", _hoisted_8, [
+              createElementVNode("ul", _hoisted_8, [
+                createElementVNode("li", _hoisted_9, [
                   createVNode(_component_gm_checkbox, {
                     "model-value": checkedAll.value,
                     size: "large",
                     onChange: changeCheckbox
                   }, null, 8, ["model-value"]),
-                  _hoisted_9
+                  _hoisted_10
                 ]),
-                _hoisted_10,
-                _hoisted_11
+                _hoisted_11,
+                _hoisted_12
               ]),
-              createVNode(TransitionGroup, {
-                id: "column-group",
-                name: "sort",
-                tag: "div"
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(
-                    Fragment,
-                    null,
-                    renderList(operates.value, (item) => {
-                      return openBlock(), createElementBlock("ul", {
-                        key: item.event,
-                        class: "gm-flex gm-items-center gm-border-t gm-border-gray-200 gm-leading-[40px] gm-text-gray-800",
-                        draggable: true,
-                        onDragstart: ($event) => dragstart(item),
-                        onDragenter: ($event) => dragenter(item, $event),
-                        onDragend: dragend,
-                        onDragover: _cache[0] || (_cache[0] = ($event) => dragover($event))
-                      }, [
-                        createElementVNode("li", _hoisted_13, [
-                          createElementVNode("div", _hoisted_14, [
-                            createVNode(_component_gm_checkbox, {
-                              modelValue: item.checked,
-                              "onUpdate:modelValue": ($event) => item.checked = $event,
-                              size: "large"
-                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                          ])
-                        ]),
-                        createElementVNode("li", _hoisted_15, [
-                          createVNode(
-                            _component_gm_popover,
-                            {
-                              placement: "bottom",
-                              width: 330,
-                              trigger: "click"
-                            },
-                            {
-                              reference: withCtx(() => [
+              createElementVNode("div", null, [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(operates.value, (item) => {
+                    return openBlock(), createElementBlock("ul", {
+                      key: item.prop,
+                      class: "gm-flex gm-items-center gm-border-t gm-border-gray-200 gm-leading-[40px] gm-text-gray-800",
+                      draggable: true,
+                      onDragstart: ($event) => dragstart(item),
+                      onDragenter: ($event) => dragenter(item, $event),
+                      onDragend: dragend,
+                      onDragover: _cache[0] || (_cache[0] = ($event) => dragover($event))
+                    }, [
+                      createElementVNode("li", _hoisted_14, [
+                        createElementVNode("div", _hoisted_15, [
+                          createVNode(_component_gm_checkbox, {
+                            modelValue: item.isShow,
+                            "onUpdate:modelValue": ($event) => item.isShow = $event,
+                            size: "large"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                        ])
+                      ]),
+                      createElementVNode("li", _hoisted_16, [
+                        createVNode(
+                          _component_gm_popover,
+                          {
+                            placement: "bottom",
+                            width: 330,
+                            trigger: "click"
+                          },
+                          {
+                            reference: withCtx(() => [
+                              createVNode(_component_gm_button, {
+                                type: item.type || "primary",
+                                link: "",
+                                size: "small"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(
+                                    toDisplayString(item.label),
+                                    1
+                                    /* TEXT */
+                                  )
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["type"])
+                            ]),
+                            default: withCtx(() => [
+                              createElementVNode("div", _hoisted_17, [
+                                _hoisted_18,
                                 createVNode(_component_gm_button, {
-                                  type: item.type || "primary",
-                                  link: "",
-                                  size: "small"
+                                  type: "primary",
+                                  size: "small",
+                                  onClick: ($event) => setBtnType(item, "primary")
                                 }, {
                                   default: withCtx(() => [
-                                    createTextVNode(
-                                      toDisplayString(item.label),
-                                      1
-                                      /* TEXT */
-                                    )
+                                    createTextVNode(" \u84DD\u8272 ")
                                   ]),
                                   _: 2
                                   /* DYNAMIC */
-                                }, 1032, ["type"])
-                              ]),
-                              default: withCtx(() => [
-                                createElementVNode("div", _hoisted_16, [
-                                  _hoisted_17,
-                                  createVNode(_component_gm_button, {
-                                    type: "primary",
-                                    size: "small",
-                                    onClick: ($event) => setBtnType(item, "primary")
-                                  }, {
-                                    default: withCtx(() => [
-                                      createTextVNode(" \u84DD\u8272 ")
-                                    ]),
-                                    _: 2
-                                    /* DYNAMIC */
-                                  }, 1032, ["onClick"]),
-                                  createVNode(_component_gm_button, {
-                                    type: "success",
-                                    size: "small",
-                                    onClick: ($event) => setBtnType(item, "success")
-                                  }, {
-                                    default: withCtx(() => [
-                                      createTextVNode(" \u7EFF\u8272 ")
-                                    ]),
-                                    _: 2
-                                    /* DYNAMIC */
-                                  }, 1032, ["onClick"]),
-                                  createVNode(_component_gm_button, {
-                                    type: "info",
-                                    size: "small",
-                                    onClick: ($event) => setBtnType(item, "info")
-                                  }, {
-                                    default: withCtx(() => [
-                                      createTextVNode(" \u7070\u8272 ")
-                                    ]),
-                                    _: 2
-                                    /* DYNAMIC */
-                                  }, 1032, ["onClick"]),
-                                  createVNode(_component_gm_button, {
-                                    type: "warning",
-                                    size: "small",
-                                    onClick: ($event) => setBtnType(item, "warning")
-                                  }, {
-                                    default: withCtx(() => [
-                                      createTextVNode(" \u6A59\u8272 ")
-                                    ]),
-                                    _: 2
-                                    /* DYNAMIC */
-                                  }, 1032, ["onClick"]),
-                                  createVNode(_component_gm_button, {
-                                    type: "danger",
-                                    size: "small",
-                                    onClick: ($event) => setBtnType(item, "danger")
-                                  }, {
-                                    default: withCtx(() => [
-                                      createTextVNode(" \u7EA2\u8272 ")
-                                    ]),
-                                    _: 2
-                                    /* DYNAMIC */
-                                  }, 1032, ["onClick"])
-                                ])
-                              ]),
-                              _: 2
-                              /* DYNAMIC */
-                            },
-                            1024
-                            /* DYNAMIC_SLOTS */
-                          )
-                        ]),
-                        createElementVNode("li", _hoisted_18, [
-                          createVNode(_component_gm_button, {
-                            type: "primary",
-                            link: "",
-                            size: "default",
-                            icon: unref(Rank)
-                          }, null, 8, ["icon"])
-                        ])
-                      ], 40, _hoisted_12);
-                    }),
-                    128
-                    /* KEYED_FRAGMENT */
-                  ))
-                ]),
-                _: 1
-                /* STABLE */
-              })
+                                }, 1032, ["onClick"]),
+                                createVNode(_component_gm_button, {
+                                  type: "success",
+                                  size: "small",
+                                  onClick: ($event) => setBtnType(item, "success")
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode(" \u7EFF\u8272 ")
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1032, ["onClick"]),
+                                createVNode(_component_gm_button, {
+                                  type: "info",
+                                  size: "small",
+                                  onClick: ($event) => setBtnType(item, "info")
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode(" \u7070\u8272 ")
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1032, ["onClick"]),
+                                createVNode(_component_gm_button, {
+                                  type: "warning",
+                                  size: "small",
+                                  onClick: ($event) => setBtnType(item, "warning")
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode(" \u6A59\u8272 ")
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1032, ["onClick"]),
+                                createVNode(_component_gm_button, {
+                                  type: "danger",
+                                  size: "small",
+                                  onClick: ($event) => setBtnType(item, "danger")
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode(" \u7EA2\u8272 ")
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1032, ["onClick"])
+                              ])
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          },
+                          1024
+                          /* DYNAMIC_SLOTS */
+                        )
+                      ]),
+                      createElementVNode("li", _hoisted_19, [
+                        createVNode(_component_gm_button, {
+                          type: "primary",
+                          link: "",
+                          size: "default",
+                          icon: unref(Rank)
+                        }, null, 8, ["icon"])
+                      ])
+                    ], 40, _hoisted_13);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
             ],
             2
             /* CLASS */
           ),
-          createElementVNode("div", _hoisted_19, [
+          createElementVNode("div", _hoisted_20, [
             createVNode(_component_gm_button, {
               type: "primary",
               size: "default",