giime 0.0.12 → 0.0.14

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

@@ -1,380 +1,117 @@
-import { pushScopeId, popScopeId, createElementVNode, defineComponent, computed, ref, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode, toDisplayString, normalizeClass, TransitionGroup, createElementBlock, Fragment, renderList, unref } from 'vue';
-import { useCloned, useWindowSize } from '@vueuse/core';
+import { createElementVNode, defineComponent, mergeModels, useModel, computed, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode, toDisplayString, unref, createCommentVNode } from 'vue';
 import '../../../../hooks/index.mjs';
-import { Rank } from '@element-plus/icons-vue';
+import { ElMessage } from 'element-plus';
+import { cloneDeep } from 'lodash-es';
+import { useCloned } from '@vueuse/core';
 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-mb-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(
-  "p",
-  { class: "gm-ml-2" },
-  "\u5168\u9009",
-  -1
-  /* HOISTED */
-));
-const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
-  "li",
-  { class: "gm-flex-1 gm-border-r gm-border-white" },
-  "\u6309\u94AE",
-  -1
-  /* HOISTED */
-));
-const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__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_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_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_8 = { class: "gm-flex gm-justify-between" };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "GmCustomOperations"
   },
   __name: "CustomOperations",
-  props: customOperationsProps,
-  emits: ["update:drawer", "update:customList"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
+  props: /* @__PURE__ */ mergeModels(customOperationsProps, {
+    "isShowDrawer": { type: Boolean, ...{
+      required: true
+    } },
+    "isShowDrawerModifiers": {},
+    "customBtnList": {
+      required: true
+    },
+    "customBtnListModifiers": {}
+  }),
+  emits: ["update:isShowDrawer", "update:customBtnList"],
+  setup(__props) {
+    const isShowDrawer = useModel(__props, "isShowDrawer");
+    const customBtnList = useModel(__props, "customBtnList");
+    const { cloned: clonedCustomBtnList } = useCloned(customBtnList);
     const props = __props;
+    const defaultPropsList = computed(() => cloneDeep(props.customDefaultPropsList));
     const useCustom = useCustomSettingsStore();
-    const gmCustomPage = computed(() => `gmCustom${props.page}`);
-    const gmCustomType = computed(() => `gmCustom${props.page}OperateList`);
+    const gmCustomkeyWord = computed(() => `gmCustom${props.page}`);
+    const gmCustomType = computed(() => `OperateList2`);
     const updateOperate = () => {
-      const { cloned } = useCloned(operates.value);
-      const result = cloned.value.filter((v) => v.checked);
-      emit("update:customList", result);
+      customBtnList.value = clonedCustomBtnList.value;
     };
-    const operates = ref([]);
     const initOperate = async () => {
-      const { cloned: clonedStore } = useCloned(useCustom.customSettings[gmCustomType.value] || []);
-      const { cloned: clonedProps } = useCloned(props.operateList);
-      const column = [];
-      clonedStore.value.forEach((v) => {
-        const index = clonedProps.value.findIndex((h) => h.prop === v.prop);
-        if (index > -1) {
-          const item = clonedProps.value.splice(index, 1)[0];
-          const { label } = item;
-          column.push({ ...v, ...item, label });
-        }
-      });
-      operates.value = [...column, ...clonedProps.value];
-      if (!clonedStore.value.length) {
-        operates.value.forEach((v) => {
-          v.checked = 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 clonedCustomBtnList.value.filter((v) => v.isShow).length;
     });
-    const changeCheckbox = () => {
-      if (!checkedAll.value) {
-        operates.value.forEach((v) => {
-          v.checked = true;
-        });
-      }
-    };
-    const { height } = useWindowSize();
-    const columnClass = computed(() => {
-      const h = props.operateList.length * 43;
-      return h > height.value - 270 ? "column-class" : "";
-    });
-    const start = ref();
-    const end = ref();
-    const dragstart = (item) => {
-      start.value = item;
-    };
-    const dragenter = (item, e) => {
-      end.value = item;
-      e.preventDefault();
-    };
-    const dragend = () => {
-      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 newItems = [...operates.value];
-        newItems.splice(oldIndex, 1);
-        newItems.splice(newIndex, 0, start.value);
-        operates.value = [...newItems];
-      }
-    };
-    const dragover = (e) => {
-      e.preventDefault();
+    const checkedAll = computed(() => clonedCustomBtnList.value.every((v) => v.isShow));
+    const isIndeterminate = computed(() => !checkedAll.value && clonedCustomBtnList.value.some((v) => v.isShow));
+    const handleCheckAllChange = (val) => {
+      clonedCustomBtnList.value.forEach((v) => {
+        v.isShow = Boolean(val);
+      });
     };
     const setBtnType = (item, type) => {
       item.type = type;
     };
     const onSubmit = () => {
       useCustom.addListCustomInfo({
-        key_word: gmCustomPage.value,
-        value: JSON.stringify(operates.value),
+        key_word: gmCustomkeyWord.value,
+        value: JSON.stringify(clonedCustomBtnList.value),
         type: gmCustomType.value
-      }).then((res) => {
-        if (res.code === 0) {
-          localStorage.setItem(gmCustomType.value, JSON.stringify(operates.value));
-          emit("update:drawer", false);
-          updateOperate();
-        }
+      }).then(() => {
+        isShowDrawer.value = false;
+        updateOperate();
+        ElMessage.success("\u4FDD\u5B58\u6210\u529F");
       }).catch(() => {
       });
-      emit("update:drawer", false);
+      isShowDrawer.value = false;
     };
     const onReset = () => {
     };
     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",
-        "model-value": props.drawer,
-        "show-close": false,
-        "close-on-click-modal": false,
-        "close-on-press-escape": false,
-        "with-header": false,
+        modelValue: isShowDrawer.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isShowDrawer.value = $event),
+        title: "\u81EA\u5B9A\u4E49\u6309\u94AE",
         direction: "rtl",
         size: "500px",
         "append-to-body": "",
         "destroy-on-close": ""
       }, {
-        default: withCtx(() => [
-          _hoisted_1,
-          createElementVNode("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, [
-              createVNode(_component_gm_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_i_ep_info_filled)
-                ]),
-                _: 1
-                /* STABLE */
-              }),
-              createElementVNode("p", _hoisted_4, [
-                createTextVNode(" \u5DF2\u9009\u4E2D "),
-                createElementVNode(
-                  "span",
-                  _hoisted_5,
-                  toDisplayString(checkedNumber.value),
-                  1
-                  /* TEXT */
-                ),
-                createTextVNode(" \u9879 ")
-              ]),
-              _hoisted_6
-            ])
-          ]),
-          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, [
-                  createVNode(_component_gm_checkbox, {
-                    "model-value": checkedAll.value,
-                    size: "large",
-                    onChange: changeCheckbox
-                  }, null, 8, ["model-value"]),
-                  _hoisted_9
-                ]),
-                _hoisted_10,
-                _hoisted_11
-              ]),
-              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(() => [
-                                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_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 */
-              })
-            ],
-            2
-            /* CLASS */
-          ),
-          createElementVNode("div", _hoisted_19, [
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_8, [
             createVNode(_component_gm_button, {
               type: "primary",
               size: "default",
@@ -389,7 +126,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", null, [
               createVNode(_component_gm_button, {
                 size: "default",
-                onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:drawer", false))
+                onClick: _cache[0] || (_cache[0] = ($event) => isShowDrawer.value = false)
               }, {
                 default: withCtx(() => [
                   createTextVNode("\u53D6\u6D88")
@@ -411,9 +148,162 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ])
         ]),
+        default: withCtx(() => [
+          createElementVNode("section", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(_component_gm_icon, null, {
+                default: withCtx(() => [
+                  createVNode(_component_i_ep_info_filled)
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createElementVNode("p", _hoisted_3, [
+                createTextVNode(" \u5DF2\u9009\u4E2D "),
+                createElementVNode(
+                  "span",
+                  _hoisted_4,
+                  toDisplayString(checkedNumber.value),
+                  1
+                  /* TEXT */
+                ),
+                createTextVNode(" \u9879 ")
+              ]),
+              _hoisted_5
+            ])
+          ]),
+          createVNode(_component_gm_table, {
+            data: unref(clonedCustomBtnList),
+            "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(({ row }) => [
+                  createVNode(_component_gm_checkbox, {
+                    modelValue: row.isShow,
+                    "onUpdate:modelValue": ($event) => 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"])
+        ]),
         _: 1
         /* STABLE */
-      }, 8, ["model-value"]);
+      }, 8, ["modelValue"]);
     };
   }
 });