yc-pro-components 0.0.20 → 0.0.21

package/lib/components/index.js

@@ -43,6 +43,8 @@ var index$O = require('./yc-download-dialog/index.js');
 var index$Q = require('./yc-tabs-with-filter/index.js');
 var type = require('./yc-config-provider/src/type.js');
 var useYcConfig = require('./yc-config-provider/src/useYcConfig.js');
+var useHeaderFilter = require('./yc-plus-page/src/use-header-filter.js');
+var constants = require('./yc-plus-page/src/constants.js');
 var index$o = require('./yc-select-v2/src/index.vue.js');
 var treeDataUtils = require('./yc-plus-tree/src/treeDataUtils.js');
 var type$1 = require('./yc-dialog/src/type.js');
@@ -91,6 +93,7 @@ exports.ReConfigProvider = index$m.YcConfigProvider;
 exports.YcConfigProvider = index$m.YcConfigProvider;
 exports.RePlusPage = index$n.RePlusPage;
 exports.YcPlusPage = index$n.YcPlusPage;
+exports.YcTableHeaderFilterCell = index$n.YcTableHeaderFilterCell;
 exports.RePlusTree = index$p.RePlusTree;
 exports.YcPlusTree = index$p.YcPlusTree;
 exports.ReDialog = index$q.ReDialog;
@@ -129,6 +132,11 @@ exports.useYcConfig = useYcConfig.useYcConfig;
 exports.useYcPerms = useYcConfig.useYcPerms;
 exports.useYcShowPageSearch = useYcConfig.useYcShowPageSearch;
 exports.useYcTranslate = useYcConfig.useYcTranslate;
+exports.useHeaderFilter = useHeaderFilter.useHeaderFilter;
+exports.DEFAULT_OPERATORS = constants.DEFAULT_OPERATORS;
+exports.NO_VALUE_OPERATORS = constants.NO_VALUE_OPERATORS;
+exports.OPERATOR_CATALOG = constants.OPERATOR_CATALOG;
+exports.OPERATOR_LABELS = constants.OPERATOR_LABELS;
 exports.ReSelectV2 = index$o.default;
 exports.YcSelectV2 = index$o.default;
 exports.findNodeById = treeDataUtils.findNodeById;

package/lib/components/yc-plus-page/index.d.ts

@@ -1,8 +1,12 @@
 import { default as YcPlusPageComponent } from './src/index.vue';
 import { DefineComponent } from 'vue';
 
-export type { YcPlusPageProps } from './src/type';
+export type { YcPlusPageProps, FieldCatalogItem, FieldCatalog, OperatorOption, HeaderFilterConfig, ColumnHeaderFilterConfig, HeaderFilterPayload, HeaderFilterResetPayload, FilterItem, HeaderFiltersState, OrderByItem, RequestResponse } from './src/type';
+export { useHeaderFilter } from './src/use-header-filter';
+export type { UseHeaderFilterOptions, UseHeaderFilterReturn } from './src/use-header-filter';
+export { OPERATOR_CATALOG, OPERATOR_LABELS, NO_VALUE_OPERATORS, DEFAULT_OPERATORS } from './src/constants';
 export type YcPlusPageInstance = InstanceType<typeof YcPlusPageComponent>;
 export declare const YcPlusPage: DefineComponent;
+export declare const YcTableHeaderFilterCell: DefineComponent;
 export declare const RePlusPage: DefineComponent;
 export type { YcPlusPageProps as RePlusPageProps } from './src/type';

package/lib/components/yc-plus-page/index.js

@@ -1,9 +1,19 @@
 'use strict';
 
 var index = require('./src/index.vue.js');
+var headerFilterCell = require('./src/header-filter-cell.vue.js');
+var useHeaderFilter = require('./src/use-header-filter.js');
+var constants = require('./src/constants.js');
 
 const YcPlusPage = index.default;
+const YcTableHeaderFilterCell = headerFilterCell.default;
 const RePlusPage = index.default;
 
+exports.useHeaderFilter = useHeaderFilter.useHeaderFilter;
+exports.DEFAULT_OPERATORS = constants.DEFAULT_OPERATORS;
+exports.NO_VALUE_OPERATORS = constants.NO_VALUE_OPERATORS;
+exports.OPERATOR_CATALOG = constants.OPERATOR_CATALOG;
+exports.OPERATOR_LABELS = constants.OPERATOR_LABELS;
 exports.RePlusPage = RePlusPage;
 exports.YcPlusPage = YcPlusPage;
