@wfrog/vc-ui 1.9.4 → 1.9.6

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

@@ -9,6 +9,7 @@ export interface IDialogProps {
     fullscreenHeight?: string | number;
     fullscreen?: boolean;
     boxPadding?: boolean;
-    padding?: number;
+    padding?: string;
+    viewMargin?: string;
     width?: string | number;
 }

package/dist/es/components/dialog/dialog.mjs

@@ -417,7 +417,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     fullscreenHeight: {},
     fullscreen: { type: Boolean, default: false },
     boxPadding: { type: Boolean, default: true },
-    padding: { default: 16 },
+    padding: { default: "0px" },
+    viewMargin: { default: "12px" },
     width: { default: "960px" }
   },
   emits: ["update:modelValue", "closed"],
@@ -466,7 +467,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "show-close": false,
         fullscreen: unref(isFullscreen),
         "close-on-click-modal": false,
-        class: [unref($style).main, { [unref($style)["box-padding"]]: __props.boxPadding }],
+        class: unref($style).main,
+        style: {
+          "--vc-dialog-boxPadding": __props.boxPadding ? "block" : "none",
+          "--vc-dialog-padding": __props.padding
+        },
         onClosed: handleClosed
       }), createSlots({
         header: withCtx(({ close, titleId, titleClass }) => [
@@ -507,15 +512,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "max-height": unref(myMaxHeight),
             height: __props.height,
             always: "",
-            "view-class": unref($style)["scrollbar-view"],
-            padding: __props.padding,
+            "view-margin": __props.viewMargin,
             "fill-height": false
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          }, 8, ["max-height", "height", "view-class", "padding"])
+          }, 8, ["max-height", "height", "view-margin"])
         ]),
         _: 2
       }, [
@@ -536,23 +540,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["modelValue", "width", "fullscreen", "class"])) : createCommentVNode("", true);
+      ]), 1040, ["modelValue", "width", "fullscreen", "class", "style"])) : createCommentVNode("", true);
     };
   }
 });
 
