@wfrog/vc-ui 1.7.0 → 1.8.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,16 @@ 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);
     function handleCancel() {
-      myVisible.value = false;
+      modalVisible.value = false;
       emits("cancel");
     }
     async function handleSave() {
@@ -45,7 +48,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,15 +61,15 @@ 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)
@@ -78,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         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 +92,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 +104,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" },
@@ -149,9 +152,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-dialog-form → explorer-modal-form}/index.css

@@ -1,4 +1,4 @@
-/* source: src/components/explorer-dialog-form/explorer-dialog-form.vue */
+/* source: src/components/explorer-modal-form/explorer-modal-form.vue */
 ._icon_uetpd_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",

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

@@ -1,6 +1,6 @@
 /* source: src/components/explorer-query/explorer-query.vue */
 ._explorer-query_1a5c2_1 {
-  padding-bottom: var(--f439917e);
+  padding-bottom: var(--v4fedc6d4);
   display: flex;
   column-gap: 8px;
   justify-content: space-between;
@@ -8,7 +8,7 @@
   border-bottom: 1px solid var(--el-border-color-lighter);
 }
 ._form-container_1a5c2_10 {
-  height: var(--v2fbb1e90);
+  height: var(--v2a8bf085);
   overflow: hidden;
 }
 ._form-container_1a5c2_10._expand_1a5c2_14 {

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

@@ -456,7 +456,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_ElRadioButton = ElRadioButton;
       const _component_ElRadioGroup = ElRadioGroup;
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref($style)["explorer-tools"])
+        class: normalizeClass([unref($style)["explorer-tools"], "vc-explorer-tools"])
       }, [
         createElementVNode("div", {
           class: normalizeClass(unref($style).buttons)
@@ -560,12 +560,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const buttons = "_buttons_n8m18_10";
-const tools = "_tools_n8m18_19";
-const layout = "_layout_n8m18_30";
-const fullscreen = "_fullscreen_n8m18_35";
+/* unplugin-vue-components disabled */const buttons = "_buttons_wenpv_10";
+const tools = "_tools_wenpv_19";
+const layout = "_layout_wenpv_30";
+const fullscreen = "_fullscreen_wenpv_35";
 const style0 = {
-	"explorer-tools": "_explorer-tools_n8m18_1",
+	"explorer-tools": "_explorer-tools_wenpv_1",
 	buttons: buttons,
 	tools: tools,
 	layout: layout,

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

@@ -17,37 +17,37 @@
 }
 ._divider_971vy_21 {
   margin: 8px 0;
-}._explorer-tools_n8m18_1 {
+}._explorer-tools_wenpv_1 {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 8px 0;
+  padding: 0 0 8px 0;
   flex-wrap: wrap;
   row-gap: 8px;
 }
-._buttons_n8m18_10 {
+._buttons_wenpv_10 {
   display: flex;
   align-items: center;
   column-gap: 8px;
 }
-._buttons_n8m18_10 button {
+._buttons_wenpv_10 button {
   margin-left: 0 !important;
 }
-._tools_n8m18_19 {
+._tools_wenpv_19 {
   display: flex;
   align-items: center;
   column-gap: 8px;
 }
-._tools_n8m18_19 > button {
+._tools_wenpv_19 > button {
   padding: 4px;
   font-size: 18px;
   margin-left: 0 !important;
 }
-._layout_n8m18_30 .el-radio-button__inner {
+._layout_wenpv_30 .el-radio-button__inner {
   padding: 6px 8px;
   font-size: 18px;
 }
-._fullscreen_n8m18_35 {
+._fullscreen_wenpv_35 {
   position: fixed !important;
   background-color: var(--el-bg-color) !important;
   top: 0 !important;

package/dist/es/index.d.ts

@@ -20,11 +20,11 @@ export { default as VcEasyPagination } from './components/easy-pagination/easy-p
 export { default as VcElIcon } from './components/el-icon/el-icon.vue';
 export { default as VcExplorerColumnTable } from './components/explorer-column-table/explorer-column-table.vue';
 export { default as VcExplorerContainer } from './components/explorer-container/explorer-container.vue';
-export { default as VcExplorerDialogForm } from './components/explorer-dialog-form/explorer-dialog-form.vue';
 export { default as VcExplorerFilter } from './components/explorer-filter/explorer-filter.vue';
 export { default as VcExplorerFooter } from './components/explorer-footer/explorer-footer.vue';
 export { default as VcExplorerForm } from './components/explorer-form/explorer-form.vue';
 export { default as VcExplorerList } from './components/explorer-list/explorer-list.vue';
+export { default as VcExplorerModalForm } from './components/explorer-modal-form/explorer-modal-form.vue';
 export { default as VcExplorerPanel } from './components/explorer-panel/explorer-panel.vue';
 export { default as VcExplorerQuery } from './components/explorer-query/explorer-query.vue';
 export { default as VcExplorerTable } from './components/explorer-table/explorer-table.vue';

package/dist/es/index.mjs

@@ -37,16 +37,16 @@ import { _ as __vite_glob_0_20 } from './components/explorer-column-table/explor
 export { C as VcExplorerColumnTable } from './components/explorer-column-table/explorer-column-table.mjs';
 import { _ as __vite_glob_0_21 } from './components/explorer-container/explorer-container.mjs';
 export { C as VcExplorerContainer } from './components/explorer-container/explorer-container.mjs';
-import { _ as __vite_glob_0_22 } from './components/explorer-dialog-form/explorer-dialog-form.mjs';
-export { C as VcExplorerDialogForm } from './components/explorer-dialog-form/explorer-dialog-form.mjs';
-import { _ as __vite_glob_0_23 } from './components/explorer-filter/explorer-filter.mjs';
+import { _ as __vite_glob_0_22 } from './components/explorer-filter/explorer-filter.mjs';
 export { C as VcExplorerFilter } from './components/explorer-filter/explorer-filter.mjs';
-import { _ as __vite_glob_0_24 } from './components/explorer-footer/explorer-footer.mjs';
+import { _ as __vite_glob_0_23 } from './components/explorer-footer/explorer-footer.mjs';
 export { C as VcExplorerFooter } from './components/explorer-footer/explorer-footer.mjs';
-import { _ as __vite_glob_0_25 } from './components/explorer-form/explorer-form.mjs';
+import { _ as __vite_glob_0_24 } from './components/explorer-form/explorer-form.mjs';
 export { C as VcExplorerForm } from './components/explorer-form/explorer-form.mjs';
-import { _ as __vite_glob_0_26 } from './components/explorer-list/explorer-list.mjs';
+import { _ as __vite_glob_0_25 } from './components/explorer-list/explorer-list.mjs';
 export { C as VcExplorerList } from './components/explorer-list/explorer-list.mjs';
+import { _ as __vite_glob_0_26 } from './components/explorer-modal-form/explorer-modal-form.mjs';
+export { C as VcExplorerModalForm } from './components/explorer-modal-form/explorer-modal-form.mjs';
 import { _ as __vite_glob_0_27 } from './components/explorer-panel/explorer-panel.mjs';
 export { C as VcExplorerPanel } from './components/explorer-panel/explorer-panel.mjs';
 import { _ as __vite_glob_0_28 } from './components/explorer-query/explorer-query.mjs';
@@ -152,9 +152,9 @@ const __vite_glob_0_47 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePr
     default: _sfc_main$8
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const version = "1.7.0";
+const version = "1.8.0";
 
-const modules = /* #__PURE__ */ Object.assign({"./components/awesome-icon/awesome-icon.vue": __vite_glob_0_0,"./components/backbottom/backbottom.vue": __vite_glob_0_1,"./components/button/button.vue": __vite_glob_0_2,"./components/chat-container/chat-container.vue": __vite_glob_0_3,"./components/choice-boolean/choice-boolean.vue": __vite_glob_0_4,"./components/choice/choice.vue": __vite_glob_0_5,"./components/color-switcher/color-switcher.vue": __vite_glob_0_6,"./components/config-provider/config-provider.vue": __vite_glob_0_7,"./components/cropper/cropper.vue": __vite_glob_0_8,"./components/currency/currency.vue": __vite_glob_0_9,"./components/dark-switcher/dark-switcher.vue": __vite_glob_0_10,"./components/daterange-picker/daterange-picker.vue": __vite_glob_0_11,"./components/dialog-camera-upload/dialog-camera-upload.vue": __vite_glob_0_12,"./components/dialog-map-point/dialog-map-point.vue": __vite_glob_0_13,"./components/dialog-upload-images/dialog-upload-images.vue": __vite_glob_0_14,"./components/dialog/dialog.vue": __vite_glob_0_15,"./components/drag-verify/drag-verify.vue": __vite_glob_0_16,"./components/drawer/drawer.vue": __vite_glob_0_17,"./components/easy-pagination/easy-pagination.vue": __vite_glob_0_18,"./components/el-icon/el-icon.vue": __vite_glob_0_19,"./components/explorer-column-table/explorer-column-table.vue": __vite_glob_0_20,"./components/explorer-container/explorer-container.vue": __vite_glob_0_21,"./components/explorer-dialog-form/explorer-dialog-form.vue": __vite_glob_0_22,"./components/explorer-filter/explorer-filter.vue": __vite_glob_0_23,"./components/explorer-footer/explorer-footer.vue": __vite_glob_0_24,"./components/explorer-form/explorer-form.vue": __vite_glob_0_25,"./components/explorer-list/explorer-list.vue": __vite_glob_0_26,"./components/explorer-panel/explorer-panel.vue": __vite_glob_0_27,"./components/explorer-query/explorer-query.vue": __vite_glob_0_28,"./components/explorer-table/explorer-table.vue": __vite_glob_0_29,"./components/explorer-tools/explorer-tools.vue": __vite_glob_0_30,"./components/explorer-tree/explorer-tree.vue": __vite_glob_0_31,"./components/explorer/explorer.vue": __vite_glob_0_32,"./components/flag/flag.vue": __vite_glob_0_33,"./components/icon-picker/icon-picker.vue": __vite_glob_0_34,"./components/icon/icon.vue": __vite_glob_0_35,"./components/iconify-icon/iconify-icon.vue": __vite_glob_0_36,"./components/image/image.vue": __vite_glob_0_37,"./components/input-number/input-number.vue": __vite_glob_0_38,"./components/input/input.vue": __vite_glob_0_39,"./components/pca-picker/pca-picker.vue": __vite_glob_0_40,"./components/qr-code/qr-code.vue": __vite_glob_0_41,"./components/screenfull/screenfull.vue": __vite_glob_0_42,"./components/scrollbar/scrollbar.vue": __vite_glob_0_43,"./components/select/select.vue": __vite_glob_0_44,"./components/single-player/single-player.vue": __vite_glob_0_45,"./components/splitter-panel/splitter-panel.vue": __vite_glob_0_46,"./components/splitter/splitter.vue": __vite_glob_0_47,"./components/svg-icon/svg-icon.vue": __vite_glob_0_48,"./components/switch/switch.vue": __vite_glob_0_49,"./components/sync-scroll-container/sync-scroll-container.vue": __vite_glob_0_50,"./components/tags/tags.vue": __vite_glob_0_51,"./components/text-ellipsis/text-ellipsis.vue": __vite_glob_0_52,"./components/thousand-input/thousand-input.vue": __vite_glob_0_53,"./components/tinymce/tinymce.vue": __vite_glob_0_54,"./components/tree-picker/tree-picker.vue": __vite_glob_0_55,"./components/upload-file/upload-file.vue": __vite_glob_0_56});
+const modules = /* #__PURE__ */ Object.assign({"./components/awesome-icon/awesome-icon.vue": __vite_glob_0_0,"./components/backbottom/backbottom.vue": __vite_glob_0_1,"./components/button/button.vue": __vite_glob_0_2,"./components/chat-container/chat-container.vue": __vite_glob_0_3,"./components/choice-boolean/choice-boolean.vue": __vite_glob_0_4,"./components/choice/choice.vue": __vite_glob_0_5,"./components/color-switcher/color-switcher.vue": __vite_glob_0_6,"./components/config-provider/config-provider.vue": __vite_glob_0_7,"./components/cropper/cropper.vue": __vite_glob_0_8,"./components/currency/currency.vue": __vite_glob_0_9,"./components/dark-switcher/dark-switcher.vue": __vite_glob_0_10,"./components/daterange-picker/daterange-picker.vue": __vite_glob_0_11,"./components/dialog-camera-upload/dialog-camera-upload.vue": __vite_glob_0_12,"./components/dialog-map-point/dialog-map-point.vue": __vite_glob_0_13,"./components/dialog-upload-images/dialog-upload-images.vue": __vite_glob_0_14,"./components/dialog/dialog.vue": __vite_glob_0_15,"./components/drag-verify/drag-verify.vue": __vite_glob_0_16,"./components/drawer/drawer.vue": __vite_glob_0_17,"./components/easy-pagination/easy-pagination.vue": __vite_glob_0_18,"./components/el-icon/el-icon.vue": __vite_glob_0_19,"./components/explorer-column-table/explorer-column-table.vue": __vite_glob_0_20,"./components/explorer-container/explorer-container.vue": __vite_glob_0_21,"./components/explorer-filter/explorer-filter.vue": __vite_glob_0_22,"./components/explorer-footer/explorer-footer.vue": __vite_glob_0_23,"./components/explorer-form/explorer-form.vue": __vite_glob_0_24,"./components/explorer-list/explorer-list.vue": __vite_glob_0_25,"./components/explorer-modal-form/explorer-modal-form.vue": __vite_glob_0_26,"./components/explorer-panel/explorer-panel.vue": __vite_glob_0_27,"./components/explorer-query/explorer-query.vue": __vite_glob_0_28,"./components/explorer-table/explorer-table.vue": __vite_glob_0_29,"./components/explorer-tools/explorer-tools.vue": __vite_glob_0_30,"./components/explorer-tree/explorer-tree.vue": __vite_glob_0_31,"./components/explorer/explorer.vue": __vite_glob_0_32,"./components/flag/flag.vue": __vite_glob_0_33,"./components/icon-picker/icon-picker.vue": __vite_glob_0_34,"./components/icon/icon.vue": __vite_glob_0_35,"./components/iconify-icon/iconify-icon.vue": __vite_glob_0_36,"./components/image/image.vue": __vite_glob_0_37,"./components/input-number/input-number.vue": __vite_glob_0_38,"./components/input/input.vue": __vite_glob_0_39,"./components/pca-picker/pca-picker.vue": __vite_glob_0_40,"./components/qr-code/qr-code.vue": __vite_glob_0_41,"./components/screenfull/screenfull.vue": __vite_glob_0_42,"./components/scrollbar/scrollbar.vue": __vite_glob_0_43,"./components/select/select.vue": __vite_glob_0_44,"./components/single-player/single-player.vue": __vite_glob_0_45,"./components/splitter-panel/splitter-panel.vue": __vite_glob_0_46,"./components/splitter/splitter.vue": __vite_glob_0_47,"./components/svg-icon/svg-icon.vue": __vite_glob_0_48,"./components/switch/switch.vue": __vite_glob_0_49,"./components/sync-scroll-container/sync-scroll-container.vue": __vite_glob_0_50,"./components/tags/tags.vue": __vite_glob_0_51,"./components/text-ellipsis/text-ellipsis.vue": __vite_glob_0_52,"./components/thousand-input/thousand-input.vue": __vite_glob_0_53,"./components/tinymce/tinymce.vue": __vite_glob_0_54,"./components/tree-picker/tree-picker.vue": __vite_glob_0_55,"./components/upload-file/upload-file.vue": __vite_glob_0_56});
 const upper = (_, letter) => letter.toUpperCase();
 function install(Vue) {
   Object.keys(modules).forEach((key) => {

package/dist/global.d.ts

@@ -24,11 +24,11 @@ declare module 'vue' {
         VcExplorer: typeof import('@wfrog/vc-ui')['VcExplorer']
         VcExplorerColumnTable: typeof import('@wfrog/vc-ui')['VcExplorerColumnTable']
         VcExplorerContainer: typeof import('@wfrog/vc-ui')['VcExplorerContainer']
-        VcExplorerDialogForm: typeof import('@wfrog/vc-ui')['VcExplorerDialogForm']
         VcExplorerFilter: typeof import('@wfrog/vc-ui')['VcExplorerFilter']
         VcExplorerFooter: typeof import('@wfrog/vc-ui')['VcExplorerFooter']
         VcExplorerForm: typeof import('@wfrog/vc-ui')['VcExplorerForm']
         VcExplorerList: typeof import('@wfrog/vc-ui')['VcExplorerList']
+        VcExplorerModalForm: typeof import('@wfrog/vc-ui')['VcExplorerModalForm']
         VcExplorerPanel: typeof import('@wfrog/vc-ui')['VcExplorerPanel']
         VcExplorerQuery: typeof import('@wfrog/vc-ui')['VcExplorerQuery']
         VcExplorerTable: typeof import('@wfrog/vc-ui')['VcExplorerTable']

package/dist/index.css

@@ -435,10 +435,10 @@ div._main_15a30_1 ._header_15a30_48 {
   line-height: 1;
 }
 /* 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;
@@ -446,25 +446,16 @@ div._main_15a30_1 ._header_15a30_48 {
   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;
@@ -474,9 +465,9 @@ div._main_15a30_1 ._header_15a30_48 {
   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;
@@ -486,11 +477,41 @@ div._main_15a30_1 ._header_15a30_48 {
   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;
+}
+._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_1ond6_55 {
+._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;
+}
 /* source: src/components/easy-pagination/easy-pagination.vue */
 ._main_1y8do_1 {
   padding: 2px 5px;
@@ -610,12 +631,6 @@ div._main_15a30_1 ._header_15a30_48 {
   font-size: 1.1em;
   transform: translateY(1px);
 }
-/* source: src/components/explorer-dialog-form/explorer-dialog-form.vue */
-._icon_uetpd_1 {
-  margin-right: 4px;
-  font-size: var(--el-font-size-extra-large);
-  transform: translateY(1px);
-}
 /* source: src/components/explorer-filter/explorer-filter.vue */
 ._explorer-filter_1l5g5_1 {
   padding-bottom: var(--b224534e);
@@ -720,21 +735,30 @@ div._main_15a30_1 ._header_15a30_48 {
   column-gap: 4px;
   color: var(--el-text-color-secondary);
 }
+/* source: src/components/explorer-modal-form/explorer-modal-form.vue */
+._icon_uetpd_1 {
+  margin-right: 4px;
+  font-size: var(--el-font-size-extra-large);
+  transform: translateY(1px);
+}
 /* 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;
 }
 /* source: src/components/explorer-query/explorer-query.vue */
 ._explorer-query_1a5c2_1 {
-  padding-bottom: var(--f439917e);
+  padding-bottom: var(--v4fedc6d4);
   display: flex;
   column-gap: 8px;
   justify-content: space-between;
@@ -742,7 +766,7 @@ div._main_15a30_1 ._header_15a30_48 {
   border-bottom: 1px solid var(--el-border-color-lighter);
 }
 ._form-container_1a5c2_10 {
-  height: var(--v2fbb1e90);
+  height: var(--v2a8bf085);
   overflow: hidden;
 }
 ._form-container_1a5c2_10._expand_1a5c2_14 {
@@ -809,37 +833,37 @@ div._main_15a30_1 ._header_15a30_48 {
 }
 ._divider_971vy_21 {
   margin: 8px 0;
-}._explorer-tools_n8m18_1 {
+}._explorer-tools_wenpv_1 {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 8px 0;
+  padding: 0 0 8px 0;
   flex-wrap: wrap;
   row-gap: 8px;
 }
-._buttons_n8m18_10 {
+._buttons_wenpv_10 {
   display: flex;
   align-items: center;
   column-gap: 8px;
 }
-._buttons_n8m18_10 button {
+._buttons_wenpv_10 button {
   margin-left: 0 !important;
 }
-._tools_n8m18_19 {
+._tools_wenpv_19 {
   display: flex;
   align-items: center;
   column-gap: 8px;
 }
-._tools_n8m18_19 > button {
+._tools_wenpv_19 > button {
   padding: 4px;
   font-size: 18px;
   margin-left: 0 !important;
 }
-._layout_n8m18_30 .el-radio-button__inner {
+._layout_wenpv_30 .el-radio-button__inner {
   padding: 6px 8px;
   font-size: 18px;
 }
-._fullscreen_n8m18_35 {
+._fullscreen_wenpv_35 {
   position: fixed !important;
   background-color: var(--el-bg-color) !important;
   top: 0 !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wfrog/vc-ui",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "packageManager": "pnpm@10.20.0",
   "description": "vue3 组件库 vc-ui",
   "author": "wellfrog",