+exports.YcTableHeaderFilterCell = YcTableHeaderFilterCell;

package/lib/components/yc-plus-page/src/constants.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 表头筛选相关常量
+ */
+/**
+ * 操作符目录 - 按字段类型分组
+ */
+export declare const OPERATOR_CATALOG: Record<string, string[]>;
+/**
+ * 操作符中文映射
+ */
+export declare const OPERATOR_LABELS: Record<string, string>;
+/**
+ * 不需要输入值的操作符
+ */
+export declare const NO_VALUE_OPERATORS: string[];
+/**
+ * 默认操作符
+ */
+export declare const DEFAULT_OPERATORS: {
+    label: string;
+    code: string;
+}[];

package/lib/components/yc-plus-page/src/constants.js

@@ -0,0 +1,46 @@
+'use strict';
+
+const OPERATOR_CATALOG = {
+  string: ["=", "!=", "like", "not like", "in", "not in"],
+  number: ["=", "!=", ">", ">=", "<", "<=", "in", "not in", "between"],
+  date: ["=", ">", ">=", "<", "<=", "between"],
+  boolean: ["is true", "is false", "is null", "is not null"],
+  nullable: ["is null", "is not null"],
+  json: ["contains", "not contains", "is null", "is not null"]
+};
+const OPERATOR_LABELS = {
+  // 通用
+  "=": "\u7B49\u4E8E",
+  "!=": "\u4E0D\u7B49\u4E8E",
+  ">": "\u5927\u4E8E",
+  ">=": "\u5927\u4E8E\u7B49\u4E8E",
+  "<": "\u5C0F\u4E8E",
+  "<=": "\u5C0F\u4E8E\u7B49\u4E8E",
+  like: "\u5305\u542B",
+  "not like": "\u4E0D\u5305\u542B",
+  in: "\u5C5E\u4E8E",
+  "not in": "\u4E0D\u5C5E\u4E8E",
+  between: "\u4ECB\u4E8E",
+  "is null": "\u4E3A\u7A7A",
+  "is not null": "\u4E0D\u4E3A\u7A7A",
+  // 布尔专用
+  "is true": "\u4E3A\u771F",
+  "is false": "\u4E3A\u5047",
+  // JSON 专用
+  contains: "\u5305\u542B\u952E\u503C",
+  "not contains": "\u4E0D\u5305\u542B\u952E\u503C"
+};
+const NO_VALUE_OPERATORS = [
+  "empty",
+  "not_empty",
+  "is null",
+  "is not null",
+  "is true",
+  "is false"
+];
+const DEFAULT_OPERATORS = [{ label: OPERATOR_LABELS["="] || "=", code: "=" }];
+
+exports.DEFAULT_OPERATORS = DEFAULT_OPERATORS;
+exports.NO_VALUE_OPERATORS = NO_VALUE_OPERATORS;
+exports.OPERATOR_CATALOG = OPERATOR_CATALOG;
+exports.OPERATOR_LABELS = OPERATOR_LABELS;

package/lib/components/yc-plus-page/src/header-filter-cell.vue.d.ts