-/* unplugin-vue-components disabled */const main = "_main_15a30_1";
-const header = "_header_15a30_48";
-const title = "_title_15a30_77";
-const buttons = "_buttons_15a30_86";
+/* unplugin-vue-components disabled */const main = "_main_k37nc_1";
+const header = "_header_k37nc_48";
+const title = "_title_k37nc_77";
+const buttons = "_buttons_k37nc_82";
 const style0 = {
 	main: main,
 	header: header,
-	"box-padding": "_box-padding_15a30_57",
+	"box-padding": "_box-padding_k37nc_57",
 	title: title,
-	"scrollbar-view": "_scrollbar-view_15a30_82",
 	buttons: buttons,
-	"icon-button": "_icon-button_15a30_90"
+	"icon-button": "_icon-button_k37nc_86"
 };
 
 const cssModules = {

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

@@ -22,13 +22,14 @@ declare const __VLS_component: import('vue').DefineComponent<IDialogProps, {}, {
 }>, {
     title: string;
     width: string | number;
+    viewMargin: string;
     maxHeight: string | number;
-    padding: number;
     showFullscreen: boolean;
     showDefaultFooter: boolean;
     lazy: boolean;
     fullscreen: boolean;
     boxPadding: boolean;
+    padding: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,28 +1,28 @@
 /* source: src/components/dialog/dialog.vue */
-:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:0.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{background:var(--el-popup-modal-bg-color);height:100%;left:0;opacity:var(--el-popup-modal-opacity);position:fixed;top:0;width:100%}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-bg-color:var(--el-bg-color);--el-dialog-box-shadow:var(--el-box-shadow);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:16px;--el-dialog-border-radius:var(--el-border-radius-base);background:var(--el-dialog-bg-color);border-radius:var(--el-dialog-border-radius);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;margin:var(--el-dialog-margin-top,15vh) auto 50px;overflow-wrap:break-word;padding:var(--el-dialog-padding-primary);position:relative;width:var(--el-dialog-width,50%)}.el-dialog:focus{outline:none!important}.el-dialog.is-align-center{margin:auto}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;border-radius:0;height:100%;margin-bottom:0;overflow:auto}.el-dialog__wrapper{bottom:0;left:0;margin:0;overflow:auto;position:fixed;right:0;top:0}.el-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-dialog__header{padding-bottom:var(--el-dialog-padding-primary)}.el-dialog__header.show-close{padding-right:calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px))}.el-dialog__headerbtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:48px;outline:none;padding:0;position:absolute;right:0;top:0;width:48px}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info);font-size:inherit}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{color:var(--el-text-color-primary);font-size:var(--el-dialog-title-font-size);line-height:var(--el-dialog-font-line-height)}.el-dialog__body{color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size)}.el-dialog__footer{box-sizing:border-box;padding-top:var(--el-dialog-padding-primary);text-align:right}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-modal-dialog.is-penetrable{pointer-events:none}.el-modal-dialog.is-penetrable .el-dialog{pointer-events:auto}.el-overlay-dialog{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0}.el-overlay-dialog.is-closing .el-dialog{pointer-events:none}.dialog-fade-enter-active{animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{animation:dialog-fade-out var(--el-transition-duration)}@keyframes dialog-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes dialog-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}div._main_15a30_1 {
+:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:0.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{background:var(--el-popup-modal-bg-color);height:100%;left:0;opacity:var(--el-popup-modal-opacity);position:fixed;top:0;width:100%}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-bg-color:var(--el-bg-color);--el-dialog-box-shadow:var(--el-box-shadow);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:16px;--el-dialog-border-radius:var(--el-border-radius-base);background:var(--el-dialog-bg-color);border-radius:var(--el-dialog-border-radius);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;margin:var(--el-dialog-margin-top,15vh) auto 50px;overflow-wrap:break-word;padding:var(--el-dialog-padding-primary);position:relative;width:var(--el-dialog-width,50%)}.el-dialog:focus{outline:none!important}.el-dialog.is-align-center{margin:auto}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;border-radius:0;height:100%;margin-bottom:0;overflow:auto}.el-dialog__wrapper{bottom:0;left:0;margin:0;overflow:auto;position:fixed;right:0;top:0}.el-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-dialog__header{padding-bottom:var(--el-dialog-padding-primary)}.el-dialog__header.show-close{padding-right:calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px))}.el-dialog__headerbtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:48px;outline:none;padding:0;position:absolute;right:0;top:0;width:48px}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info);font-size:inherit}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{color:var(--el-text-color-primary);font-size:var(--el-dialog-title-font-size);line-height:var(--el-dialog-font-line-height)}.el-dialog__body{color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size)}.el-dialog__footer{box-sizing:border-box;padding-top:var(--el-dialog-padding-primary);text-align:right}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-modal-dialog.is-penetrable{pointer-events:none}.el-modal-dialog.is-penetrable .el-dialog{pointer-events:auto}.el-overlay-dialog{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0}.el-overlay-dialog.is-closing .el-dialog{pointer-events:none}.dialog-fade-enter-active{animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{animation:dialog-fade-out var(--el-transition-duration)}@keyframes dialog-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes dialog-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}div._main_k37nc_1 {
   --el-dialog-padding-primary: 0;
   display: flex;
   flex-direction: column;
 }
