@wfrog/vc-ui 1.3.1 → 1.5.0

package/dist/es/components/explorer-form/explorer-form.mjs

@@ -0,0 +1,174 @@
+import './index.css'
+import '../../chunk/By7FMB3I.mjs';
+import { v as vLoading } from '../../chunk/CwXV7M2F.mjs';
+import { defineComponent, ref, useTemplateRef, watch, onBeforeMount, onBeforeUnmount, withDirectives, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, unref, withCtx, resolveDynamicComponent, mergeProps } from 'vue';
+import { ElForm } from 'element-plus';
+import { C as Component$2 } from '../button/button.mjs';
+import { C as Component$1 } from '../iconify-icon/iconify-icon.mjs';
+import { C as Component$3 } from '../scrollbar/scrollbar.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "explorer-form",
+  props: {
+    title: {},
+    icon: { default: "fluent:form-48-regular" },
+    form: {},
+    formProps: {},
+    initialValues: {},
+    autoInitial: { type: Boolean, default: true },
+    defaultEditing: { type: Boolean },
+    onCancel: { type: Function, default: () => {
+    } },
+    onSave: { type: Function, default: () => {
+    } }
+  },
+  emits: ["clickEdit"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const isEditing = ref(false);
+    const loading = ref(false);
+    const formRef = useTemplateRef("formRef");
+    const formComponent = ref();
+    function handleEdit() {
+      emits("clickEdit");
+      isEditing.value = true;
+    }
+    async function handleCancel() {
+      formRef.value.resetFields();
+      await props.onCancel();
+      isEditing.value = false;
+    }
+    async function handleSave() {
+      const valid = await formRef.value.validate();
+      if (!valid) {
+        return;
+      }
+      await props.onSave(props.form.fields);
+      formRef.value?.setInitialValues(props.form.fields);
+      isEditing.value = false;
+    }
+    const editingWatch = watch(() => props.defaultEditing, (val) => {
+      isEditing.value = val;
+    }, { immediate: true });
+    const autoInitialWatch = watch(() => props.form.fields, (val) => {
+      props.autoInitial && formRef.value?.setInitialValues(val);
+    }, { immediate: true });
+    const initialValuesWatch = watch(() => props.initialValues, () => {
+      props.initialValues && formRef.value?.setInitialValues(props.initialValues);
+    }, { immediate: true, deep: true });
+    onBeforeMount(() => {
+      formComponent.value = ElForm;
+    });
+    onBeforeUnmount(() => {
+      initialValuesWatch.stop();
+      autoInitialWatch.stop();
+      editingWatch.stop();
+    });
+    return (_ctx, _cache) => {
+      const _directive_loading = vLoading;
+      return withDirectives((openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style["explorer-form"])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.header)
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style["header-container"])
+          }, [
+            __props.icon ? (openBlock(), createBlock(Component$1, {
+              key: 0,
+              name: __props.icon,
+              class: normalizeClass(_ctx.$style.icon)
+            }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(__props.title), 1)
+            ])
+          ], 2),
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.actions)
+          }, [
+            unref(isEditing) ? (openBlock(), createBlock(Component$2, {
+              key: 0,
+              icon: { type: "el", name: "Close" },
+              onClick: handleCancel
+            }, {
+              default: withCtx(() => [..._cache[0] || (_cache[0] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
+            })) : createCommentVNode("", true),
+            unref(isEditing) ? (openBlock(), createBlock(Component$2, {
+              key: 1,
+              type: "primary",
+              icon: { type: "el", name: "Check" },
+              onClick: handleSave
+            }, {
+              default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                createTextVNode("保存", -1)
+              ])]),
+              _: 1
+            })) : createCommentVNode("", true),
+            !unref(isEditing) ? (openBlock(), createBlock(Component$2, {
+              key: 2,
+              type: "primary",
+              icon: { type: "el", name: "Edit" },
+              onClick: handleEdit
+            }, {
+              default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                createTextVNode("编辑", -1)
+              ])]),
+              _: 1
+            })) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "action")
+          ], 2)
+        ], 2),
+        createVNode(Component$3, { always: "" }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(unref(formComponent)), mergeProps({
+              ref_key: "formRef",
+              ref: formRef
+            }, props.formProps, {
+              model: __props.form.fields,
+              rules: __props.form.rules,
+              disabled: !unref(isEditing),
+              "require-asterisk-position": "right"
+            }), {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            }, 16, ["model", "rules", "disabled"]))
+          ]),
+          _: 3
+        })
+      ], 2)), [
+        [_directive_loading, unref(loading)]
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const header = "_header_gacal_8";
+const icon = "_icon_gacal_25";
+const actions = "_actions_gacal_29";
+const style0 = {
+	"explorer-form": "_explorer-form_gacal_1",
+	header: header,
+	"header-container": "_header-container_gacal_21",
+	icon: icon,
+	actions: actions
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_24 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_24 as _ };

package/dist/es/components/explorer-form/explorer-form.vue.d.ts

@@ -0,0 +1,33 @@
+import { IExplorerFormProps } from './explorer-form';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        action?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        formRef: unknown;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IExplorerFormProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    clickEdit: () => any;
+}, string, import('vue').PublicProps, Readonly<IExplorerFormProps> & Readonly<{
+    onClickEdit?: (() => any) | undefined;
+}>, {
+    icon: string;
+    onCancel: () => void | Promise<void>;
+    onSave: (data: Record<string, any>) => void | Promise<void>;
+    autoInitial: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    formRef: unknown;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/explorer-form/index.css

@@ -0,0 +1,33 @@
+/* source: src/components/explorer-form/explorer-form.vue */
+._explorer-form_gacal_1 {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  height: 100px;
+}
+._header_gacal_8 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+  padding-bottom: 7px;
+  box-sizing: border-box;
+  margin-bottom: 8px;
+  color: var(--el-text-color-regular);
+  flex-wrap: wrap;
+  row-gap: 8px;
+}
+._header-container_gacal_21 {
+  font-size: 1.2em;
+}
+._icon_gacal_25 {
+  margin-right: 4px;
+}
+._actions_gacal_29 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+._actions_gacal_29 .el-button {
+  margin-left: 0 !important;
+}

