@wfrog/vc-ui 1.7.0 → 1.9.0

package/dist/es/components/drawer/drawer.d.ts

@@ -4,4 +4,11 @@ export interface IDrawerProps {
     lazy?: boolean;
     showDefaultFooter?: boolean;
     boxPadding?: boolean;
+    fullscreen?: boolean;
+    showFullscreen?: boolean;
+    size?: number | string;
+}
+export interface IDrawerEmits {
+    (e: 'update:modelValue', value: boolean): void;
+    (e: 'closed'): void;
 }

package/dist/es/components/drawer/drawer.mjs

@@ -2,10 +2,11 @@ import './index.css'
 import { b as buildProps, u as useNamespace } from '../../chunk/By7FMB3I.mjs';
 import { d as dialogEmits, a as dialogProps, u as useDialog, E as ElOverlay } from '../../chunk/CFYABm3t.mjs';
 import { E as ElScrollbar } from '../../chunk/Dh_zpmSz.mjs';
+import { E as ElButton } from '../../chunk/CSZw6Ko2.mjs';
 import { computed, ref, watch, onBeforeUnmount, defineComponent, useSlots, createBlock, openBlock, unref, withCtx, createVNode, Transition, withDirectives, createElementVNode, mergeProps, withModifiers, createElementBlock, createCommentVNode, normalizeClass, renderSlot, toDisplayString, normalizeStyle, vShow, useCssVars, isRef, createTextVNode } from 'vue';
+import { Close, CopyDocument, FullScreen } from '@element-plus/icons-vue';
 import { C as Component$1 } from '../button/button.mjs';
-import { useWindowSize, clamp, useEventListener, useVModel } from '@vueuse/core';
-import { Close } from '@element-plus/icons-vue';
+import { useWindowSize, clamp, useEventListener, useVModel, useToggle } from '@vueuse/core';
 import { b as ElTeleport, d as ElFocusTrap } from '../../chunk/D1Ki7NcP.mjs';
 import { E as ElIcon } from '../../chunk/C6xZotC7.mjs';
 import { a as addUnit } from '../../chunk/UUVoNfr4.mjs';
@@ -351,10 +352,7 @@ var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/home/runner/
 
 const ElDrawer = withInstall(Drawer);
 
-const _hoisted_1 = {
-  key: 0,
-  class: "drawer-footer"
-};
+const _hoisted_1 = ["id"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "drawer",
   props: {
@@ -362,19 +360,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     title: { default: "对话框" },
     lazy: { type: Boolean, default: true },
     showDefaultFooter: { type: Boolean, default: false },
-    boxPadding: { type: Boolean, default: true }
+    boxPadding: { type: Boolean, default: true },
+    fullscreen: { type: Boolean, default: false },
+    showFullscreen: { type: Boolean, default: true },
+    size: { default: "500px" }
   },
   emits: ["update:modelValue", "closed"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "f89995de": _ctx.boxPadding ? "block" : "none"
+      "v4dbd7b6a": _ctx.boxPadding ? "block" : "none"
     }));
     const props = __props;
     const emits = __emit;
     const drawerVisible = useVModel(props, "modelValue", emits);
     const visible = ref(false);
+    const isFullscreen = ref(false);
+    const toggleFullscreen = useToggle(isFullscreen);
+    const Icon = computed(() => isFullscreen.value ? CopyDocument : FullScreen);
+    const mySize = computed(() => isFullscreen.value ? "100%" : props.size);
     watch(drawerVisible, (val) => {
       if (val) {
+        isFullscreen.value = props.fullscreen;
         visible.value = true;
       }
     });
