hy-dispatch-ui-v3 0.2.67 → 0.2.69

package/es/bussiness/hyRuleSetting/cpns/setRuleAggregationAlarmDialog/setRuleAggregationAlarmDialog.vue.mjs

@@ -0,0 +1,360 @@
+import { useTemplateRef, ref, openBlock, createBlock, unref, isRef, withCtx, createElementVNode, createVNode, createTextVNode, createElementBlock, Fragment, renderList, toDisplayString, createCommentVNode } from 'vue';
+import { ElMessage, ElColorPicker } from 'element-plus';
+import { findAllApi } from '../../../../api/index.mjs';
+import { ruleDictSaveApi } from '../../../../api/rule.mjs';
+import '../../../../hooks/index.mjs';
+import '../../../../components/index.mjs';
+import { HyConfirmDialog } from '../../../../components/hyConfirmDialog/index.mjs';
+import { useMixins } from '../../../../hooks/useMixins.mjs';
+import { useDialog, useDialogIsEdit } from '../../../../hooks/useDialog.mjs';
+import { HyDialog } from '../../../../components/hyDialog/index.mjs';
+import { HyButton } from '../../../../components/hyButton/index.mjs';
+import { HyInput } from '../../../../components/hyInput/index.mjs';
+import { $t } from '../../../../hooks/useLocale.mjs';
+import { HyIconBox } from '../../../../components/hyIconBox/index.mjs';
+
+const _sfc_main = {
+  __name: "setRuleAggregationAlarmDialog",
+  props: {
+    ifDraggable: {
+      type: Boolean,
+      default: false
+    },
+    ifShrink: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const useSetRuleAggregationAlarmDialog = (hy) => {
+      const HyDialogRef2 = useTemplateRef("HyDialogRef");
+      const dialogVisible2 = ref(false);
+      const loading2 = ref(false);
+      const tableData2 = ref([]);
+      async function show2() {
+        if (hy.loading.value) {
+          ElMessage.error("\u6570\u636E\u52A0\u8F7D\u4E2D\uFF0C\u8BF7\u52FF\u91CD\u590D\u70B9\u51FB");
+          return;
+        }
+        await hy.watchPause();
+        hy.loading.value = true;
+        hy.tableData.value = [];
+        await hy.getData();
+        hy.dialogVisible.value = true;
+        hy.loading.value = false;
+        hy.watchResume();
+      }
+      async function onSubmit2() {
+        const isValidate = hy.checkData();
+        if (!isValidate) {
+          ElMessage.warning(`\u8BF7\u68C0\u67E5\u8F93\u5165\u7684\u6570\u636E`);
+          return Promise.reject();
+        }
+        const form = {
+          gatherRuleDictList: hy.tableData.value.map((v) => ({
+            gatherMin: v.gatherMin,
+            gatherMax: v.gatherMax,
+            gatherColor: v.gatherColor
+          }))
+        };
+        const res = await ruleDictSaveApi(form);
+        if (res.code === 200) {
+          ElMessage.success("\u4FDD\u5B58\u6210\u529F");
+        } else {
+          ElMessage.error(res.msg);
+          return Promise.reject();
+        }
+      }
+      const getData2 = async () => {
+        try {
+          const res = await findAllApi("rule/ruleDict");
+          if (res.code === 200) {
+            hy.tableData.value = res.data ? res.data.map((v) => ({
+              ...hy.createEmptyRow(),
+              gatherMin: v.gatherMin,
+              gatherMax: v.gatherMax,
+              gatherColor: v.gatherColor
+            })) : [];
+          }
+        } catch (err) {
+          hy.tableData.value = [];
+          console.error(err);
+        }
+      };
+      const createEmptyRow2 = () => {
+        return {
+          gatherMin: "",
+          gatherMax: "",
+          gatherColor: "",
+          isNoData: false,
+          isNoColor: false,
+          isNumber: false,
+          isCompare: false,
+          isOverlap: false,
+          isColor: false
+        };
+      };
+      function enterTheMumber2(data, key) {
+        data[key] = data[key].replace(/[^\d]/g, "");
+      }
+      const setNormalData2 = () => {
+        HyConfirmDialog.confirm({
+          content: `<div><p>\u786E\u5B9A\u4F7F\u7528\u7CFB\u7EDF\u9ED8\u8BA4\u8BBE\u7F6E\uFF1F</p></div>`,
+          onSubmit: () => {
+            hy.tableData.value = [
+              {
+                ...hy.createEmptyRow(),
+                gatherMin: "3",
+                gatherMax: "3",
+                gatherColor: "#ffff00"
+              },
+              {
+                ...hy.createEmptyRow(),
+                gatherMin: "4",
+                gatherMax: "6",
+                gatherColor: "#ffa500"
+              },
+              {
+                ...hy.createEmptyRow(),
+                gatherMin: "7",
+                gatherMax: "9999",
+                gatherColor: "#ff0000"
+              }
+            ];
+          }
+        });
+      };
+      const addData2 = () => {
+        if (hy.tableData.value.length === 5) {
+          return ElMessage.warning(`\u6700\u591A\u53EA\u80FD\u8BBE\u7F6E5\u4E2A\u7B49\u7EA7`);
+        }
+        hy.tableData.value.push(hy.createEmptyRow());
+      };
+      const deleteFn2 = (index) => {
+        hy.tableData.value.splice(index, 1);
+      };
+      const checkData2 = () => {
+        let isValidate = true;
+        hy.tableData.value.forEach((v, index) => {
+          const gatherMin = parseInt(v.gatherMin);
+          const gatherMax = parseInt(v.gatherMax);
+          if (v.gatherMin === "" || v.gatherMax === "") {
+            hy.tableData.value[index].isNoData = true;
+            isValidate = false;
+          } else {
+            hy.tableData.value[index].isNoData = false;
+          }
+          if (!v.gatherColor) {
+            hy.tableData.value[index].isNoColor = true;
+            isValidate = false;
+          } else {
+            hy.tableData.value[index].isNoColor = false;
+          }
+          if (gatherMin > 9999 || gatherMax > 9999) {
+            hy.tableData.value[index].isNumber = true;
+            isValidate = false;
+          } else {
+            hy.tableData.value[index].isNumber = false;
+          }
+          if (gatherMin > gatherMax) {
+            hy.tableData.value[index].isCompare = true;
+            isValidate = false;
+          } else {
+            hy.tableData.value[index].isCompare = false;
+          }
+          const isOverlap = hy.tableData.value.every((item, vIndex) => {
+            if (vIndex === index) return true;
+            return hy.checkOverlap(
+              { gatherMin, gatherMax },
+              {
+                gatherMin: parseInt(item.gatherMin),
+                gatherMax: parseInt(item.gatherMax)
+              }
+            );
+          });
+          if (!isOverlap) {
+            hy.tableData.value[index].isOverlap = true;
+            isValidate = false;
+          } else {
+            hy.tableData.value[index].isOverlap = false;
+          }
+          const isColor = hy.tableData.value.every((item, vIndex) => {
+            if (vIndex === index) return true;
+            return item.gatherColor !== v.gatherColor;
+          });
+          if (!isColor) {
+            hy.tableData.value[index].isColor = true;
+            isValidate = false;
+          } else {
+            hy.tableData.value[index].isColor = false;
+          }
+        });
+        return isValidate;
+      };
+      const checkOverlap2 = (range1, range2) => {
+        if (!Number.isInteger(range1.gatherMax) || !Number.isInteger(range1.gatherMin) || !Number.isInteger(range2.gatherMax) || !Number.isInteger(range2.gatherMin)) {
+          return true;
+        }
+        if (range1.gatherMax > range2.gatherMax && range1.gatherMin > range2.gatherMax) {
+          return true;
+        }
+        if (range2.gatherMax > range1.gatherMax && range2.gatherMin > range1.gatherMax) {
+          return true;
+        }
+        return false;
+      };
+      return {
+        HyDialogRef: HyDialogRef2,
+        dialogVisible: dialogVisible2,
+        loading: loading2,
+        tableData: tableData2,
+        show: show2,
+        onSubmit: onSubmit2,
+        getData: getData2,
+        createEmptyRow: createEmptyRow2,
+        enterTheMumber: enterTheMumber2,
+        setNormalData: setNormalData2,
+        addData: addData2,
+        deleteFn: deleteFn2,
+        checkData: checkData2,
+        checkOverlap: checkOverlap2
+      };
+    };
+    const {
+      onMinimized,
+      setDragLevelIndex,
+      HyDialogRef,
+      dialogVisible,
+      loading,
+      tableData,
+      show,
+      onSubmit,
+      getData,
+      createEmptyRow,
+      enterTheMumber,
+      setNormalData,
+      addData,
+      deleteFn,
+      checkData,
+      checkOverlap
+    } = useMixins({}, [useDialog, useDialogIsEdit, useSetRuleAggregationAlarmDialog]);
+    __expose({
+      show,
+      setDragLevelIndex
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(HyDialog), {
+        ref_key: "HyDialogRef",
+        ref: HyDialogRef,
+        modelValue: unref(dialogVisible),
+        "onUpdate:modelValue": ($event) => isRef(dialogVisible) ? dialogVisible.value = $event : null,
+        loading: unref(loading),
+        "onUpdate:loading": ($event) => isRef(loading) ? loading.value = $event : null,
+        title: "\u544A\u8B66\u7B49\u7EA7\u8BBE\u7F6E",
+        width: "700",
+        "dialog-type": "default",
+        "show-operate": true,
+        "if-draggable": __props.ifDraggable,
+        "if-shrink": __props.ifShrink,
+        "on-submit": unref(onSubmit),
+        onOnMinimized: unref(onMinimized),
+        onOnDialogMousedown: ($event) => unref(setDragLevelIndex)("HyDialogRef")
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", { class: "w-full" }, [
+            createElementVNode("div", { class: "flex justify-end" }, [
+              createVNode(unref(HyButton), {
+                type: "default",
+                onClick: unref(setNormalData)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u4F7F\u7528\u7CFB\u7EDF\u9ED8\u8BA4\u8BBE\u7F6E")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["onClick"]),
+              createVNode(unref(HyButton), {
+                type: "success",
+                onClick: unref(addData)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u6DFB\u52A0\u544A\u8B66\u7B49\u7EA7")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["onClick"])
+            ]),
+            createElementVNode("div", { class: "min-h-40 flex flex-col gap-4 mt-4" }, [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(unref(tableData), (data, index) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: `tableData${index}`,
+                    class: "w-full h-12 rounded bg-background-2 flex items-center box-border px-3 relative"
+                  }, [
+                    createElementVNode("span", null, "\u544A\u8B66\u4EBA\u5458\u6570\u91CF\uFF1A"),
+                    createVNode(unref(HyInput), {
+                      modelValue: data.gatherMin,
+                      "onUpdate:modelValue": ($event) => data.gatherMin = $event,
+                      size: "small",
+                      class: "w-[100px]",
+                      placeholder: "\u6700\u5C11\u4EBA\u6570",
+                      onInput: ($event) => unref(enterTheMumber)(data, "gatherMin")
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onInput"]),
+                    createElementVNode(
+                      "span",
+                      { class: "mx-2" },
+                      toDisplayString(unref($t)("hy.to")),
+                      1
+                      /* TEXT */
+                    ),
+                    createVNode(unref(HyInput), {
+                      modelValue: data.gatherMax,
+                      "onUpdate:modelValue": ($event) => data.gatherMax = $event,
+                      size: "small",
+                      class: "w-[100px]",
+                      placeholder: "\u6700\u591A\u4EBA\u6570",
+                      onInput: ($event) => unref(enterTheMumber)(data, "gatherMax")
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onInput"]),
+                    createElementVNode("span", { class: "ml-16" }, "\u544A\u8B66\u989C\u8272\uFF1A"),
+                    createVNode(unref(ElColorPicker), {
+                      modelValue: data.gatherColor,
+                      "onUpdate:modelValue": ($event) => data.gatherColor = $event,
+                      "color-format": "hex",
+                      size: "small",
+                      predefine: ["#008c00", "#1900ff", "#feff00", "#ffb000", "#ff1100"]
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                    createVNode(unref(HyIconBox), {
+                      "alt-text": unref($t)("bussiness.delete"),
+                      "svg-name": "ops-linear-delete",
+                      "class-name": "!text-danger-2 !bg-background",
+                      class: "ml-auto",
+                      onClick: ($event) => unref(deleteFn)(index)
+                    }, null, 8, ["alt-text", "onClick"]),
+                    createElementVNode("div", { class: "absolute w-full left-0 -bottom-4 flex text-dangerv2 truncate" }, [
+                      data.isNoData ? (openBlock(), createElementBlock("span", { key: 0 }, "\u8BF7\u8F93\u5165\u5B8C\u6574\u6570\u636E")) : data.isNumber ? (openBlock(), createElementBlock("span", { key: 1 }, "\u8BF7\u8F93\u5165 0-9999 \u6B63\u786E\u4EBA\u5458\u6570\u91CF")) : data.isNoColor ? (openBlock(), createElementBlock("span", { key: 2 }, "\u8BF7\u9009\u62E9\u544A\u8B66\u989C\u8272")) : data.isCompare ? (openBlock(), createElementBlock("span", { key: 3 }, "\u5DE6\u8FB9\u8F93\u5165\u6846\u6570\u5B57\u5927\u5C0F\u5E94\u8BE5\u5C0F\u4E8E\u6216\u7B49\u4E8E\u53F3\u8FB9")) : data.isOverlap ? (openBlock(), createElementBlock("span", { key: 4 }, "\u4E0E\u5176\u4ED6\u8BBE\u7F6E\u9879\u4EBA\u6570\u6570\u91CF\u91CD\u53E0")) : data.isColor ? (openBlock(), createElementBlock("span", { key: 5 }, "\u6B64\u544A\u8B66\u989C\u8272\u5DF2\u88AB\u4F7F\u7528\uFF0C\u8BF7\u9009\u62E9\u65B0\u7684\u544A\u8B66\u989C\u8272")) : createCommentVNode("v-if", true)
+                    ])
+                  ]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              )),
+              !unref(tableData).length ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "w-full h-0 flex-grow flex flex-col justify-center items-center"
+              }, [
+                createElementVNode("span", { class: "text-auxiliary text-base" }, "\u6682\u65E0\u7B49\u7EA7\u8BBE\u7F6E")
+              ])) : createCommentVNode("v-if", true)
+            ])
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "onUpdate:modelValue", "loading", "onUpdate:loading", "if-draggable", "if-shrink", "on-submit", "onOnMinimized", "onOnDialogMousedown"]);
+    };
+  }
+};
+
+export { _sfc_main as default };

package/es/bussiness/hyRuleSetting/cpns/timedVideo/timedVideo.vue.mjs

@@ -0,0 +1,240 @@
+import { useTemplateRef, ref, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createCommentVNode } from 'vue';
+import { ElMessage, ElPopover } from 'element-plus';
+import { deleteBatchApi } from '../../../../api/index.mjs';
+import '../../../../hooks/index.mjs';
+import { weekDateFn } from '../../js/ruleSetting.mjs';
+import '../../../../components/index.mjs';
+import { useAppTable } from '../../../../components/hyTable/js/useAppTable.mjs';
+import { $t } from '../../../../hooks/useLocale.mjs';
+import { HyConfirmDialog } from '../../../../components/hyConfirmDialog/index.mjs';
+import { useMixins } from '../../../../hooks/useMixins.mjs';
+import { HyTable } from '../../../../components/hyTable/index.mjs';
+import { HyTableActionButton } from '../../../../components/hyTableActionButton/index.mjs';
+import { HyIcon } from '../../../../components/hyIcon/index.mjs';
+
+const _sfc_main = {
+  __name: "timedVideo",
+  emits: ["on-add", "on-edit", "on-rule-assign"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const tableRef = useTemplateRef("tableRef");
+    function useTimedVideo(hy) {
+      const { tableRef: tableRef2 } = hy;
+      const { tableColumns: tableColumns2, filterModel: filterModel2, filterColumns: filterColumns2 } = useAppTable({
+        columns: [
+          {
+            prop: "ruleName",
+            label: $t("ruleSetting.ruleName"),
+            isSearch: true
+          },
+          {
+            prop: "attendanceTime",
+            label: $t("ruleSetting.workingHours"),
+            slot: "attendanceTime"
+          },
+          {
+            type: "operator",
+            operator: [
+              {
+                label: $t("ruleSetting.distribution"),
+                desc: $t("ruleSetting.assignRules"),
+                svgName: "ops-linear-fen-pei",
+                handler: ({ row }) => {
+                  hy.assingRules(row);
+                }
+              },
+              {
+                label: $t("bussiness.edit"),
+                desc: $t("bussiness.edit"),
+                svgName: "ops-button-edit",
+                handler: ({ row }) => {
+                  emits("on-edit", row);
+                }
+              },
+              {
+                desc: $t("bussiness.delete"),
+                label: $t("bussiness.delete"),
+                svgName: "ops-linear-delete",
+                className: "text-danger-2",
+                handler: ({ row }) => {
+                  hy.deleteShow(row);
+                }
+              }
+            ]
+          }
+        ],
+        filterColumns: [],
+        filterModel: {
+          type: 5
+        }
+      });
+      const searchArr2 = ref([]);
+      function showAddRuleSettingDialog2(row) {
+        emits("on-add", row);
+      }
+      function assingRules(row) {
+        emits("on-rule-assign", row);
+      }
+      function deleteShow(data) {
+        HyConfirmDialog.danger({
+          title: "\u786E\u8BA4\u5220\u9664",
+          content: `<div><p>\u5220\u9664\u540E\u65E0\u6CD5\u8FD8\u539F\uFF0C\u662F\u5426\u786E\u8BA4\u5220\u9664\u8BE5\u89C4\u5219\uFF1F</p><p class="text-theme mt-1">"${data.ruleName}"</p></div>`,
+          onSubmit() {
+            return new Promise((resolve, reject) => {
+              deleteBatchApi("rule", data.id).then((res) => {
+                if (res.code === 200) {
+                  ElMessage.success($t("bussiness.successfulDeletion"));
+                  hy.getData();
+                  resolve();
+                }
+              }).catch(() => {
+                reject();
+              });
+            });
+          }
+        });
+      }
+      function getData2(page = null) {
+        tableRef2.value.getData(page);
+      }
+      return {
+        // data
+        tableColumns: tableColumns2,
+        filterModel: filterModel2,
+        filterColumns: filterColumns2,
+        searchArr: searchArr2,
+        // methods
+        assingRules,
+        showAddRuleSettingDialog: showAddRuleSettingDialog2,
+        deleteShow,
+        getData: getData2
+      };
+    }
+    const { tableColumns, filterModel, filterColumns, searchArr, showAddRuleSettingDialog, getData } = useMixins({ tableRef }, [useTimedVideo]);
+    __expose({
+      getData
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", { class: "w-full h-full" }, [
+        createVNode(unref(HyTable), {
+          ref_key: "tableRef",
+          ref: tableRef,
+          controller: "rule",
+          "table-columns": unref(tableColumns),
+          "filter-model": unref(filterModel),
+          "filter-columns": unref(filterColumns),
+          "search-arr": unref(searchArr),
+          "show-editable": false
+        }, {
+          "operator-left-box": withCtx(() => [
+            createVNode(unref(HyTableActionButton), {
+              type: "success",
+              "svg-name": "ops-button-add",
+              label: "\u6DFB\u52A0",
+              "operate-list": [
+                {
+                  children: [
+                    {
+                      label: "\u6DFB\u52A0\u5B9A\u65F6\u5F55\u50CF",
+                      value: "showAddRuleSettingDialog",
+                      altText: ``
+                    }
+                  ]
+                }
+              ],
+              onChange: ($event) => unref(showAddRuleSettingDialog)({ type: unref(filterModel).type })
+            }, null, 8, ["onChange"]),
+            createVNode(unref(ElPopover), {
+              placement: "bottom-start",
+              width: "200",
+              trigger: "hover"
+            }, {
+              reference: withCtx(() => [
+                createElementVNode("span", { class: "text-xs text-theme ml-2" }, [
+                  createVNode(unref(HyIcon), {
+                    "svg-name": "dispatch-share-v3-base-help",
+                    class: "!w-3 !h-3 mr-1"
+                  }),
+                  createElementVNode(
+                    "span",
+                    null,
+                    toDisplayString(unref($t)("hy.help")),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", { class: "p-[10px_20px] text-xs" }, [
+                  createElementVNode("div", { class: "mb-2 break-keep" }, "\u89C4\u5219\u4F7F\u7528\u8BF4\u660E\uFF1A"),
+                  createElementVNode("ul", null, [
+                    createElementVNode("li", { class: "flex mb_10" }, [
+                      createElementVNode("span", null, "1\u3001"),
+                      createElementVNode("span", null, "\u6DFB\u52A0\u89C4\u5219")
+                    ]),
+                    createElementVNode("li", { class: "flex mb_10" }, [
+                      createElementVNode("span", null, "2\u3001"),
+                      createElementVNode("span", null, "\u8BBE\u7F6E\u81EA\u5B9A\u4E49\u7684\u89C4\u5219\u6761\u4EF6")
+                    ]),
+                    createElementVNode("li", { class: "flex mb_10" }, [
+                      createElementVNode("span", null, "3\u3001"),
+                      createElementVNode("span", null, "\u5E76\u628A\u9700\u8981\u6267\u884C\u6B64\u89C4\u5219\u7684\u4EBA\u5458\u6388\u6743\u7ED9\u5B83")
+                    ])
+                  ])
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          attendanceTime: withCtx(({ row }) => [
+            row.ruleDateType === 1 || !row.ruleDateType ? (openBlock(), createElementBlock("div", { key: 0 }, [
+              createTextVNode(
+                toDisplayString(unref($t)("ruleSetting.everyDay")) + " ",
+                1
+                /* TEXT */
+              ),
+              createElementVNode(
+                "span",
+                { class: "text-auxiliary text-xs" },
+                "(" + toDisplayString(row.startDtm1) + "-" + toDisplayString(row.endDtm1) + ")",
+                1
+                /* TEXT */
+              )
+            ])) : row.ruleDateType === 2 ? (openBlock(), createElementBlock("div", { key: 1 }, [
+              createTextVNode(
+                toDisplayString(unref(weekDateFn)(row.weekDate)) + " ",
+                1
+                /* TEXT */
+              ),
+              createElementVNode(
+                "span",
+                { class: "text-auxiliary text-xs" },
+                "(" + toDisplayString(row.startDtm1) + "-" + toDisplayString(row.endDtm1) + "})",
+                1
+                /* TEXT */
+              )
+            ])) : row.ruleDateType === 4 ? (openBlock(), createElementBlock("div", { key: 2 }, [
+              createTextVNode(
+                toDisplayString(row.apStartDtm.split(" 00:00:00")[0]) + " ~ " + toDisplayString(row.apEndDtm.split(" 00:00:00")[0]) + " ",
+                1
+                /* TEXT */
+              ),
+              createElementVNode(
+                "span",
+                { class: "text-auxiliary text-xs" },
+                "(" + toDisplayString(row.startDtm1) + "-" + toDisplayString(row.endDtm1) + "})",
+                1
+                /* TEXT */
+              )
+            ])) : createCommentVNode("v-if", true)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["table-columns", "filter-model", "filter-columns", "search-arr"])
+      ]);
+    };
+  }
+};
+
+export { _sfc_main as default };