@@ -0,0 +1,85 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { OperatorOption, OrderByItem, FilterItem } from './type';
+import { PlusColumn } from 'yc-pro-components/es/types/plus';
+
+interface Props {
+    /** 列标签 */
+    label: string;
+    /** 列配置 */
+    column: PlusColumn;
+    /** 操作符列表 */
+    operators?: OperatorOption[];
+    /** 当前筛选状态 */
+    filters?: FilterItem[];
+    /** 当前排序状态 */
+    orderBy?: OrderByItem[];
+    /** 是否禁用筛选（仅显示排序） */
+    disableFilter?: boolean;
+    /** 自定义渲染 reference */
+    referenceRenderer?: () => unknown;
+}
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    operators: () => never[];
+    filters: () => never[];
+    orderBy: () => never[];
+    disableFilter: boolean;
+    referenceRenderer: undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    reset: (payload: {
+        column: PlusColumn;
+        op: string;
+    }) => void;
+    confirm: (payload: {
+        column: PlusColumn;
+        op: string;
+        value?: string | undefined;
+    }) => void;
+    sortChange: (payload: {
+        field: string;
+        direction?: "desc" | "asc" | undefined;
+    }) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    operators: () => never[];
+    filters: () => never[];
+    orderBy: () => never[];
+    disableFilter: boolean;
+    referenceRenderer: undefined;
+}>>> & {
+    onReset?: ((payload: {
+        column: PlusColumn;
+        op: string;
+    }) => any) | undefined;
+    onConfirm?: ((payload: {
+        column: PlusColumn;
+        op: string;
+        value?: string | undefined;
+    }) => any) | undefined;
+    onSortChange?: ((payload: {
+        field: string;
+        direction?: "desc" | "asc" | undefined;
+    }) => any) | undefined;
+}, {
+    filters: FilterItem[];
+    orderBy: OrderByItem[];
+    operators: OperatorOption[];
+    disableFilter: boolean;
+    referenceRenderer: () => unknown;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/yc-plus-page/src/header-filter-cell.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var headerFilterCell_vue_vue_type_script_setup_true_lang = require('./header-filter-cell.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(headerFilterCell_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-87ce6807"], ["__file", "header-filter-cell.vue"]]);
+
+exports.default = YcTableHeaderFilterCellComponent;

package/lib/components/yc-plus-page/src/header-filter-cell.vue2.js

@@ -0,0 +1,358 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var ElementPlusIconsVue = require('@element-plus/icons-vue');
+var constants = require('./constants.js');
+
+const _hoisted_1 = {
+  class: "yc-header-filter-cell__sort",
+  style: {
+    display: "inline-flex",
+    flexDirection: "column",
+    alignItems: "center",
+    lineHeight: 1
+  }
+};
+const _hoisted_2 = {
+  class: "yc-header-filter-cell__content",
+  style: {
+    display: "flex",
+    flexDirection: "column",
+    padding: "8px",
+    minWidth: "180px",
+    gap: "6px"
+  }
+};
+const _hoisted_3 = { class: "yc-header-filter-cell__operators" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = {
+  class: "yc-header-filter-cell__actions",
+  style: {
+    display: "flex",
+    justifyContent: "space-between",
+    marginTop: "6px"
+  }
+};
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "YcTableHeaderFilterCell"
+  },
+  __name: "header-filter-cell",
+  props: {
+    label: {},
+    column: {},
+    operators: { default: () => [] },
+    filters: { default: () => [] },
+    orderBy: { default: () => [] },
+    disableFilter: { type: Boolean, default: false },
+    referenceRenderer: { type: Function, default: void 0 }
+  },
+  emits: ["confirm", "reset", "sortChange"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const state = vue.reactive({
+      selectedOp: "=",
+      inputVal: ""
+    });
+    const popVisible = vue.ref(false);
+    const wrapperElRef = vue.ref(null);
+    const operatorsList = vue.computed(() => props.operators);
+    vue.watch(
+      operatorsList,
+      (list) => {
+        var _a;
+        const firstCode = (_a = list == null ? void 0 : list[0]) == null ? void 0 : _a.code;
+        if (!Array.isArray(list)) return;
+        if (!list.some((op) => op.code === state.selectedOp)) {
+          state.selectedOp = firstCode != null ? firstCode : "=";
+        }
+      },
+      { immediate: true }
+    );
+    const fieldRef = vue.computed(() => {
+      var _a;
+      return String(((_a = props.column) == null ? void 0 : _a.prop) || "");
+    });
+    const isActive = vue.computed(() => {
+      var _a, _b;
+      const field = fieldRef.value;
+      return (_b = (_a = props.filters) == null ? void 0 : _a.some((i) => String(i.field) === field)) != null ? _b : false;
+    });
+    const isAscActive = vue.computed(
+      () => {
+        var _a;
+        return (_a = props.orderBy) == null ? void 0 : _a.some((i) => i.field === fieldRef.value && i.direction === "asc");
+      }
+    );
+    const isDescActive = vue.computed(
+      () => {
+        var _a;
+        return (_a = props.orderBy) == null ? void 0 : _a.some((i) => i.field === fieldRef.value && i.direction === "desc");
+      }
+    );
+    const onDocPointerOrClick = (e) => {
+      if (!popVisible.value) return;
+      const target = e.target;
+      const wrapper = wrapperElRef.value;
+      if (target && ((wrapper == null ? void 0 : wrapper.contains(target)) || target.closest(".yc-header-filter-pop"))) return;
+      popVisible.value = false;
+    };
+    vue.onMounted(() => {
+      window.addEventListener("pointerdown", onDocPointerOrClick, true);
+      window.addEventListener("click", onDocPointerOrClick, true);
+    });
+    vue.onBeforeUnmount(() => {
+      window.removeEventListener("pointerdown", onDocPointerOrClick, true);
+      window.removeEventListener("click", onDocPointerOrClick, true);
+    });
+    const handleSelect = (op) => {
+      state.selectedOp = op.code;
+    };
+    const handleReset = () => {
+      state.inputVal = "";
+      emit("reset", { column: props.column, op: state.selectedOp });
+      popVisible.value = false;
+    };
+    const handleConfirm = () => {
+      emit("confirm", {
+        column: props.column,
+        op: state.selectedOp,
+        value: state.inputVal
+      });
+      popVisible.value = false;
+    };
+    const toggleAsc = () => {
+      const field = fieldRef.value;
+      emit("sortChange", { field, direction: isAscActive.value ? void 0 : "asc" });
+    };
+    const toggleDesc = () => {
+      const field = fieldRef.value;
+      emit("sortChange", { field, direction: isDescActive.value ? void 0 : "desc" });
+    };
+    const cycleSort = () => {
+      const field = fieldRef.value;
+      if (!field) return;
+      if (isDescActive.value) {
+        emit("sortChange", { field, direction: "asc" });
+      } else if (isAscActive.value) {
+        emit("sortChange", { field, direction: void 0 });
+      } else {
+        emit("sortChange", { field, direction: "desc" });
+      }
+    };
+    const needValueInput = vue.computed(() => {
+      return !constants.NO_VALUE_OPERATORS.includes(state.selectedOp);
+    });
+    const renderValueField = () => {
+      var _a, _b, _c, _d, _e;
+      if (!needValueInput.value) return null;
+      const vt = String(((_a = props.column) == null ? void 0 : _a.valueType) || "").toLowerCase();
+      const fp = ((_b = props.column) == null ? void 0 : _b.fieldProps) || {};
+      if (vt === "time-picker") {
+        return vue.h(elementPlus.ElTimePicker, {
+          ...fp,
+          format: (_c = fp == null ? void 0 : fp.format) != null ? _c : "HH:mm:ss",
+          valueFormat: (_d = fp == null ? void 0 : fp.valueFormat) != null ? _d : "HH:mm:ss",
+          modelValue: state.inputVal,
+          "onUpdate:modelValue": (v) => state.inputVal = String(v != null ? v : ""),
+          style: "margin-top: 4px; width: 100%"
+        });
+      }
+      if (vt === "time-select") {
+        return vue.h(elementPlus.ElTimeSelect, {
+          ...fp,
+          modelValue: state.inputVal,
+          "onUpdate:modelValue": (v) => {
+            const raw = String(v != null ? v : "");
+            const nv = raw && /^\d{2}:\d{2}$/.test(raw) ? `${raw}:00` : raw;
+            state.inputVal = nv;
+          },
+          style: "margin-top: 4px; width: 100%"
+        });
+      }
+      if (vt === "date-picker") {
+        return vue.h(elementPlus.ElDatePicker, {
+          ...fp,
+          valueFormat: (_e = fp == null ? void 0 : fp.valueFormat) != null ? _e : "YYYY-MM-DD HH:mm:ss",
+          modelValue: state.inputVal,
+          "onUpdate:modelValue": (v) => {
+            const nv = Array.isArray(v) ? v.join(",") : String(v != null ? v : "");
+            state.inputVal = nv;
+          },
+          style: "margin-top: 4px; width: 100%"
+        });
+      }
+      return vue.h(elementPlus.ElInput, {
+        modelValue: state.inputVal,
+        "onUpdate:modelValue": (v) => state.inputVal = v,
+        placeholder: "",
+        style: "margin-top: 4px; width: 100%"
+      });
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          ref_key: "wrapperElRef",
+          ref: wrapperElRef,
+          class: "yc-header-filter-cell",
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: "6px",
+            cursor: "default"
+          }
+        },
+        [
+          vue.createCommentVNode(" \u6807\u7B7E\u5185\u5BB9 "),
+          vue.createElementVNode("span", {
+            class: "yc-header-filter-cell__label",
+            style: {
+              userSelect: "none",
+              cursor: "pointer"
+            },
+            onClick: vue.withModifiers(cycleSort, ["stop"])
+          }, [
+            _ctx.referenceRenderer ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.referenceRenderer), { key: 0 })) : (vue.openBlock(), vue.createElementBlock(
+              vue.Fragment,
+              { key: 1 },
+              [
+                vue.createTextVNode(
+                  vue.toDisplayString(_ctx.label),
+                  1
+                  /* TEXT */
+                )
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ]),
+          vue.createCommentVNode(" \u6392\u5E8F\u56FE\u6807 "),
+          vue.createElementVNode("span", _hoisted_1, [
+            vue.createVNode(vue.unref(elementPlus.ElIcon), {
+              size: 12,
+              color: isAscActive.value ? "var(--el-color-primary)" : "var(--el-text-color-secondary)",
+              style: { cursor: "pointer" },
+              onClick: vue.withModifiers(toggleAsc, ["stop"])
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(ElementPlusIconsVue.CaretTop))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["color"]),
+            vue.createVNode(vue.unref(elementPlus.ElIcon), {
+              size: 12,
+              color: isDescActive.value ? "var(--el-color-primary)" : "var(--el-text-color-secondary)",
+              style: { cursor: "pointer", marginTop: "-5px" },
+              onClick: vue.withModifiers(toggleDesc, ["stop"])
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(ElementPlusIconsVue.CaretBottom))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["color"])
+          ]),
+          vue.createCommentVNode(" \u7B5B\u9009\u56FE\u6807\u548C\u5F39\u7A97 "),
+          !_ctx.disableFilter ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElPopover), {
+            key: 0,
+            trigger: "click",
+            placement: "bottom-start",
+            width: 220,
+            visible: popVisible.value,
+            "popper-class": "yc-header-filter-pop",
+            "popper-style": { zIndex: 4e3 }
+          }, {
+            reference: vue.withCtx(() => [
+              vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                size: 16,
+                color: isActive.value ? "var(--el-color-primary)" : "var(--el-text-color-secondary)",
+                style: { cursor: "pointer" },
+                onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => popVisible.value = !popVisible.value, ["stop"]))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(ElementPlusIconsVue.Filter))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["color"])
+            ]),
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_2, [
+                vue.createCommentVNode(" \u64CD\u4F5C\u7B26\u5217\u8868 "),
+                vue.createElementVNode("div", _hoisted_3, [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(operatorsList.value, (op) => {
+                      return vue.openBlock(), vue.createElementBlock("div", {
+                        key: op.code,
+                        class: "yc-header-filter-cell__operator-item",
+                        style: vue.normalizeStyle({
+                          display: "flex",
+                          justifyContent: "space-between",
+                          alignItems: "center",
+                          padding: "6px 8px",
+                          borderRadius: "4px",
+                          background: state.selectedOp === op.code ? "var(--el-color-primary-light-9)" : "transparent",
+                          color: state.selectedOp === op.code ? "var(--el-color-primary)" : "inherit",
+                          cursor: "pointer"
+                        }),
+                        onClick: ($event) => handleSelect(op)
+                      }, [
+                        vue.createElementVNode(
+                          "span",
+                          null,
+                          vue.toDisplayString(op.label),
+                          1
+                          /* TEXT */
+                        ),
+                        state.selectedOp === op.code ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, "\u2713")) : vue.createCommentVNode("v-if", true)
+                      ], 12, _hoisted_4);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                vue.createCommentVNode(" \u503C\u8F93\u5165 "),
+                needValueInput.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderValueField), { key: 0 })) : vue.createCommentVNode("v-if", true),
+                vue.createCommentVNode(" \u64CD\u4F5C\u6309\u94AE "),
+                vue.createElementVNode("div", _hoisted_6, [
+                  vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: handleReset }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("\u91CD\u7F6E")
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  vue.createVNode(vue.unref(elementPlus.ElButton), {
+                    type: "primary",
+                    onClick: handleConfirm
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("\u786E\u5B9A")
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ])
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["visible"])) : vue.createCommentVNode("v-if", true)
+        ],
+        512
+        /* NEED_PATCH */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;