package/dist/es/components/explorer-form/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './explorer-form.vue';
+export declare const VcExplorerContainer: SFCWithInstall<typeof Component>;
+export default VcExplorerContainer;

package/dist/es/components/explorer-form/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './explorer-form.mjs';
+
+const VcExplorerContainer = withInstall(Component);
+
+export { VcExplorerContainer, VcExplorerContainer as default };

package/dist/es/components/explorer-list/explorer-list.d.ts

@@ -0,0 +1,23 @@
+import { IButtonProps } from '../button/button';
+export interface IExplorerListItem<T = any> {
+    label: string;
+    icon?: string;
+    value: string | number;
+    original?: T;
+}
+export interface IExplorerListProps {
+    data?: IExplorerListItem[];
+    actions?: ('create' | 'modify' | 'remove')[];
+    filterMethod?: (keyword: string, item: IExplorerListItem) => boolean;
+    emptyText?: string;
+    loading?: boolean;
+    loadingText?: string;
+    highlightCurrent?: boolean;
+    confirmParams?: (item: IExplorerListItem) => IButtonProps['confirm'];
+}
+export interface IExplorerListEmits {
+    (e: 'itemClick', value: string | number, item: IExplorerListItem, event: MouseEvent): void;
+    (e: 'create', value: string | number, item: IExplorerListItem): void;
+    (e: 'modify', value: string | number, item: IExplorerListItem): void;
+    (e: 'remove', value: string | number, item: IExplorerListItem): void;
+}

package/dist/es/components/explorer-list/explorer-list.mjs