@@ -383,27 +389,57 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emits("closed");
     }
     return (_ctx, _cache) => {
+      const _component_ElButton = ElButton;
       const _component_ElScrollbar = ElScrollbar;
       const _component_ElDrawer = ElDrawer;
       return unref(visible) || !__props.lazy ? (openBlock(), createBlock(_component_ElDrawer, mergeProps({
         key: 0,
         modelValue: unref(drawerVisible),
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(drawerVisible) ? drawerVisible.value = $event : null)
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(drawerVisible) ? drawerVisible.value = $event : null)
       }, _ctx.$attrs, {
         "close-on-click-modal": false,
+        "show-close": false,
         class: _ctx.$style.main,
+        "append-to-body": "",
+        size: unref(mySize),
         onClosed: handleClosed
       }), {
-        header: withCtx(() => [
-          createElementVNode("div", null, [
-            renderSlot(_ctx.$slots, "header", {}, () => [
-              createTextVNode(toDisplayString(__props.title), 1)
-            ])
-          ])
+        header: withCtx(({ close, titleId, titleClass }) => [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.header)
+          }, [
+            createElementVNode("span", {
+              id: titleId,
+              class: normalizeClass([titleClass, _ctx.$style.title])
+            }, [
+              renderSlot(_ctx.$slots, "title", { close }, () => [
+                createTextVNode(toDisplayString(__props.title), 1)
+              ])
+            ], 10, _hoisted_1),
+            createElementVNode("span", {
+              class: normalizeClass(_ctx.$style.buttons)
+            }, [
+              renderSlot(_ctx.$slots, "header-action"),
+              withDirectives(createVNode(_component_ElButton, {
+                class: normalizeClass(_ctx.$style["icon-button"]),
+                icon: unref(Icon),
+                plain: "",
+                onClick: _cache[0] || (_cache[0] = () => unref(toggleFullscreen)())
+              }, null, 8, ["class", "icon"]), [
+                [vShow, __props.showFullscreen]
+              ]),
+              createVNode(_component_ElButton, {
+                class: normalizeClass(_ctx.$style["icon-button"]),
+                icon: unref(Close),
+                plain: "",
+                onClick: close
+              }, null, 8, ["class", "icon", "onClick"])
+            ], 2)
+          ], 2)
         ]),
         default: withCtx(() => [
           createVNode(_component_ElScrollbar, {
-            class: "drawer-scrollbar",
+            class: "vc-drawer-scrollbar",
             always: ""
           }, {
             default: withCtx(() => [
@@ -415,29 +451,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }),
-          __props.showDefaultFooter || _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          __props.showDefaultFooter || _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(_ctx.$style.footer)
+          }, [
             renderSlot(_ctx.$slots, "footer", {}, () => [
               createVNode(Component$1, {
-                onClick: _cache[0] || (_cache[0] = ($event) => drawerVisible.value = false)
+                onClick: _cache[1] || (_cache[1] = ($event) => drawerVisible.value = false)
               }, {
-                default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                default: withCtx(() => [..._cache[3] || (_cache[3] = [
                   createTextVNode("关闭", -1)
                 ])]),
                 _: 1
               })
             ])
-          ])) : createCommentVNode("", true)
+          ], 2)) : createCommentVNode("", true)
         ]),
         _: 3
-      }, 16, ["modelValue", "class"])) : createCommentVNode("", true);
+      }, 16, ["modelValue", "class", "size"])) : createCommentVNode("", true);
     };
   }
 });
 
-/* unplugin-vue-components disabled */const main = "_main_1ond6_1";
+/* unplugin-vue-components disabled */const main = "_main_2r9ln_1";
+const header = "_header_2r9ln_46";
+const title = "_title_2r9ln_56";
+const buttons = "_buttons_2r9ln_61";
+const footer = "_footer_2r9ln_76";
 const style0 = {
 	main: main,
-	"body-container": "_body-container_1ond6_55"
+	header: header,
+	title: title,
+	buttons: buttons,
+	"icon-button": "_icon-button_2r9ln_65",
+	"body-container": "_body-container_2r9ln_72",
+	footer: footer
 };
 
 const cssModules = {

package/dist/es/components/drawer/drawer.vue.d.ts

@@ -2,7 +2,10 @@ import { IDrawerProps } from './drawer';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        header?(_: {}): any;
+        title?(_: {
+            close: () => void;
+        }): any;
+        'header-action'?(_: {}): any;
         default?(_: {}): any;
         footer?(_: {}): any;
     };