-div._main_15a30_1 .el-dialog__header {
+div._main_k37nc_1 .el-dialog__header {
   padding: 8px 16px;
   margin-right: 0;
   border-bottom: 1px solid var(--el-border-color-light);
 }
-div._main_15a30_1 .el-dialog__body {
+div._main_k37nc_1 .el-dialog__body {
   flex-grow: 1;
-  padding: 0;
+  padding: var(--vc-dialog-padding);
   display: flex;
   flex-direction: column;
 }
-div._main_15a30_1 .el-dialog__footer {
+div._main_k37nc_1 .el-dialog__footer {
   padding: 8px 16px;
   border-top: 1px solid var(--el-border-color-light);
 }
-div._main_15a30_1 > .el-dialog__body > .el-scrollbar {
+div._main_k37nc_1 > .el-dialog__body > .el-scrollbar {
   position: relative;
 }
-div._main_15a30_1 > .el-dialog__body > .el-scrollbar::before {
+div._main_k37nc_1 > .el-dialog__body > .el-scrollbar::before {
   content: "";
   position: absolute;
   top: 0;
@@ -30,11 +30,11 @@ div._main_15a30_1 > .el-dialog__body > .el-scrollbar::before {
   width: calc(100% - 8px);
   height: 100%;
   background: var(--el-bg-color);
-  height: 16px;
+  height: 12px;
   z-index: 3;
-  display: none;
+  display: var(--vc-dialog-boxPadding);
 }
-div._main_15a30_1 > .el-dialog__body > .el-scrollbar::after {
+div._main_k37nc_1 > .el-dialog__body > .el-scrollbar::after {
   content: "";
   position: absolute;
   bottom: 0;
@@ -42,48 +42,45 @@ div._main_15a30_1 > .el-dialog__body > .el-scrollbar::after {
   width: calc(100% - 8px);
   height: 100%;
   background: var(--el-bg-color);
-  height: 16px;
+  height: 12px;
   z-index: 3;
-  display: none;
+  display: var(--vc-dialog-boxPadding);
 }
-div._main_15a30_1 ._header_15a30_48 h4 {
+div._main_k37nc_1 ._header_k37nc_48 h4 {
   font-size: 1.2em;
   font-weight: 600;
   line-height: 1;
 }
-div._main_15a30_1 ._header_15a30_48 {
+div._main_k37nc_1 ._header_k37nc_48 {
   line-height: 1;
 }
-._box-padding_15a30_57 > .el-dialog__body > .el-scrollbar {
+._box-padding_k37nc_57 > .el-dialog__body > .el-scrollbar {
   position: relative;
 }
-._box-padding_15a30_57 > .el-dialog__body > .el-scrollbar::before {
-  display: "block";
+._box-padding_k37nc_57 > .el-dialog__body > .el-scrollbar::before {
+  display: block;
 }
-._box-padding_15a30_57 > .el-dialog__body > .el-scrollbar::after {
-  display: "block";
+._box-padding_k37nc_57 > .el-dialog__body > .el-scrollbar::after {
+  display: block;
 }
-._header_15a30_48 {
+._header_k37nc_48 {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 }
-._header_15a30_48 h4 {
+._header_k37nc_48 h4 {
   padding: 0;
   margin: 0 !important;
 }
-._title_15a30_77 {
+._title_k37nc_77 {
   display: flex;
   align-items: center;
 }
-._scrollbar-view_15a30_82 {
-  padding: 16px;
-}
-._buttons_15a30_86 {
+._buttons_k37nc_82 {
   display: flex;
   column-gap: 8px;
 }
-._buttons_15a30_86 button._icon-button_15a30_90 {
+._buttons_k37nc_82 button._icon-button_k37nc_86 {
   padding: 8px;
   font-size: 1.2em;
   border: 0;

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

@@ -0,0 +1,14 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    data: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/es/components/example-wrapper.vue.d.ts

@@ -0,0 +1,19 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            direction: string;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -41,12 +41,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "action")
           ], 2)) : createCommentVNode("", true)
         ], 2),
-        createVNode(Component$2, { always: "" }, {
+        createVNode(Component$2, {
+          always: "",
+          class: normalizeClass(_ctx.$style.scrollbar)
+        }, {
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "default")
           ]),
           _: 3
-        })
+        }, 8, ["class"])
       ], 2)), [
         [_directive_loading, __props.loading]
       ]);
@@ -54,13 +57,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const header = "_header_4odhg_8";
-const icon = "_icon_4odhg_26";
+/* unplugin-vue-components disabled */const header = "_header_1xzxe_8";
+const icon = "_icon_1xzxe_26";
+const scrollbar = "_scrollbar_1xzxe_32";
 const style0 = {
-	"explorer-container": "_explorer-container_4odhg_1",
+	"explorer-container": "_explorer-container_1xzxe_1",
 	header: header,
-	"header-container": "_header-container_4odhg_22",
-	icon: icon
+	"header-container": "_header-container_1xzxe_22",
+	icon: icon,
+	scrollbar: scrollbar
 };
 
 const cssModules = {

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

@@ -1,11 +1,11 @@
 /* source: src/components/explorer-container/explorer-container.vue */
-._explorer-container_4odhg_1 {
+._explorer-container_1xzxe_1 {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   height: 100px;
 }
-._header_4odhg_8 {
+._header_1xzxe_8 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -18,11 +18,14 @@
   flex-wrap: wrap;
   row-gap: 8px;
 }
-._header-container_4odhg_22 {
+._header-container_1xzxe_22 {
   font-size: var(--el-font-size-medium);
 }
-._icon_4odhg_26 {
+._icon_1xzxe_26 {
   margin-right: 4px;
   font-size: 1.1em;
   transform: translateY(1px);
+}
+._scrollbar_1xzxe_32 {
+  margin: 0 -8px;
 }

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

@@ -109,7 +109,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             })) : createCommentVNode("", true)
           ], 2)
         ], 2),
-        createVNode(Component$3, { always: "" }, {
+        createVNode(Component$3, {
+          always: "",
+          class: normalizeClass(_ctx.$style.scrollbar)
+        }, {
           default: withCtx(() => [
             createVNode(unref(ElForm), mergeProps({
               ref_key: "formRef",
@@ -119,16 +122,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               rules: __props.form.rules,
               disabled: __props.disabled || !unref(isEditing) || !__props.editable,
               "require-asterisk-position": "right",
-              "label-position": __props.labelPosition
+              "label-position": __props.labelPosition,
+              class: _ctx.$style.form
             }), {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "default")
               ]),
               _: 3
-            }, 16, ["model", "rules", "disabled", "label-position"])
+            }, 16, ["model", "rules", "disabled", "label-position", "class"])
           ]),
           _: 3
-        })
+        }, 8, ["class"])
       ], 2)), [
         [_directive_loading, __props.loading]
       ]);