@@ -0,0 +1,160 @@
+import './index.css'
+import '../../chunk/By7FMB3I.mjs';
+import { defineComponent, ref, computed, createBlock, openBlock, withCtx, createElementBlock, createCommentVNode, Fragment, renderList, unref, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode } from 'vue';
+import { Loading } from '@element-plus/icons-vue';
+import { C as Component$3 } from '../button/button.mjs';
+import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
+import { C as Component$2 } from '../iconify-icon/iconify-icon.mjs';
+import { C as Component$1 } from '../scrollbar/scrollbar.mjs';
+import { E as ElIcon } from '../../chunk/D1MHFKtN.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "explorer-list",
+  props: {
+    data: { default: () => [] },
+    actions: { default: () => [] },
+    filterMethod: {},
+    emptyText: { default: "没有数据" },
+    loading: { type: Boolean },
+    loadingText: { default: "数据加载中..." },
+    highlightCurrent: { type: Boolean, default: true },
+    confirmParams: { type: Function, default: (item) => {
+      return { msg: `确定要删除 ${item.label} 吗？` };
+    } }
+  },
+  emits: ["itemClick", "create", "modify", "remove"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { filterKeyword } = injectExplorerPanelState();
+    const actived = ref();
+    const filterMethod = props.filterMethod || ((keyword, item) => {
+      return item.label.toLowerCase().includes(keyword.toLowerCase());
+    });
+    const myData = computed(() => {
+      return filterKeyword.value ? props.data.filter((item) => filterMethod(filterKeyword.value, item)) : props.data;
+    });
+    const isEmpty = computed(() => myData.value.length === 0);
+    function handleClick(item, e) {
+      if (!props.highlightCurrent) {
+        return;
+      }
+      actived.value = item.value;
+      emits("itemClick", item.value, item, e);
+    }
+    return (_ctx, _cache) => {
+      const _component_ElIcon = ElIcon;
+      return openBlock(), createBlock(Component$1, { always: "" }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(myData), (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: item.value,
+              class: normalizeClass([_ctx.$style.item, { [_ctx.$style.active]: unref(actived) === item.value }]),
+              onClick: (e) => handleClick(item, e)
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.$style.label)
+              }, [
+                renderSlot(_ctx.$slots, "default", {
+                  data: item,
+                  index
+                }, () => [
+                  item.icon ? (openBlock(), createBlock(Component$2, {
+                    key: 0,
+                    name: item.icon,
+                    class: normalizeClass(_ctx.$style.icon)
+                  }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                  createTextVNode(toDisplayString(item.label), 1)
+                ])
+              ], 2),
+              __props.actions.length ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(_ctx.$style.actions)
+              }, [
+                __props.actions.includes("create") ? (openBlock(), createBlock(Component$3, {
+                  key: 0,
+                  title: "新增",
+                  type: "success",
+                  link: "",
+                  icon: { type: "el", name: "Plus" },
+                  stop: "",
+                  onClick: ($event) => emits("create", item.value, item)
+                }, null, 8, ["onClick"])) : createCommentVNode("", true),
+                __props.actions.includes("modify") ? (openBlock(), createBlock(Component$3, {
+                  key: 1,
+                  title: "修改",
+                  type: "primary",
+                  link: "",
+                  icon: { type: "el", name: "Edit" },
+                  stop: "",
+                  onClick: ($event) => emits("modify", item.value, item)
+                }, null, 8, ["onClick"])) : createCommentVNode("", true),
+                __props.actions.includes("remove") ? (openBlock(), createBlock(Component$3, {
+                  key: 2,
+                  title: "删除",
+                  type: "danger",
+                  link: "",
+                  icon: { type: "el", name: "Delete" },
+                  confirm: __props.confirmParams(item),
+                  stop: "",
+                  class: normalizeClass(_ctx.$style.remove),
+                  onClick: ($event) => emits("remove", item.value, item)
+                }, null, 8, ["confirm", "class", "onClick"])) : createCommentVNode("", true)
+              ], 2)) : createCommentVNode("", true)
+            ], 10, _hoisted_1);
+          }), 128)),
+          unref(isEmpty) && !__props.loading ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(_ctx.$style.empty)
+          }, toDisplayString(__props.emptyText), 3)) : createCommentVNode("", true),
+          __props.loading ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(_ctx.$style.loading)
+          }, [
+            createVNode(_component_ElIcon, { class: "is-loading" }, {
+              default: withCtx(() => [
+                createVNode(unref(Loading))
+              ]),
+              _: 1
+            }),
+            createTextVNode(toDisplayString(__props.loadingText), 1)
+          ], 2)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const item = "_item_5dblq_1";
+const actions = "_actions_5dblq_16";
+const active = "_active_5dblq_20";
+const label = "_label_5dblq_25";
+const icon = "_icon_5dblq_31";
+const remove = "_remove_5dblq_44";
+const empty = "_empty_5dblq_48";
+const loading = "_loading_5dblq_49";
+const style0 = {
+	item: item,
+	actions: actions,
+	active: active,
+	label: label,
+	icon: icon,
+	remove: remove,
+	empty: empty,
+	loading: loading
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_25 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_25 as _ };

package/dist/es/components/explorer-list/explorer-list.vue.d.ts

