giime 0.6.26 → 0.6.28

package/es/components/src/composite/tableCustom/customOperate/CustomOperate.vue2.mjs

@@ -0,0 +1,469 @@
+import { createElementVNode, defineComponent, mergeModels, useModel, ref, computed, watch, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode, unref, toDisplayString, normalizeStyle, TransitionGroup, createElementBlock, Fragment, renderList } from 'vue';
+import '../../../../../hooks/index.mjs';
+import { cloneDeep } from 'lodash-es';
+import { useCloned } from '@vueuse/core';
+import { InfoFilled, Rank } from '@element-plus/icons-vue';
+import { customOperateProps } from './customOperate.mjs';
+import { useCustomSettingsStore } from '../../../../../hooks/store/useCustomSettings/index.mjs';
+
+const _hoisted_1 = { class: "gm-mb-4 gm-flex gm-items-center gm-gap-2 gm-rounded gm-border gm-border-cyan-300 gm-bg-cyan-50 gm-p-2 gm-text-sm gm-text-[#777]" };
+const _hoisted_2 = { class: "gm-text-cyan-500" };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "gm-font-bold gm-text-amber-400" },
+  "\u70B9\u51FB\u6309\u94AE\u53EF\u4FEE\u6539\u5F53\u524D\u6309\u94AE\u989C\u8272\uFF01",
+  -1
+  /* HOISTED */
+);
+const _hoisted_4 = { class: "custom-content gm-text-sm" };
+const _hoisted_5 = { class: "gm-flex gm-w-14 gm-justify-center" };
+const _hoisted_6 = /* @__PURE__ */ createElementVNode(
+  "li",
+  { class: "gm-flex-1 gm-border-l gm-border-white" },
+  "\u5217\u540D",
+  -1
+  /* HOISTED */
+);
+const _hoisted_7 = /* @__PURE__ */ createElementVNode(
+  "li",
+  { class: "gm-w-32 gm-border-l gm-border-white" },
+  "\u62D6\u5730\u8C03\u6574\u987A\u5E8F",
+  -1
+  /* HOISTED */
+);
+const _hoisted_8 = ["onDragstart", "onDragenter"];
+const _hoisted_9 = { class: "gm-flex gm-w-14 gm-justify-center" };
+const _hoisted_10 = { class: "gm-flex-1 gm-border-l gm-border-gray-200" };
+const _hoisted_11 = { class: "p-1" };
+const _hoisted_12 = /* @__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_13 = { class: "gm-w-32 gm-cursor-grabbing gm-border-l gm-border-gray-200" };
+const _hoisted_14 = { class: "gm-flex gm-justify-between" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "GmCustomOperate"
+  },
+  __name: "CustomOperate",
+  props: /* @__PURE__ */ mergeModels(customOperateProps, {
+    "isShowDrawer": { type: Boolean, ...{
+      required: true
+    } },
+    "isShowDrawerModifiers": {},
+    "customBtnPropsList": {
+      required: true
+    },
+    "customBtnPropsListModifiers": {}
+  }),
+  emits: ["update:isShowDrawer", "update:customBtnPropsList"],
+  setup(__props, { expose: __expose }) {
+    const isShowDrawer = useModel(__props, "isShowDrawer");
+    const customBtnPropsList = useModel(__props, "customBtnPropsList");
+    const props = __props;
+    const customSettingsStore = useCustomSettingsStore();
+    const isInited = ref(false);
+    const { cloned: clonedCustomBtnList } = useCloned(customBtnPropsList);
+    const defaultPropsList = computed(() => cloneDeep(props.customDefaultPropsList));
+    const popoverVisibles = ref(defaultPropsList.value.map(() => false));
+    watch(defaultPropsList, () => {
+      popoverVisibles.value = defaultPropsList.value.map(() => false);
+    });
+    watch(isShowDrawer, (newValue) => {
+      if (newValue) {
+        clonedCustomBtnList.value = cloneDeep(customBtnPropsList.value);
+      }
+    });
+    const customSettingsValue = computed(() => customSettingsStore.customSettings[props.keyWord]?.[props.type] || []);
+    const { cloned: clonedStore } = useCloned(customSettingsValue);
+    const updateOperate = () => {
+      customBtnPropsList.value = clonedCustomBtnList.value;
+    };
+    const initOperate = async () => {
+      try {
+        await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });
+      } catch {
+      }
+      const clonedDefaultOperate = cloneDeep(props.customDefaultPropsList);
+      let operate = clonedDefaultOperate;
+      if (clonedStore.value.length) {
+        operate = [];
+        clonedStore.value.forEach((it) => {
+          const index = clonedDefaultOperate.findIndex((v) => v.prop === it.prop);
+          if (index > -1) {
+            const item = clonedDefaultOperate.splice(index, 1)[0];
+            operate.push({
+              ...item,
+              ...it,
+              label: item.label
+            });
+          }
+        });
+        clonedCustomBtnList.value = [...operate, ...clonedDefaultOperate];
+      }
+      updateOperate();
+      isInited.value = true;
+    };
+    const titleStyle = computed(() => {
+      const h = props.customDefaultPropsList.length * 44;
+      const H = document.documentElement.clientHeight || document.body.clientHeight;
+      return h > H - 240 ? { paddingRight: "4px" } : { paddingRight: 0 };
+    });
+    const checkedNumber = computed(() => {
+      return clonedCustomBtnList.value.filter((v) => v.isShow).length;
+    });
+    const checkedAll = computed({
+      get() {
+        return clonedCustomBtnList.value.every((v) => v.isShow);
+      },
+      set(value) {
+        clonedCustomBtnList.value.forEach((v) => {
+          v.isShow = Boolean(value);
+        });
+      }
+    });
+    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, index, type) => {
+      item.type = type;
+      popoverVisibles.value[index] = false;
+    };
+    const start = ref();
+    const end = ref();
+    const dragstart = (item) => {
+      document.body.style.userSelect = "none";
+      start.value = item;
+    };
+    const dragenter = (item, e) => {
+      end.value = item;
+      e.preventDefault();
+    };
+    const dragend = () => {
+      document.body.style.userSelect = "text";
+      if (start.value === end.value)
+        return;
+      if (start.value && end.value) {
+        const oldIndex = clonedCustomBtnList.value.findIndex((v) => v.prop === start.value?.prop);
+        const newIndex = clonedCustomBtnList.value.findIndex((v) => v.prop === end.value?.prop);
+        const newItems = [...clonedCustomBtnList.value];
+        newItems.splice(oldIndex, 1);
+        newItems.splice(newIndex, 0, start.value);
+        clonedCustomBtnList.value = [...newItems];
+      }
+    };
+    const dragover = (e) => {
+      e.preventDefault();
+    };
+    const submitLoading = ref(false);
+    const onSubmit = async () => {
+      try {
+        submitLoading.value = true;
+        const { data } = await customSettingsStore.addCustomSettings({
+          key_word: props.keyWord,
+          value: JSON.stringify(clonedCustomBtnList.value),
+          type: props.type
+        });
+        submitLoading.value = false;
+        if (data.code !== 200) {
+          return;
+        }
+        isShowDrawer.value = false;
+        updateOperate();
+      } catch (e) {
+        console.error(e);
+        submitLoading.value = false;
+      }
+    };
+    const onReset = () => {
+      clonedCustomBtnList.value = cloneDeep(props.customDefaultPropsList);
+    };
+    const onSyncRemote = async () => {
+      try {
+        submitLoading.value = true;
+        await customSettingsStore.syncRemoteSetting({
+          key_word: props.keyWord,
+          type: props.type
+        });
+        submitLoading.value = false;
+        initOperate();
+      } catch (e) {
+        console.error(e);
+        submitLoading.value = false;
+      }
+    };
+    onMounted(() => {
+      if (props.disabledRemoteBtn) {
+        isInited.value = true;
+      } else {
+        initOperate();
+      }
+    });
+    __expose({
+      isInited
+    });
+    return (_ctx, _cache) => {
+      const _component_gm_icon = resolveComponent("gm-icon");
+      const _component_gm_checkbox = resolveComponent("gm-checkbox");
+      const _component_gm_button = resolveComponent("gm-button");
+      const _component_gm_popover = resolveComponent("gm-popover");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_gm_drawer = resolveComponent("gm-drawer");
+      return openBlock(), createBlock(_component_gm_drawer, {
+        modelValue: isShowDrawer.value,
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isShowDrawer.value = $event),
+        title: "\u81EA\u5B9A\u4E49\u6309\u94AE",
+        direction: "rtl",
+        size: "500px",
+        "append-to-body": "",
+        "destroy-on-close": "",
+        class: "custom-operate-drawer"
+      }, {
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_14, [
+            createElementVNode("div", null, [
+              createVNode(_component_gm_button, {
+                loading: submitLoading.value,
+                type: "primary",
+                size: "default",
+                onClick: onReset
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u91CD\u7F6E")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["loading"]),
+              createVNode(_component_gm_button, {
+                loading: submitLoading.value,
+                type: "success",
+                size: "default",
+                onClick: onSyncRemote
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u540C\u6B65")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["loading"])
+            ]),
+            createElementVNode("div", null, [
+              createVNode(_component_gm_button, {
+                loading: submitLoading.value,
+                size: "default",
+                onClick: _cache[2] || (_cache[2] = ($event) => isShowDrawer.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u53D6\u6D88")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["loading"]),
+              createVNode(_component_gm_button, {
+                loading: submitLoading.value,
+                type: "primary",
+                size: "default",
+                onClick: onSubmit
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u4FDD\u5B58")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["loading"])
+            ])
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(_component_gm_icon, null, {
+              default: withCtx(() => [
+                createVNode(unref(InfoFilled))
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            createElementVNode("p", null, [
+              createTextVNode(" \u5DF2\u9009\u4E2D "),
+              createElementVNode(
+                "span",
+                _hoisted_2,
+                toDisplayString(checkedNumber.value),
+                1
+                /* TEXT */
+              ),
+              createTextVNode(" \u9879 ")
+            ]),
+            _hoisted_3
+          ]),
+          createElementVNode("div", _hoisted_4, [
+            createElementVNode(
+              "ul",
+              {
+                class: "gm-flex gm-items-center gm-border gm-border-y-0 gm-border-gray-200 gm-bg-gray-200 gm-font-semibold gm-text-[#333]",
+                style: normalizeStyle(titleStyle.value)
+              },
+              [
+                createElementVNode("li", _hoisted_5, [
+                  createVNode(_component_gm_checkbox, {
+                    modelValue: checkedAll.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checkedAll.value = $event),
+                    indeterminate: isIndeterminate.value,
+                    onChange: handleCheckAllChange
+                  }, null, 8, ["modelValue", "indeterminate"])
+                ]),
+                _hoisted_6,
+                _hoisted_7
+              ],
+              4
+              /* STYLE */
+            ),
+            createVNode(TransitionGroup, {
+              class: "custom-group gm-border-b gm-border-gray-200 gm-text-gray-600",
+              name: "sort",
+              tag: "div"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(unref(clonedCustomBtnList), (item, index) => {
+                    return openBlock(), createElementBlock("ul", {
+                      key: item.prop,
+                      class: "gm-flex gm-items-center gm-border gm-border-b-0 gm-border-gray-200",
+                      draggable: true,
+                      onDragstart: ($event) => dragstart(item),
+                      onDragenter: ($event) => dragenter(item, $event),
+                      onDragend: dragend,
+                      onDragover: _cache[1] || (_cache[1] = ($event) => dragover($event))
+                    }, [
+                      createElementVNode("li", _hoisted_9, [
+                        createVNode(_component_gm_checkbox, {
+                          modelValue: item.isShow,
+                          "onUpdate:modelValue": ($event) => item.isShow = $event
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      createElementVNode("li", _hoisted_10, [
+                        createVNode(_component_gm_popover, {
+                          visible: popoverVisibles.value[index],
+                          "onUpdate:visible": ($event) => popoverVisibles.value[index] = $event,
+                          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_11, [
+                              _hoisted_12,
+                              createVNode(_component_gm_button, {
+                                type: "primary",
+                                size: "small",
+                                onClick: ($event) => setBtnType(item, index, "primary")
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(" \u84DD\u8272 ")
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["onClick"]),
+                              createVNode(_component_gm_button, {
+                                type: "success",
+                                size: "small",
+                                onClick: ($event) => setBtnType(item, index, "success")
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(" \u7EFF\u8272 ")
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["onClick"]),
+                              createVNode(_component_gm_button, {
+                                type: "info",
+                                size: "small",
+                                onClick: ($event) => setBtnType(item, index, "info")
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(" \u7070\u8272 ")
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["onClick"]),
+                              createVNode(_component_gm_button, {
+                                type: "warning",
+                                size: "small",
+                                onClick: ($event) => setBtnType(item, index, "warning")
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(" \u6A59\u8272 ")
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["onClick"]),
+                              createVNode(_component_gm_button, {
+                                type: "danger",
+                                size: "small",
+                                onClick: ($event) => setBtnType(item, index, "danger")
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(" \u7EA2\u8272 ")
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["onClick"])
+                            ])
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["visible", "onUpdate:visible"])
+                      ]),
+                      createElementVNode("li", _hoisted_13, [
+                        createVNode(_component_el_icon, { color: "#0000FF" }, {
+                          default: withCtx(() => [
+                            createVNode(unref(Rank))
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ])
+                    ], 40, _hoisted_8);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=CustomOperate.vue2.mjs.map

package/es/components/src/composite/tableCustom/customOperate/CustomOperate.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomOperate.vue2.mjs","sources":["../../../../../../../../packages/components/src/composite/tableCustom/customOperate/CustomOperate.vue"],"sourcesContent":["<template>\n  <gm-drawer v-model=\"isShowDrawer\" title=\"自定义按钮\" direction=\"rtl\" size=\"500px\" append-to-body destroy-on-close class=\"custom-operate-drawer\">\n    <div class=\"gm-mb-4 gm-flex gm-items-center gm-gap-2 gm-rounded gm-border gm-border-cyan-300 gm-bg-cyan-50 gm-p-2 gm-text-sm gm-text-[#777]\">\n      <gm-icon><InfoFilled /></gm-icon>\n      <p>\n        已选中 <span class=\"gm-text-cyan-500\">{{ checkedNumber }}</span> 项\n      </p>\n      <div class=\"gm-font-bold gm-text-amber-400\">点击按钮可修改当前按钮颜色！</div>\n    </div>\n\n    <div class=\"custom-content gm-text-sm\">\n      <ul\n        class=\"gm-flex gm-items-center gm-border gm-border-y-0 gm-border-gray-200 gm-bg-gray-200 gm-font-semibold gm-text-[#333]\"\n        :style=\"titleStyle\"\n      >\n        <li class=\"gm-flex gm-w-14 gm-justify-center\">\n          <gm-checkbox v-model=\"checkedAll\" :indeterminate=\"isIndeterminate\" @change=\"handleCheckAllChange\" />\n        </li>\n        <li class=\"gm-flex-1 gm-border-l gm-border-white\">列名</li>\n        <li class=\"gm-w-32 gm-border-l gm-border-white\">拖地调整顺序</li>\n      </ul>\n      <transition-group class=\"custom-group gm-border-b gm-border-gray-200 gm-text-gray-600\" name=\"sort\" tag=\"div\">\n        <ul\n          v-for=\"(item, index) in clonedCustomBtnList\"\n          :key=\"item.prop\"\n          class=\"gm-flex gm-items-center gm-border gm-border-b-0 gm-border-gray-200\"\n          :draggable=\"true\"\n          @dragstart=\"dragstart(item)\"\n          @dragenter=\"dragenter(item, $event)\"\n          @dragend=\"dragend\"\n          @dragover=\"dragover($event)\"\n        >\n          <li class=\"gm-flex gm-w-14 gm-justify-center\">\n            <gm-checkbox v-model=\"item.isShow\" />\n          </li>\n          <li class=\"gm-flex-1 gm-border-l gm-border-gray-200\">\n            <gm-popover v-model:visible=\"popoverVisibles[index]\" placement=\"bottom\" :width=\"330\" trigger=\"click\">\n              <template #reference>\n                <gm-button :type=\"item.type || 'primary'\" link size=\"small\">\n                  {{ item.label }}\n                </gm-button>\n              </template>\n              <div class=\"p-1\">\n                <div class=\"text-[14px] gm-mb-2\">点击下列色块可修改按钮颜色</div>\n                <gm-button type=\"primary\" size=\"small\" @click=\"setBtnType(item, index, 'primary')\"> 蓝色 </gm-button>\n                <gm-button type=\"success\" size=\"small\" @click=\"setBtnType(item, index, 'success')\"> 绿色 </gm-button>\n                <gm-button type=\"info\" size=\"small\" @click=\"setBtnType(item, index, 'info')\"> 灰色 </gm-button>\n                <gm-button type=\"warning\" size=\"small\" @click=\"setBtnType(item, index, 'warning')\"> 橙色 </gm-button>\n                <gm-button type=\"danger\" size=\"small\" @click=\"setBtnType(item, index, 'danger')\"> 红色 </gm-button>\n              </div>\n            </gm-popover>\n          </li>\n          <li class=\"gm-w-32 gm-cursor-grabbing gm-border-l gm-border-gray-200\">\n            <el-icon color=\"#0000FF\"><Rank /></el-icon>\n          </li>\n        </ul>\n      </transition-group>\n    </div>\n    <template #footer>\n      <div class=\"gm-flex gm-justify-between\">\n        <div>\n          <gm-button :loading=\"submitLoading\" type=\"primary\" size=\"default\" @click=\"onReset\">重置</gm-button>\n          <gm-button :loading=\"submitLoading\" type=\"success\" size=\"default\" @click=\"onSyncRemote\">同步</gm-button>\n        </div>\n        <div>\n          <gm-button :loading=\"submitLoading\" size=\"default\" @click=\"isShowDrawer = false\">取消</gm-button>\n          <gm-button :loading=\"submitLoading\" type=\"primary\" size=\"default\" @click=\"onSubmit\">保存</gm-button>\n        </div>\n      </div>\n    </template>\n  </gm-drawer>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, ref, watch } from 'vue';\nimport { useCustomSettingsStore } from '@giime/hooks';\nimport { cloneDeep } from 'lodash-es';\nimport { useCloned } from '@vueuse/core';\nimport { type CheckboxValueType } from 'element-plus';\nimport { InfoFilled, Rank } from '@element-plus/icons-vue';\nimport { customOperateProps } from './customOperate';\nimport type { CustomOperateButtonProps } from './customOperate';\n\ndefineOptions({\n  name: 'GmCustomOperate',\n});\n/**\n * 抽屉显示\n */\nconst isShowDrawer = defineModel<boolean>('isShowDrawer', {\n  required: true,\n});\n/**\n * 自定义按钮 props列表\n */\nconst customBtnPropsList = defineModel<CustomOperateButtonProps[]>('customBtnPropsList', {\n  required: true,\n});\n\nconst props = defineProps(customOperateProps);\nconst customSettingsStore = useCustomSettingsStore();\n\n/**\n * 数据是否初始化完成\n */\nconst isInited = ref(false);\n/**内部克隆一份，当点击保存时 应用修改的内容 */\nconst { cloned: clonedCustomBtnList } = useCloned(customBtnPropsList);\n\nconst defaultPropsList = computed(() => cloneDeep(props.customDefaultPropsList));\n// 按钮弹出框显示隐藏\nconst popoverVisibles = ref<boolean[]>(defaultPropsList.value.map(() => false));\n//  根据props列表  初始化popo显示隐藏\nwatch(defaultPropsList, () => {\n  popoverVisibles.value = defaultPropsList.value.map(() => false);\n});\n\n// 重新打开弹窗时， 克隆一份新数据\nwatch(isShowDrawer, newValue => {\n  if (newValue) {\n    clonedCustomBtnList.value = cloneDeep(customBtnPropsList.value);\n  }\n});\n\nconst customSettingsValue = computed<CustomOperateButtonProps[]>(() => customSettingsStore.customSettings[props.keyWord]?.[props.type] || []);\nconst { cloned: clonedStore } = useCloned(customSettingsValue);\n\nconst updateOperate = () => {\n  customBtnPropsList.value = clonedCustomBtnList.value;\n};\n\nconst initOperate = async () => {\n  try {\n    await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });\n  } catch {}\n\n  const clonedDefaultOperate = cloneDeep(props.customDefaultPropsList);\n\n  let operate = clonedDefaultOperate;\n\n  if (clonedStore.value.length) {\n    operate = [];\n    clonedStore.value.forEach(it => {\n      const index = clonedDefaultOperate.findIndex(v => v.prop === it.prop);\n      if (index > -1) {\n        const item = clonedDefaultOperate.splice(index, 1)[0];\n\n        operate.push({\n          ...item,\n          ...it,\n          label: item.label,\n        });\n      }\n    });\n    clonedCustomBtnList.value = [...operate, ...clonedDefaultOperate];\n  }\n\n  updateOperate();\n  isInited.value = true;\n};\n\n/** 设置表头位置样式,调整表格对齐 */\nconst titleStyle = computed(() => {\n  const h = props.customDefaultPropsList.length * 44;\n  const H = document.documentElement.clientHeight || document.body.clientHeight;\n  return h > H - 240 ? { paddingRight: '4px' } : { paddingRight: 0 };\n});\n\n// 已选中条数\nconst checkedNumber = computed(() => {\n  return clonedCustomBtnList.value.filter(v => v.isShow).length;\n});\n// 全选\nconst checkedAll = computed({\n  get() {\n    return clonedCustomBtnList.value.every(v => v.isShow);\n  },\n  set(value: CheckboxValueType) {\n    clonedCustomBtnList.value.forEach(v => {\n      v.isShow = Boolean(value);\n    });\n  },\n});\n// 半选\nconst isIndeterminate = computed(() => !checkedAll.value && clonedCustomBtnList.value.some(v => v.isShow));\n// 切换全选\nconst handleCheckAllChange = (val: CheckboxValueType) => {\n  clonedCustomBtnList.value.forEach(v => {\n    v.isShow = Boolean(val);\n  });\n};\n\n// 设置按钮颜色\nconst setBtnType = (item: CustomOperateButtonProps, index: number, type: CustomOperateButtonProps['type']) => {\n  item.type = type;\n  popoverVisibles.value[index] = false;\n};\n\n/** 拖拽开始 */\nconst start = ref<CustomOperateButtonProps>();\nconst end = ref<CustomOperateButtonProps>();\nconst dragstart = (item: CustomOperateButtonProps) => {\n  document.body.style.userSelect = 'none';\n  start.value = item;\n};\n/** 拖拽过程 */\nconst dragenter = (item: CustomOperateButtonProps, e: DragEvent) => {\n  end.value = item;\n  e.preventDefault();\n};\n/** 拖拽结束 */\nconst dragend = () => {\n  document.body.style.userSelect = 'text';\n  if (start.value === end.value) return;\n  if (start.value && end.value) {\n    const oldIndex: number = clonedCustomBtnList.value.findIndex(v => v.prop === start.value?.prop);\n    const newIndex: number = clonedCustomBtnList.value.findIndex(v => v.prop === end.value?.prop);\n    const newItems = [...clonedCustomBtnList.value];\n    // 删除老节点\n    newItems.splice(oldIndex, 1);\n\n    // 目标位置新增节点\n    newItems.splice(newIndex, 0, start.value);\n    clonedCustomBtnList.value = [...newItems];\n  }\n};\n/** 拖拽事件 */\nconst dragover = (e: DragEvent) => {\n  e.preventDefault();\n};\n\nconst submitLoading = ref(false);\n// 保存\nconst onSubmit = async () => {\n  try {\n    submitLoading.value = true;\n    const { data } = await customSettingsStore.addCustomSettings({\n      key_word: props.keyWord,\n      value: JSON.stringify(clonedCustomBtnList.value),\n      type: props.type,\n    });\n    submitLoading.value = false;\n    if (data.code !== 200) {\n      return;\n    }\n    isShowDrawer.value = false;\n    updateOperate();\n  } catch (e) {\n    console.error(e);\n    submitLoading.value = false;\n  }\n};\n\n// 重置\nconst onReset = () => {\n  clonedCustomBtnList.value = cloneDeep(props.customDefaultPropsList);\n};\n\n/**同步远程设置 */\nconst onSyncRemote = async () => {\n  try {\n    submitLoading.value = true;\n    await customSettingsStore.syncRemoteSetting({\n      key_word: props.keyWord,\n      type: props.type,\n    });\n    submitLoading.value = false;\n    initOperate();\n  } catch (e) {\n    console.error(e);\n    submitLoading.value = false;\n  }\n};\n\nonMounted(() => {\n  if (props.disabledRemoteBtn) {\n    isInited.value = true;\n  } else {\n    initOperate();\n  }\n});\ndefineExpose({\n  isInited,\n});\n</script>\n\n<style lang=\"scss\">\n.custom-operate-drawer {\n  .el-drawer__header {\n    padding: 10px 15px;\n    margin: 0;\n    border-bottom: 1px solid #ebeef5;\n  }\n  .el-drawer__title {\n    font-size: 14px;\n    color: #333;\n  }\n  .el-drawer__body {\n    padding: 15px;\n  }\n  .el-drawer__footer {\n    padding: 10px 15px;\n    border-top: 1px solid #ebeef5;\n  }\n  .el-checkbox {\n    display: flex;\n    align-items: center;\n  }\n  .el-input__inner {\n    text-align: center;\n  }\n  .el-input__suffix {\n    position: absolute;\n    right: 10px;\n  }\n  .custom-content {\n    li {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 44px;\n    }\n  }\n  .custom-group {\n    max-height: calc(100vh - 226px);\n    overflow-y: auto;\n\n    &::-webkit-scrollbar {\n      /*滚动条整体样式*/\n      width: 4px;\n      /*高宽分别对应横竖滚动条的尺寸*/\n      height: 1px;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      /*滚动条里面小方块*/\n      border-radius: 10px;\n      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);\n      background: #999;\n    }\n\n    &::-webkit-scrollbar-track {\n      /*滚动条里面轨道*/\n      box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);\n      border-radius: 10px;\n      background: #eee;\n    }\n  }\n}\n</style>\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFA,IAAM,MAAA,YAAA,GAAeA,QAAqB,CAAA,OAAA,EAAA,cAEzC,CAAA,CAAA;AAID,IAAM,MAAA,kBAAA,GAAqBA,kBAAwC,oBAElE,CAAA,CAAA;AAED,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,sBAAsB,sBAAuB,EAAA,CAAA;AAKnD,IAAM,MAAA,QAAA,GAAW,IAAI,KAAK,CAAA,CAAA;AAE1B,IAAA,MAAM,EAAE,MAAA,EAAQ,mBAAoB,EAAA,GAAI,UAAU,kBAAkB,CAAA,CAAA;AAEpE,IAAA,MAAM,mBAAmB,QAAS,CAAA,MAAM,SAAU,CAAA,KAAA,CAAM,sBAAsB,CAAC,CAAA,CAAA;AAE/E,IAAA,MAAM,kBAAkB,GAAe,CAAA,gBAAA,CAAiB,MAAM,GAAI,CAAA,MAAM,KAAK,CAAC,CAAA,CAAA;AAE9E,IAAA,KAAA,CAAM,kBAAkB,MAAM;AAC5B,MAAA,eAAA,CAAgB,KAAQ,GAAA,gBAAA,CAAiB,KAAM,CAAA,GAAA,CAAI,MAAM,KAAK,CAAA,CAAA;AAAA,KAC/D,CAAA,CAAA;AAGD,IAAA,KAAA,CAAM,cAAc,CAAY,QAAA,KAAA;AAC9B,MAAA,IAAI,QAAU,EAAA;AACZ,QAAoB,mBAAA,CAAA,KAAA,GAAQ,SAAU,CAAA,kBAAA,CAAmB,KAAK,CAAA,CAAA;AAAA,OAChE;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,mBAAsB,GAAA,QAAA,CAAqC,MAAM,mBAAA,CAAoB,cAAe,CAAA,KAAA,CAAM,OAAO,CAAA,GAAI,KAAM,CAAA,IAAI,CAAK,IAAA,EAAE,CAAA,CAAA;AAC5I,IAAA,MAAM,EAAE,MAAA,EAAQ,WAAY,EAAA,GAAI,UAAU,mBAAmB,CAAA,CAAA;AAE7D,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,kBAAA,CAAmB,QAAQ,mBAAoB,CAAA,KAAA,CAAA;AAAA,KACjD,CAAA;AAEA,IAAA,MAAM,cAAc,YAAY;AAC9B,MAAI,IAAA;AACF,QAAA,MAAM,mBAAoB,CAAA,iBAAA,CAAkB,EAAE,QAAA,EAAU,MAAM,OAAS,EAAA,IAAA,EAAM,KAAM,CAAA,IAAA,EAAQ,EAAA,EAAE,YAAc,EAAA,IAAI,CAAA,CAAA;AAAA,OACzG,CAAA,MAAA;AAAA,OAAC;AAET,MAAM,MAAA,oBAAA,GAAuB,SAAU,CAAA,KAAA,CAAM,sBAAsB,CAAA,CAAA;AAEnE,MAAA,IAAI,OAAU,GAAA,oBAAA,CAAA;AAEd,MAAI,IAAA,WAAA,CAAY,MAAM,MAAQ,EAAA;AAC5B,QAAA,OAAA,GAAU,EAAC,CAAA;AACX,QAAY,WAAA,CAAA,KAAA,CAAM,QAAQ,CAAM,EAAA,KAAA;AAC9B,UAAA,MAAM,QAAQ,oBAAqB,CAAA,SAAA,CAAU,OAAK,CAAE,CAAA,IAAA,KAAS,GAAG,IAAI,CAAA,CAAA;AACpE,UAAA,IAAI,QAAQ,CAAI,CAAA,EAAA;AACd,YAAA,MAAM,OAAO,oBAAqB,CAAA,MAAA,CAAO,KAAO,EAAA,CAAC,EAAE,CAAC,CAAA,CAAA;AAEpD,YAAA,OAAA,CAAQ,IAAK,CAAA;AAAA,cACX,GAAG,IAAA;AAAA,cACH,GAAG,EAAA;AAAA,cACH,OAAO,IAAK,CAAA,KAAA;AAAA,aACb,CAAA,CAAA;AAAA,WACH;AAAA,SACD,CAAA,CAAA;AACD,QAAA,mBAAA,CAAoB,KAAQ,GAAA,CAAC,GAAG,OAAA,EAAS,GAAG,oBAAoB,CAAA,CAAA;AAAA,OAClE;AAEA,MAAc,aAAA,EAAA,CAAA;AACd,MAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAA;AAAA,KACnB,CAAA;AAGA,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM;AAChC,MAAM,MAAA,CAAA,GAAI,KAAM,CAAA,sBAAA,CAAuB,MAAS,GAAA,EAAA,CAAA;AAChD,MAAA,MAAM,CAAI,GAAA,QAAA,CAAS,eAAgB,CAAA,YAAA,IAAgB,SAAS,IAAK,CAAA,YAAA,CAAA;AACjE,MAAO,OAAA,CAAA,GAAI,IAAI,GAAM,GAAA,EAAE,cAAc,KAAM,EAAA,GAAI,EAAE,YAAA,EAAc,CAAE,EAAA,CAAA;AAAA,KAClE,CAAA,CAAA;AAGD,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAA,OAAO,oBAAoB,KAAM,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,CAAE,MAAM,CAAE,CAAA,MAAA,CAAA;AAAA,KACxD,CAAA,CAAA;AAED,IAAA,MAAM,aAAa,QAAS,CAAA;AAAA,MAC1B,GAAM,GAAA;AACJ,QAAA,OAAO,mBAAoB,CAAA,KAAA,CAAM,KAAM,CAAA,CAAA,CAAA,KAAK,EAAE,MAAM,CAAA,CAAA;AAAA,OACtD;AAAA,MACA,IAAI,KAA0B,EAAA;AAC5B,QAAoB,mBAAA,CAAA,KAAA,CAAM,QAAQ,CAAK,CAAA,KAAA;AACrC,UAAE,CAAA,CAAA,MAAA,GAAS,QAAQ,KAAK,CAAA,CAAA;AAAA,SACzB,CAAA,CAAA;AAAA,OACH;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,CAAC,UAAW,CAAA,KAAA,IAAS,mBAAoB,CAAA,KAAA,CAAM,IAAK,CAAA,CAAA,CAAA,KAAK,CAAE,CAAA,MAAM,CAAC,CAAA,CAAA;AAEzG,IAAM,MAAA,oBAAA,GAAuB,CAAC,GAA2B,KAAA;AACvD,MAAoB,mBAAA,CAAA,KAAA,CAAM,QAAQ,CAAK,CAAA,KAAA;AACrC,QAAE,CAAA,CAAA,MAAA,GAAS,QAAQ,GAAG,CAAA,CAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACH,CAAA;AAGA,IAAA,MAAM,UAAa,GAAA,CAAC,IAAgC,EAAA,KAAA,EAAe,IAA2C,KAAA;AAC5G,MAAA,IAAA,CAAK,IAAO,GAAA,IAAA,CAAA;AACZ,MAAgB,eAAA,CAAA,KAAA,CAAM,KAAK,CAAI,GAAA,KAAA,CAAA;AAAA,KACjC,CAAA;AAGA,IAAA,MAAM,QAAQ,GAA8B,EAAA,CAAA;AAC5C,IAAA,MAAM,MAAM,GAA8B,EAAA,CAAA;AAC1C,IAAM,MAAA,SAAA,GAAY,CAAC,IAAmC,KAAA;AACpD,MAAS,QAAA,CAAA,IAAA,CAAK,MAAM,UAAa,GAAA,MAAA,CAAA;AACjC,MAAA,KAAA,CAAM,KAAQ,GAAA,IAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,CAAC,IAAA,EAAgC,CAAiB,KAAA;AAClE,MAAA,GAAA,CAAI,KAAQ,GAAA,IAAA,CAAA;AACZ,MAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AAAA,KACnB,CAAA;AAEA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAS,QAAA,CAAA,IAAA,CAAK,MAAM,UAAa,GAAA,MAAA,CAAA;AACjC,MAAI,IAAA,KAAA,CAAM,UAAU,GAAI,CAAA,KAAA;AAAO,QAAA,OAAA;AAC/B,MAAI,IAAA,KAAA,CAAM,KAAS,IAAA,GAAA,CAAI,KAAO,EAAA;AAC5B,QAAM,MAAA,QAAA,GAAmB,oBAAoB,KAAM,CAAA,SAAA,CAAU,OAAK,CAAE,CAAA,IAAA,KAAS,KAAM,CAAA,KAAA,EAAO,IAAI,CAAA,CAAA;AAC9F,QAAM,MAAA,QAAA,GAAmB,oBAAoB,KAAM,CAAA,SAAA,CAAU,OAAK,CAAE,CAAA,IAAA,KAAS,GAAI,CAAA,KAAA,EAAO,IAAI,CAAA,CAAA;AAC5F,QAAA,MAAM,QAAW,GAAA,CAAC,GAAG,mBAAA,CAAoB,KAAK,CAAA,CAAA;AAE9C,QAAS,QAAA,CAAA,MAAA,CAAO,UAAU,CAAC,CAAA,CAAA;AAG3B,QAAA,QAAA,CAAS,MAAO,CAAA,QAAA,EAAU,CAAG,EAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AACxC,QAAoB,mBAAA,CAAA,KAAA,GAAQ,CAAC,GAAG,QAAQ,CAAA,CAAA;AAAA,OAC1C;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,QAAA,GAAW,CAAC,CAAiB,KAAA;AACjC,MAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AAAA,KACnB,CAAA;AAEA,IAAM,MAAA,aAAA,GAAgB,IAAI,KAAK,CAAA,CAAA;AAE/B,IAAA,MAAM,WAAW,YAAY;AAC3B,MAAI,IAAA;AACF,QAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CAAA;AACtB,QAAA,MAAM,EAAE,IAAA,EAAS,GAAA,MAAM,oBAAoB,iBAAkB,CAAA;AAAA,UAC3D,UAAU,KAAM,CAAA,OAAA;AAAA,UAChB,KAAO,EAAA,IAAA,CAAK,SAAU,CAAA,mBAAA,CAAoB,KAAK,CAAA;AAAA,UAC/C,MAAM,KAAM,CAAA,IAAA;AAAA,SACb,CAAA,CAAA;AACD,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AACtB,QAAI,IAAA,IAAA,CAAK,SAAS,GAAK,EAAA;AACrB,UAAA,OAAA;AAAA,SACF;AACA,QAAA,YAAA,CAAa,KAAQ,GAAA,KAAA,CAAA;AACrB,QAAc,aAAA,EAAA,CAAA;AAAA,eACP,CAAG,EAAA;AACV,QAAA,OAAA,CAAQ,MAAM,CAAC,CAAA,CAAA;AACf,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,OACxB;AAAA,KACF,CAAA;AAGA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAoB,mBAAA,CAAA,KAAA,GAAQ,SAAU,CAAA,KAAA,CAAM,sBAAsB,CAAA,CAAA;AAAA,KACpE,CAAA;AAGA,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAI,IAAA;AACF,QAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CAAA;AACtB,QAAA,MAAM,oBAAoB,iBAAkB,CAAA;AAAA,UAC1C,UAAU,KAAM,CAAA,OAAA;AAAA,UAChB,MAAM,KAAM,CAAA,IAAA;AAAA,SACb,CAAA,CAAA;AACD,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AACtB,QAAY,WAAA,EAAA,CAAA;AAAA,eACL,CAAG,EAAA;AACV,QAAA,OAAA,CAAQ,MAAM,CAAC,CAAA,CAAA;AACf,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,OACxB;AAAA,KACF,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,MAAM,iBAAmB,EAAA;AAC3B,QAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAA;AAAA,OACZ,MAAA;AACL,QAAY,WAAA,EAAA,CAAA;AAAA,OACd;AAAA,KACD,CAAA,CAAA;AACD,IAAa,QAAA,CAAA;AAAA,MACX,QAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/composite/tableCustom/customOperate/CustomOperate.vue3.mjs

@@ -0,0 +1,4 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };
+//# sourceMappingURL=CustomOperate.vue3.mjs.map

package/es/components/src/composite/tableCustom/customOperate/CustomOperate.vue3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomOperate.vue3.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/components/src/composite/tableCustom/customOperate/customOperate.d.ts

@@ -0,0 +1,42 @@
+import type { OperateButtonProps } from '../../operateButton';
+export declare const customOperateButtonProps: {
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    prop: {
+        type: StringConstructor;
+        required: true;
+    };
+    type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "", boolean>;
+    isShow: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    size: {
+        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        default: "small";
+    };
+};
+export declare const customOperateProps: {
+    keyWord: {
+        type: StringConstructor;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    customDefaultPropsList: {
+        type: import("vue").PropType<OperateButtonProps[]>;
+        default: () => never[];
+    };
+    disabledRemoteBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export interface CustomOperateButtonProps extends OperateButtonProps {
+}

package/es/components/src/composite/tableCustom/customOperate/customOperate.mjs

@@ -0,0 +1,13 @@
+import '../../operateButton/index.mjs';
+import { operateButtonProps } from '../../operateButton/operateButton.mjs';
+import { operateButtonFormProps } from '../../operateButton/operateButtonForm/operateButtonForm.mjs';
+
+const customOperateButtonProps = {
+  ...operateButtonProps
+};
+const customOperateProps = {
+  ...operateButtonFormProps
+};
+
+export { customOperateButtonProps, customOperateProps };
+//# sourceMappingURL=customOperate.mjs.map

package/es/components/src/composite/tableCustom/customOperate/customOperate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"customOperate.mjs","sources":["../../../../../../../../packages/components/src/composite/tableCustom/customOperate/customOperate.ts"],"sourcesContent":["import { operateButtonFormProps, operateButtonProps } from '../../operateButton';\nimport type { OperateButtonProps } from '../../operateButton';\n\nexport const customOperateButtonProps = {\n  ...operateButtonProps,\n};\n\nexport const customOperateProps = {\n  ...operateButtonFormProps,\n};\n\nexport interface CustomOperateButtonProps extends OperateButtonProps {}\n"],"names":[],"mappings":";;;;AAGO,MAAM,wBAA2B,GAAA;AAAA,EACtC,GAAG,kBAAA;AACL,EAAA;AAEO,MAAM,kBAAqB,GAAA;AAAA,EAChC,GAAG,sBAAA;AACL;;;;"}

package/es/components/src/composite/tableCustom/customOperate/index.d.ts

@@ -0,0 +1,66 @@
+import CustomOperate from './CustomOperate.vue';
+export declare const GmCustomOperate: import("../../../../../utils").SFCWithInstall<import("vue").DefineComponent<{
+    isShowDrawer: {
+        required: true;
+        type: import("vue").PropType<boolean>;
+    };
+    customBtnPropsList: {
+        required: true;
+        type: import("vue").PropType<import("./customOperate").CustomOperateButtonProps[]>;
+    };
+    keyWord: {
+        type: StringConstructor;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    customDefaultPropsList: {
+        type: import("vue").PropType<import("../../index.js").OperateButtonProps[]>;
+        default: () => never[];
+    };
+    disabledRemoteBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    isInited: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:isShowDrawer": (isShowDrawer: boolean) => void;
+    "update:customBtnPropsList": (customBtnPropsList: import("./customOperate").CustomOperateButtonProps[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isShowDrawer: {
+        required: true;
+        type: import("vue").PropType<boolean>;
+    };
+    customBtnPropsList: {
+        required: true;
+        type: import("vue").PropType<import("./customOperate").CustomOperateButtonProps[]>;
+    };
+    keyWord: {
+        type: StringConstructor;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    customDefaultPropsList: {
+        type: import("vue").PropType<import("../../index.js").OperateButtonProps[]>;
+        default: () => never[];
+    };
+    disabledRemoteBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:isShowDrawer"?: ((isShowDrawer: boolean) => any) | undefined;
+    "onUpdate:customBtnPropsList"?: ((customBtnPropsList: import("./customOperate").CustomOperateButtonProps[]) => any) | undefined;
+}, {
+    disabledRemoteBtn: boolean;
+    customDefaultPropsList: import("../../index.js").OperateButtonProps[];
+}, {}>> & Record<string, any>;
+export type CustomOperateInstance = InstanceType<typeof CustomOperate>;
+export * from './customOperate';
+export default GmCustomOperate;

package/es/components/src/composite/tableCustom/customOperate/index.mjs

@@ -0,0 +1,10 @@
+import '../../../../../utils/index.mjs';
+import './CustomOperate.vue.mjs';
+export { customOperateButtonProps, customOperateProps } from './customOperate.mjs';
+import { withInstall } from '../../../../../utils/src/vue/install.mjs';
+import _sfc_main from './CustomOperate.vue2.mjs';
+
+const GmCustomOperate = withInstall(_sfc_main);
+
+export { GmCustomOperate, GmCustomOperate as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/src/composite/tableCustom/customOperate/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../../../packages/components/src/composite/tableCustom/customOperate/index.ts"],"sourcesContent":["import { withInstall } from '@giime/utils';\nimport CustomOperate from './CustomOperate.vue';\n\nexport const GmCustomOperate = withInstall(CustomOperate);\nexport type CustomOperateInstance = InstanceType<typeof CustomOperate>;\nexport * from './customOperate';\nexport default GmCustomOperate;\n"],"names":["CustomOperate"],"mappings":";;;;;;AAGa,MAAA,eAAA,GAAkB,YAAYA,SAAa;;;;"}