@@ -136,15 +140,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const header = "_header_2wrpk_8";
-const icon = "_icon_2wrpk_25";
-const actions = "_actions_2wrpk_31";
+/* unplugin-vue-components disabled */const header = "_header_1gcms_8";
+const icon = "_icon_1gcms_25";
+const actions = "_actions_1gcms_31";
+const form = "_form_1gcms_40";
+const scrollbar = "_scrollbar_1gcms_49";
 const style0 = {
-	"explorer-form": "_explorer-form_2wrpk_1",
+	"explorer-form": "_explorer-form_1gcms_1",
 	header: header,
-	"header-container": "_header-container_2wrpk_21",
+	"header-container": "_header-container_1gcms_21",
 	icon: icon,
-	actions: actions
+	actions: actions,
+	form: form,
+	scrollbar: scrollbar
 };
 
 const cssModules = {

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

@@ -1,11 +1,11 @@
 /* source: src/components/explorer-form/explorer-form.vue */
-._explorer-form_2wrpk_1 {
+._explorer-form_1gcms_1 {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   height: 100px;
 }
-._header_2wrpk_8 {
+._header_1gcms_8 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -17,19 +17,30 @@
   flex-wrap: wrap;
   row-gap: 8px;
 }
-._header-container_2wrpk_21 {
+._header-container_1gcms_21 {
   font-size: var(--el-font-size-medium);
 }
-._icon_2wrpk_25 {
+._icon_1gcms_25 {
   margin-right: 4px;
   font-size: var(--el-font-size-extra-large);
   transform: translateY(1px);
 }
-._actions_2wrpk_31 {
+._actions_1gcms_31 {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-._actions_2wrpk_31 .el-button {
+._actions_1gcms_31 .el-button {
   margin-left: 0 !important;
+}
+._form_1gcms_40 {
+  display: flex;
+  flex-grow: 1;
+  align-items: flex-start;
+}
+._form_1gcms_40 > .el-row {
+  flex-grow: 1;
+}
+._scrollbar_1gcms_49 {
+  margin: 0 -8px;
 }

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

@@ -1,6 +1,6 @@
 import './index.css'
 import '../../chunk/Gk1J52Yw.mjs';
-import { defineComponent, ref, computed, createBlock, openBlock, withCtx, withDirectives, createElementBlock, createCommentVNode, createElementVNode, Fragment, renderList, unref, normalizeClass, renderSlot, createTextVNode, toDisplayString, mergeProps, vShow, createVNode } from 'vue';
+import { defineComponent, ref, computed, createBlock, openBlock, normalizeClass, withCtx, withDirectives, createElementBlock, createCommentVNode, createElementVNode, Fragment, renderList, unref, renderSlot, createTextVNode, toDisplayString, mergeProps, vShow, createVNode } from 'vue';
 import { Loading } from '@element-plus/icons-vue';
 import { C as Component$3 } from '../button/button.mjs';
 import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
@@ -59,7 +59,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_ElIcon = ElIcon;
-      return openBlock(), createBlock(Component$1, { always: "" }, {
+      return openBlock(), createBlock(Component$1, {
+        always: "",
+        class: normalizeClass(_ctx.$style.scrollbar)
+      }, {
         default: withCtx(() => [
           withDirectives(createElementVNode("div", null, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(myData), (item, index) => {
@@ -98,11 +101,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         ref_for: true
                       }, actionsMapping[action], {
                         confirm: action === "remove" ? __props.confirmParams(item) : void 0,
+                        class: action === "remove" ? _ctx.$style.remove : void 0,
                         link: "",
                         icon: { type: "el", name: actionsMapping[action].icon },
                         stop: "",
                         onClick: ($event) => emits(action, item.value, item)
-                      }), null, 16, ["confirm", "icon", "onClick"]))
+                      }), null, 16, ["confirm", "class", "icon", "onClick"]))
                     ], 64);
                   }), 128))
                 ], 2)) : createCommentVNode("", true)
@@ -129,19 +133,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 2)) : createCommentVNode("", true)
         ]),
         _: 3
-      });
+      }, 8, ["class"]);
     };
   }
 });
 