@@ -0,0 +1,38 @@
+import { IExplorerListItem, IExplorerListProps } from './explorer-list';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            data: IExplorerListItem<any>;
+            index: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    create: (value: string | number, item: IExplorerListItem<any>) => any;
+    modify: (value: string | number, item: IExplorerListItem<any>) => any;
+    remove: (value: string | number, item: IExplorerListItem<any>) => any;
+    itemClick: (value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<IExplorerListProps> & Readonly<{
+    onCreate?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
+    onModify?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
+    onRemove?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
+    onItemClick?: ((value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => any) | undefined;
+}>, {
+    data: IExplorerListItem[];
+    loadingText: string;
+    emptyText: string;
+    highlightCurrent: boolean;
+    actions: ("create" | "modify" | "remove")[];
+    confirmParams: (item: IExplorerListItem) => import('../button/button').IButtonProps["confirm"];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/explorer-list/index.css

@@ -0,0 +1,51 @@
+/* source: src/components/explorer-list/explorer-list.vue */
+._item_5dblq_1 {
+  padding: 4px 8px;
+  cursor: pointer;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: var(--el-font-size-base);
+  color: var(--el-text-color-regular);
+  min-height: 32px;
+  box-sizing: border-box;
+  line-height: 1;
+}
+._item_5dblq_1:hover {
+  background-color: var(--el-color-primary-light-9);
+}
+._item_5dblq_1:hover ._actions_5dblq_16 {
+  display: inline-flex;
+  align-items: flex-start;
+}
+._item_5dblq_1._active_5dblq_20 {
+  color: var(--el-color-primary);
+  background-color: var(--el-color-primary-light-9);
+}
+._label_5dblq_25 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._icon_5dblq_31 {
+  margin-right: 4px;
+}
+._actions_5dblq_16 {
+  display: none;
+  column-gap: 4px;
+}
+._actions_5dblq_16 > button {
+  margin-left: 0 !important;
+  font-size: 1.2em;
+}
+._remove_5dblq_44 {
+  transform: translateY(-1px);
+}
+._empty_5dblq_48,
+._loading_5dblq_49 {
+  padding: 4px 8px;
+  display: flex;
+  align-items: center;
+  column-gap: 4px;
+  color: var(--el-text-color-secondary);
+}

package/dist/es/components/explorer-list/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './explorer-list.vue';
+export declare const VcExplorerList: SFCWithInstall<typeof Component>;
+export default VcExplorerList;

package/dist/es/components/explorer-list/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './explorer-list.mjs';
+
+const VcExplorerList = withInstall(Component);
+
+export { VcExplorerList, VcExplorerList as default };

package/dist/es/components/explorer-panel/explorer-panel.d.ts

@@ -0,0 +1,14 @@
+import { Reactive, Ref } from 'vue';
+import { IColumnConfig } from '../explorer-column-table/explorer-column-table';
+export interface IExplorerPanelProps {
+    resizable?: boolean;
+    padding?: number;
+}
+export interface IExplorerPanelState {
+    fullscreenTarget: Ref<HTMLElement>;
+    columnConfig: Ref<IColumnConfig[]>;
+    filterKeyword: Ref<string>;
+    actions: Reactive<Record<string, () => void>>;
+}
+export declare const KEY_NAME: unique symbol;
+export declare const injectExplorerPanelState: () => IExplorerPanelState;

package/dist/es/components/explorer-panel/explorer-panel.mjs

@@ -0,0 +1,77 @@
+import './index.css'
+import '../../chunk/By7FMB3I.mjs';
+/* empty css                    */
+import { defineComponent, useCssVars, useTemplateRef, ref, reactive, onMounted, createBlock, openBlock, mergeProps, withCtx, createElementVNode, normalizeClass, renderSlot } from 'vue';
+import { useProvide } from '../../use/useStore/index.mjs';
+import { K as KEY_NAME } from './explorer-panel2.mjs';
+import { a as ElSplitterPanel } from '../../chunk/CsjEhAYY.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "explorer-panel",
+  props: {
+    resizable: { type: Boolean, default: false },
+    padding: { default: 8 }
+  },
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "v1db768b6": `${_ctx.padding}px`
+    }));
+    const panelRef = useTemplateRef("panelRef");
+    const fullscreenTarget = ref();
+    const columnConfig = ref([]);
+    const filterKeyword = ref("");
+    const actions = reactive({
+      saveColumnConfig: () => {
+      }
+    });
+    useProvide(KEY_NAME, {
+      fullscreenTarget,
+      columnConfig,
+      filterKeyword,
+      actions
+    });
+    onMounted(() => {
+      if (panelRef.value?.splitterPanelRef) {
+        fullscreenTarget.value = panelRef.value.splitterPanelRef;
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_ElSplitterPanel = ElSplitterPanel;
+      return openBlock(), createBlock(_component_ElSplitterPanel, mergeProps({
+        ref_key: "panelRef",
+        ref: panelRef,
+        class: _ctx.$style.panel,
+        resizable: __props.resizable
+      }, _ctx.$attrs), {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.container)
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 2)
+        ]),
+        _: 3
+      }, 16, ["class", "resizable"]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const panel = "_panel_eba23_1";
+const container = "_container_eba23_6";
+const style0 = {
+	panel: panel,
+	container: container
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_26 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_26 as _ };