@@ -11,15 +14,18 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IDrawerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (val: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
     closed: () => any;
 }, string, import('vue').PublicProps, Readonly<IDrawerProps> & Readonly<{
-    "onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onClosed?: (() => any) | undefined;
 }>, {
+    size: number | string;
     title: string;
+    showFullscreen: boolean;
     showDefaultFooter: boolean;
     lazy: boolean;
+    fullscreen: boolean;
     boxPadding: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/es/components/drawer/index.css

@@ -1,8 +1,8 @@
 /* source: src/components/drawer/drawer.vue */
-.el-overlay.is-drawer{overflow:hidden}.el-drawer{--el-drawer-bg-color:var(--el-dialog-bg-color,var(--el-bg-color));--el-drawer-padding-primary:var(--el-dialog-padding-primary,20px);--el-drawer-dragger-size:8px;background-color:var(--el-drawer-bg-color);box-shadow:var(--el-box-shadow-dark);box-sizing:border-box;display:flex;flex-direction:column;position:absolute;transition:all var(--el-transition-duration)}.el-drawer .btt,.el-drawer .ltr,.el-drawer .rtl,.el-drawer .ttb{transform:translate(0)}.el-drawer__sr-focus:focus{outline:none!important}.el-drawer__header{align-items:center;color:var(--el-text-color-primary);display:flex;margin-bottom:32px;overflow:hidden;padding:var(--el-drawer-padding-primary);padding-bottom:0}.el-drawer__header>:first-child{flex:1}.el-drawer__title{flex:1;font-size:16px;line-height:inherit;margin:0}.el-drawer__footer{overflow:hidden;padding:var(--el-drawer-padding-primary);padding-top:10px;text-align:right}.el-drawer__close-btn{background-color:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font-size:var(--el-font-size-extra-large);outline:none}.el-drawer__close-btn:focus i,.el-drawer__close-btn:hover i{color:var(--el-color-primary)}.el-drawer__body{flex:1;overflow:auto;padding:var(--el-drawer-padding-primary)}.el-drawer__body>*{box-sizing:border-box}.el-drawer.is-dragging{transition:none}.el-drawer__dragger{-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-drawer__dragger,.el-drawer__dragger:before{background-color:transparent;position:absolute;transition:all .2s}.el-drawer__dragger:before{content:""}.el-drawer__dragger:hover:before{background-color:var(--el-color-primary)}.el-drawer.ltr,.el-drawer.rtl{bottom:0;height:100%;top:0}.el-drawer.ltr>.el-drawer__dragger,.el-drawer.rtl>.el-drawer__dragger{bottom:0;cursor:ew-resize;height:100%;top:0;width:var(--el-drawer-dragger-size)}.el-drawer.ltr>.el-drawer__dragger:before,.el-drawer.rtl>.el-drawer__dragger:before{bottom:0;top:0;width:3px}.el-drawer.btt,.el-drawer.ttb{left:0;right:0;width:100%}.el-drawer.btt>.el-drawer__dragger,.el-drawer.ttb>.el-drawer__dragger{cursor:ns-resize;height:var(--el-drawer-dragger-size);left:0;right:0;width:100%}.el-drawer.btt>.el-drawer__dragger:before,.el-drawer.ttb>.el-drawer__dragger:before{height:3px;left:0;right:0}.el-drawer.ltr{left:0}.el-drawer.ltr>.el-drawer__dragger{right:0}.el-drawer.ltr>.el-drawer__dragger:before{right:-2px}.el-drawer.rtl{right:0}.el-drawer.rtl>.el-drawer__dragger{left:0}.el-drawer.rtl>.el-drawer__dragger:before{left:-2px}.el-drawer.ttb{top:0}.el-drawer.ttb>.el-drawer__dragger{bottom:0}.el-drawer.ttb>.el-drawer__dragger:before{bottom:-2px}.el-drawer.btt{bottom:0}.el-drawer.btt>.el-drawer__dragger{top:0}.el-drawer.btt>.el-drawer__dragger:before{top:-2px}.el-modal-drawer.is-penetrable{pointer-events:none}.el-modal-drawer.is-penetrable .el-drawer{pointer-events:auto}.el-drawer-fade-enter-active,.el-drawer-fade-leave-active{transition:all var(--el-transition-duration)}.el-drawer-fade-enter-active,.el-drawer-fade-enter-from,.el-drawer-fade-enter-to,.el-drawer-fade-leave-active,.el-drawer-fade-leave-from,.el-drawer-fade-leave-to{overflow:hidden!important}.el-drawer-fade-enter-from,.el-drawer-fade-leave-to{background-color:transparent!important}.el-drawer-fade-enter-from .rtl,.el-drawer-fade-leave-to .rtl{transform:translateX(100%)}.el-drawer-fade-enter-from .ltr,.el-drawer-fade-leave-to .ltr{transform:translateX(-100%)}.el-drawer-fade-enter-from .ttb,.el-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.el-drawer-fade-enter-from .btt,.el-drawer-fade-leave-to .btt{transform:translateY(100%)}._main_1ond6_1 {
+.el-overlay.is-drawer{overflow:hidden}.el-drawer{--el-drawer-bg-color:var(--el-dialog-bg-color,var(--el-bg-color));--el-drawer-padding-primary:var(--el-dialog-padding-primary,20px);--el-drawer-dragger-size:8px;background-color:var(--el-drawer-bg-color);box-shadow:var(--el-box-shadow-dark);box-sizing:border-box;display:flex;flex-direction:column;position:absolute;transition:all var(--el-transition-duration)}.el-drawer .btt,.el-drawer .ltr,.el-drawer .rtl,.el-drawer .ttb{transform:translate(0)}.el-drawer__sr-focus:focus{outline:none!important}.el-drawer__header{align-items:center;color:var(--el-text-color-primary);display:flex;margin-bottom:32px;overflow:hidden;padding:var(--el-drawer-padding-primary);padding-bottom:0}.el-drawer__header>:first-child{flex:1}.el-drawer__title{flex:1;font-size:16px;line-height:inherit;margin:0}.el-drawer__footer{overflow:hidden;padding:var(--el-drawer-padding-primary);padding-top:10px;text-align:right}.el-drawer__close-btn{background-color:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font-size:var(--el-font-size-extra-large);outline:none}.el-drawer__close-btn:focus i,.el-drawer__close-btn:hover i{color:var(--el-color-primary)}.el-drawer__body{flex:1;overflow:auto;padding:var(--el-drawer-padding-primary)}.el-drawer__body>*{box-sizing:border-box}.el-drawer.is-dragging{transition:none}.el-drawer__dragger{-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-drawer__dragger,.el-drawer__dragger:before{background-color:transparent;position:absolute;transition:all .2s}.el-drawer__dragger:before{content:""}.el-drawer__dragger:hover:before{background-color:var(--el-color-primary)}.el-drawer.ltr,.el-drawer.rtl{bottom:0;height:100%;top:0}.el-drawer.ltr>.el-drawer__dragger,.el-drawer.rtl>.el-drawer__dragger{bottom:0;cursor:ew-resize;height:100%;top:0;width:var(--el-drawer-dragger-size)}.el-drawer.ltr>.el-drawer__dragger:before,.el-drawer.rtl>.el-drawer__dragger:before{bottom:0;top:0;width:3px}.el-drawer.btt,.el-drawer.ttb{left:0;right:0;width:100%}.el-drawer.btt>.el-drawer__dragger,.el-drawer.ttb>.el-drawer__dragger{cursor:ns-resize;height:var(--el-drawer-dragger-size);left:0;right:0;width:100%}.el-drawer.btt>.el-drawer__dragger:before,.el-drawer.ttb>.el-drawer__dragger:before{height:3px;left:0;right:0}.el-drawer.ltr{left:0}.el-drawer.ltr>.el-drawer__dragger{right:0}.el-drawer.ltr>.el-drawer__dragger:before{right:-2px}.el-drawer.rtl{right:0}.el-drawer.rtl>.el-drawer__dragger{left:0}.el-drawer.rtl>.el-drawer__dragger:before{left:-2px}.el-drawer.ttb{top:0}.el-drawer.ttb>.el-drawer__dragger{bottom:0}.el-drawer.ttb>.el-drawer__dragger:before{bottom:-2px}.el-drawer.btt{bottom:0}.el-drawer.btt>.el-drawer__dragger{top:0}.el-drawer.btt>.el-drawer__dragger:before{top:-2px}.el-modal-drawer.is-penetrable{pointer-events:none}.el-modal-drawer.is-penetrable .el-drawer{pointer-events:auto}.el-drawer-fade-enter-active,.el-drawer-fade-leave-active{transition:all var(--el-transition-duration)}.el-drawer-fade-enter-active,.el-drawer-fade-enter-from,.el-drawer-fade-enter-to,.el-drawer-fade-leave-active,.el-drawer-fade-leave-from,.el-drawer-fade-leave-to{overflow:hidden!important}.el-drawer-fade-enter-from,.el-drawer-fade-leave-to{background-color:transparent!important}.el-drawer-fade-enter-from .rtl,.el-drawer-fade-leave-to .rtl{transform:translateX(100%)}.el-drawer-fade-enter-from .ltr,.el-drawer-fade-leave-to .ltr{transform:translateX(-100%)}.el-drawer-fade-enter-from .ttb,.el-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.el-drawer-fade-enter-from .btt,.el-drawer-fade-leave-to .btt{transform:translateY(100%)}._main_2r9ln_1 {
   height: 100%;
 }
-._main_1ond6_1 .el-drawer__header {
+._main_2r9ln_1 .el-drawer__header {
   box-sizing: border-box;
   flex: 0 0 auto;
   padding: 8px 16px;
@@ -10,25 +10,16 @@
   border-bottom: 1px solid var(--el-border-color-light);
   font-size: var(--el-font-size-large);
 }
-._main_1ond6_1 .el-drawer__body {
+._main_2r9ln_1 .el-drawer__body {
   display: flex;
   flex-direction: column;
   padding: 0;
   overflow: hidden;
 }
-._main_1ond6_1 .drawer-footer {
-  display: flex;
-  flex: 0 0 auto;
-  padding: 8px 16px;
-  border-top: 1px solid var(--el-border-color-light);
-}
-._main_1ond6_1 .drawer-footer .el-button {
-  flex-grow: 1;
-}
-._main_1ond6_1 > .el-drawer__body > .el-scrollbar {
+._main_2r9ln_1 > .el-drawer__body > .el-scrollbar {
   position: relative;
 }
-._main_1ond6_1 > .el-drawer__body > .el-scrollbar::before {
+._main_2r9ln_1 > .el-drawer__body > .el-scrollbar::before {
   content: "";
   position: absolute;
   top: 0;
@@ -38,9 +29,9 @@
   background: var(--el-bg-color);
   height: 16px;
   z-index: 3;
-  display: var(--f89995de);
+  display: var(--v4dbd7b6a);
 }
-._main_1ond6_1 > .el-drawer__body > .el-scrollbar::after {
+._main_2r9ln_1 > .el-drawer__body > .el-scrollbar::after {
   content: "";
   position: absolute;
   bottom: 0;
@@ -50,8 +41,38 @@
   background: var(--el-bg-color);
   height: 16px;
   z-index: 3;
-  display: var(--f89995de);
+  display: var(--v4dbd7b6a);
+}
+._header_2r9ln_46 {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+._header_2r9ln_46 h4 {
+  padding: 0;
+  margin: 0 !important;
 }
-._body-container_1ond6_55 {
+._title_2r9ln_56 {
+  display: flex;
+  align-items: center;
+}
+._buttons_2r9ln_61 {
+  display: flex;
+  column-gap: 8px;
+}
+._buttons_2r9ln_61 button._icon-button_2r9ln_65 {
+  padding: 8px;
+  font-size: 1.2em;
+  border: 0;
+  margin-left: 0;
+}
+._body-container_2r9ln_72 {
   padding: 16px;
+}
+._footer_2r9ln_76 {
+  display: flex;
+  flex: 0 0 auto;
+  padding: 8px 16px;
+  border-top: 1px solid var(--el-border-color-light);
+  justify-content: flex-end;
 }

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

@@ -73,9 +73,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_23 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_22 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_23 as _ };
+export { Component as C, __vite_glob_0_22 as _ };

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

@@ -97,9 +97,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_24 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_23 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_24 as _ };
+export { Component as C, __vite_glob_0_23 as _ };

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

@@ -152,9 +152,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_25 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+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_25 as _ };
+export { Component as C, __vite_glob_0_24 as _ };

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

@@ -158,9 +158,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_26 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+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_26 as _ };
+export { Component as C, __vite_glob_0_25 as _ };

package/dist/es/components/{explorer-dialog-form/explorer-dialog-form.d.ts → explorer-modal-form/explorer-modal-form.d.ts}

@@ -1,9 +1,10 @@
 import { FormProps } from 'element-plus';
 import { Reactive } from 'vue';
-export interface IExplorerDialogFormProps {
+export interface IExplorerModalFormProps {
+    modelValue: boolean;
+    type: 'dialog' | 'drawer';
     title?: string;
     icon?: string;
-    visible: boolean;
     disabled?: boolean;
     editable?: boolean;
     editing?: boolean;
@@ -15,8 +16,8 @@ export interface IExplorerDialogFormProps {
     formProps?: Partial<FormProps>;
     labelPosition?: FormProps['labelPosition'];
 }
-export interface IExplorerDialogFormEmits {
-    (e: 'update:visible', visible: boolean): void;
+export interface IExplorerModalFormEmits {
+    (e: 'update:modelValue', value: boolean): void;
     (e: 'cancel'): void;
     (e: 'edit'): void;
     (e: 'save', data: Record<string, any>): void;

package/dist/es/components/{explorer-dialog-form/explorer-dialog-form.mjs → explorer-modal-form/explorer-modal-form.mjs}

@@ -2,19 +2,21 @@ import './index.css'
 import '../../chunk/By7FMB3I.mjs';
 import { v as vLoading } from '../../chunk/CaA5lDme.mjs';
 import { E as ElForm } from '../../chunk/Cb0n0U19.mjs';
-import { defineComponent, useTemplateRef, ref, watch, onUnmounted, createBlock, openBlock, mergeProps, unref, isRef, withCtx, withDirectives, renderSlot, createCommentVNode, createTextVNode, createElementVNode, normalizeClass, toDisplayString } from 'vue';
-import { C as Component$2 } from '../button/button.mjs';
+import { defineComponent, useTemplateRef, ref, computed, watch, onUnmounted, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, isRef, withCtx, withDirectives, renderSlot, createCommentVNode, createTextVNode, createElementVNode, normalizeClass, toDisplayString } from 'vue';
+import { C as Component$3 } from '../button/button.mjs';
 import { C as Component$1 } from '../dialog/dialog.mjs';
-import { C as Component$3 } from '../iconify-icon/iconify-icon.mjs';
+import { C as Component$2 } from '../drawer/drawer.mjs';
+import { C as Component$4 } from '../iconify-icon/iconify-icon.mjs';
 import { useVModel } from '@vueuse/core';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "explorer-dialog-form",
+  __name: "explorer-modal-form",
   props: {
+    modelValue: { type: Boolean },
+    type: {},
     title: {},
     icon: { default: "fluent:form-48-regular" },
-    visible: { type: Boolean },
     disabled: { type: Boolean },
     editable: { type: Boolean, default: true },
     editing: { type: Boolean, default: true },
@@ -23,15 +25,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     formProps: {},
     labelPosition: { default: "top" }
   },
-  emits: ["update:visible", "cancel", "edit", "save"],
+  emits: ["update:modelValue", "cancel", "edit", "save"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const myVisible = useVModel(props, "visible", emits);
+    const modalVisible = useVModel(props, "modelValue", emits);
     const formRef = useTemplateRef("formRef");
     const isEditing = ref(false);
+    const component = computed(() => props.type === "dialog" ? Component$1 : Component$2);
+    const modalTitle = computed(() => props.title || (props.form.fields.id ? "编辑" : "新增"));
     function handleCancel() {
-      myVisible.value = false;
+      modalVisible.value = false;
       emits("cancel");
     }
     async function handleSave() {
@@ -45,7 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isEditing.value = true;
       emits("edit");
     }
-    const visibleWatch = watch(myVisible, (val) => {
+    const visibleWatch = watch(modalVisible, (val) => {
       if (!val) {
         return;
       }
@@ -58,27 +62,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_ElForm = ElForm;
       const _directive_loading = vLoading;
-      return openBlock(), createBlock(Component$1, mergeProps({
-        modelValue: unref(myVisible),
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(myVisible) ? myVisible.value = $event : null)
+      return openBlock(), createBlock(resolveDynamicComponent(unref(component)), mergeProps({
+        modelValue: unref(modalVisible),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modalVisible) ? modalVisible.value = $event : null)
       }, _ctx.$attrs), {
         title: withCtx(({ close }) => [
           createElementVNode("div", {
             class: normalizeClass(_ctx.$style["header-container"])
           }, [
-            __props.icon ? (openBlock(), createBlock(Component$3, {
+            __props.icon ? (openBlock(), createBlock(Component$4, {
               key: 0,
               name: __props.icon,
               class: normalizeClass(_ctx.$style.icon)
             }, null, 8, ["name", "class"])) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "title", { close }, () => [
-              createTextVNode(toDisplayString(__props.title), 1)
+              createTextVNode(toDisplayString(unref(modalTitle)), 1)
             ])
           ], 2)
         ]),
         footer: withCtx(() => [
           renderSlot(_ctx.$slots, "action"),
-          unref(isEditing) ? (openBlock(), createBlock(Component$2, {
+          unref(isEditing) ? (openBlock(), createBlock(Component$3, {
             key: 0,
             loading: __props.loading,
             icon: { name: "Close" },
@@ -89,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])]),
             _: 1
           }, 8, ["loading"])) : createCommentVNode("", true),
-          unref(isEditing) ? (openBlock(), createBlock(Component$2, {
+          unref(isEditing) ? (openBlock(), createBlock(Component$3, {
             key: 1,
             loading: __props.loading,
             icon: { name: "Check" },
@@ -101,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])]),
             _: 1
           }, 8, ["loading"])) : createCommentVNode("", true),
-          __props.editable && !unref(isEditing) ? (openBlock(), createBlock(Component$2, {
+          __props.editable && !unref(isEditing) ? (openBlock(), createBlock(Component$3, {
             key: 2,
             loading: __props.loading,
             icon: { name: "EditPen" },
@@ -139,7 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const icon = "_icon_uetpd_1";
+/* unplugin-vue-components disabled */const icon = "_icon_ygryy_1";
 const style0 = {
 	icon: icon
 };
@@ -149,9 +153,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_22 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+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_22 as _ };
+export { Component as C, __vite_glob_0_26 as _ };

package/dist/es/components/{explorer-dialog-form/explorer-dialog-form.vue.d.ts → explorer-modal-form/explorer-modal-form.vue.d.ts}

@@ -1,10 +1,10 @@
-import { IExplorerDialogFormProps } from './explorer-dialog-form';
+import { IExplorerModalFormProps } from './explorer-modal-form';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
         title?(_: {
-            close: () => void;
+            close: (() => void) | (() => void);
         }): any;
         action?(_: {}): any;
     };
@@ -194,7 +194,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<IExplorerDialogFormProps, {
+declare const __VLS_component: import('vue').DefineComponent<IExplorerModalFormProps, {
     formRef: Readonly<globalThis.ShallowRef<({
         $: import('vue').ComponentInternalInstance;
         $data: {};
@@ -378,12 +378,12 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerDialogForm
     }) | null>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     cancel: () => any;
-    "update:visible": (visible: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
     save: (data: Record<string, any>) => any;
     edit: () => any;
-}, string, import('vue').PublicProps, Readonly<IExplorerDialogFormProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<IExplorerModalFormProps> & Readonly<{
     onCancel?: (() => any) | undefined;
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onSave?: ((data: Record<string, any>) => any) | undefined;
     onEdit?: (() => any) | undefined;
 }>, {

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

@@ -0,0 +1,5 @@
+/* source: src/components/explorer-modal-form/explorer-modal-form.vue */
+._icon_ygryy_1 {
+  margin-right: 4px;
+  font-size: var(--el-font-size-extra-large);
+}

package/dist/es/components/{explorer-dialog-form → explorer-modal-form}/index.d.ts

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

package/dist/es/components/{explorer-dialog-form → explorer-modal-form}/index.mjs

@@ -1,5 +1,5 @@
 import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
-import { C as Component } from './explorer-dialog-form.mjs';
+import { C as Component } from './explorer-modal-form.mjs';
 
 const VcExplorerDialogForm = withInstall(Component);
 

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

@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "v1db768b6": `${_ctx.padding}px`
+      "v661a71b4": `${_ctx.padding}px`
     }));
     const panelRef = useTemplateRef("panelRef");
     const fullscreenTarget = ref();
@@ -57,8 +57,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const panel = "_panel_eba23_1";
-const container = "_container_eba23_6";
+/* unplugin-vue-components disabled */const panel = "_panel_1egb6_1";
+const container = "_container_1egb6_9";
 const style0 = {
 	panel: panel,
 	container: container

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

@@ -1,12 +1,15 @@
 /* source: src/components/explorer-panel/explorer-panel.vue */
-._panel_eba23_1 {
+._panel_1egb6_1 {
   display: flex;
   flex-direction: column;
 }
-._container_eba23_6 {
+._panel_1egb6_1 .vc-explorer-query + .vc-explorer-tools {
+  padding-top: 8px;
+}
+._container_1egb6_9 {
   display: flex;
   flex-direction: column;
-  padding: var(--v1db768b6);
+  padding: var(--v661a71b4);
   flex-grow: 1;
   height: 100px;
 }

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

@@ -53,8 +53,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["search"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "f439917e": `${_ctx.paddingBottom}px`,
-      "v2fbb1e90": `${_ctx.height}px`
+      "v4fedc6d4": `${_ctx.paddingBottom}px`,
+      "v2a8bf085": `${_ctx.height}px`
     }));
     const props = __props;
     const emits = __emit;
@@ -97,7 +97,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "queryRef",
         ref: queryRef,
-        class: normalizeClass(_ctx.$style["explorer-query"])
+        class: normalizeClass([_ctx.$style["explorer-query"], "vc-explorer-query"])
       }, [
         createElementVNode("div", {
           ref_key: "formContainerRef",