-/* unplugin-vue-components disabled */const item = "_item_1xqvz_1";
-const actions = "_actions_1xqvz_16";
-const active = "_active_1xqvz_20";
-const label = "_label_1xqvz_25";
-const icon = "_icon_1xqvz_31";
-const remove = "_remove_1xqvz_48";
-const empty = "_empty_1xqvz_52";
-const loading = "_loading_1xqvz_53";
+/* unplugin-vue-components disabled */const item = "_item_1xtjk_1";
+const actions = "_actions_1xtjk_16";
+const active = "_active_1xtjk_20";
+const label = "_label_1xtjk_25";
+const icon = "_icon_1xtjk_31";
+const remove = "_remove_1xtjk_48";
+const empty = "_empty_1xtjk_52";
+const loading = "_loading_1xtjk_53";
+const scrollbar = "_scrollbar_1xtjk_61";
 const style0 = {
 	item: item,
 	actions: actions,
@@ -150,7 +155,8 @@ const style0 = {
 	icon: icon,
 	remove: remove,
 	empty: empty,
-	loading: loading
+	loading: loading,
+	scrollbar: scrollbar
 };
 
 const cssModules = {

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

@@ -1,5 +1,5 @@
 /* source: src/components/explorer-list/explorer-list.vue */
-._item_1xqvz_1 {
+._item_1xtjk_1 {
   padding: 4px 8px;
   cursor: pointer;
   display: flex;
@@ -11,45 +11,48 @@
   box-sizing: border-box;
   line-height: 1;
 }
-._item_1xqvz_1:hover {
+._item_1xtjk_1:hover {
   background-color: var(--el-color-primary-light-9);
 }
-._item_1xqvz_1:hover ._actions_1xqvz_16 {
+._item_1xtjk_1:hover ._actions_1xtjk_16 {
   display: inline-flex;
   align-items: flex-start;
 }
-._item_1xqvz_1._active_1xqvz_20 {
+._item_1xtjk_1._active_1xtjk_20 {
   color: var(--el-color-primary);
   background-color: var(--el-color-primary-light-9);
 }
-._label_1xqvz_25 {
+._label_1xtjk_25 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._icon_1xqvz_31 {
+._icon_1xtjk_31 {
   margin-right: 4px;
 }
-._actions_1xqvz_16 {
+._actions_1xtjk_16 {
   display: none;
   column-gap: 4px;
 }
-._actions_1xqvz_16 > button {
+._actions_1xtjk_16 > button {
   margin-left: 0 !important;
   font-size: 1.2em;
   border: 1px solid var(--el-border-color-light) !important;
 }
-._actions_1xqvz_16 > button:hover {
+._actions_1xtjk_16 > button:hover {
   border-color: var(--el-border-color-dark) !important;
 }
-._remove_1xqvz_48 {
+._remove_1xtjk_48 {
   transform: translateY(-1px);
 }
-._empty_1xqvz_52,
-._loading_1xqvz_53 {
+._empty_1xtjk_52,
+._loading_1xtjk_53 {
   padding: 4px 8px;
   display: flex;
   align-items: center;
   column-gap: 4px;
   color: var(--el-text-color-secondary);
+}
+._scrollbar_1xtjk_61 {
+  margin: 0 -8px;
 }

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

@@ -51,6 +51,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function fixLabelPosition() {
       const formItems = formRef.value?.$el.querySelectorAll(".el-form-item");
+      if (!formItems) {
+        return;
+      }
       if (props.labelPosition === "top") {
         formItems.forEach((formItem) => formItem.classList.add("el-form-item--label-top"));
       }
@@ -137,13 +140,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             disabled: __props.disabled || !unref(isEditing)
           }, __props.formProps, {
             model: __props.form.fields,
-            rules: __props.form.rules
+            rules: __props.form.rules,
+            class: _ctx.$style.form
           }), {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          }, 16, ["label-position", "disabled", "model", "rules"])), [
+          }, 16, ["label-position", "disabled", "model", "rules", "class"])), [
             [_directive_loading, __props.loading]
           ])
         ]),
@@ -153,9 +157,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const icon = "_icon_ygryy_1";
+/* unplugin-vue-components disabled */const icon = "_icon_1g5hj_1";
+const form = "_form_1g5hj_6";
 const style0 = {
-	icon: icon
+	icon: icon,
+	form: form
 };
 
 const cssModules = {

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

@@ -1,5 +1,13 @@
 /* source: src/components/explorer-modal-form/explorer-modal-form.vue */
-._icon_ygryy_1 {
+._icon_1g5hj_1 {
   margin-right: 4px;
   font-size: var(--el-font-size-extra-large);
+}
+._form_1g5hj_6 {
+  display: flex;
+  flex-grow: 1;
+  align-items: flex-start;
+}
+._form_1g5hj_6 > .el-row {
+  flex-grow: 1;
 }