@wfrog/vc-ui 1.9.5 → 1.9.7

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/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",
@@ -129,7 +132,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 16, ["model", "rules", "disabled", "label-position", "class"])
           ]),
           _: 3
-        })
+        }, 8, ["class"])
       ], 2)), [
         [_directive_loading, __props.loading]
       ]);
@@ -137,17 +140,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const header = "_header_1qxzh_8";
-const icon = "_icon_1qxzh_25";
-const actions = "_actions_1qxzh_31";
-const form = "_form_1qxzh_40";
+/* unplugin-vue-components disabled */const header = "_header_sydsj_8";
+const icon = "_icon_sydsj_25";
+const actions = "_actions_sydsj_31";
+const form = "_form_sydsj_40";
+const scrollbar = "_scrollbar_sydsj_50";
 const style0 = {
-	"explorer-form": "_explorer-form_1qxzh_1",
+	"explorer-form": "_explorer-form_sydsj_1",
 	header: header,
-	"header-container": "_header-container_1qxzh_21",
+	"header-container": "_header-container_sydsj_21",
 	icon: icon,
 	actions: actions,
-	form: form
+	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_1qxzh_1 {
+._explorer-form_sydsj_1 {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   height: 100px;
 }
-._header_1qxzh_8 {
+._header_sydsj_8 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -17,27 +17,31 @@
   flex-wrap: wrap;
   row-gap: 8px;
 }
-._header-container_1qxzh_21 {
+._header-container_sydsj_21 {
   font-size: var(--el-font-size-medium);
 }
-._icon_1qxzh_25 {
+._icon_sydsj_25 {
   margin-right: 4px;
   font-size: var(--el-font-size-extra-large);
   transform: translateY(1px);
 }
-._actions_1qxzh_31 {
+._actions_sydsj_31 {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-._actions_1qxzh_31 .el-button {
+._actions_sydsj_31 .el-button {
   margin-left: 0 !important;
 }
-._form_1qxzh_40 {
+._form_sydsj_40 {
   display: flex;
   flex-grow: 1;
   align-items: flex-start;
 }
-._form_1qxzh_40 > .el-row {
+._form_sydsj_40 > .el-row {
   flex-grow: 1;
+  margin: 0 !important;
+}
+._scrollbar_sydsj_50 {
+  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

@@ -1,8 +1,8 @@
 import './index.css'
 import '../../chunk/Gk1J52Yw.mjs';
 import { v as vLoading } from '../../chunk/D-1mFPUH.mjs';
-import { E as ElForm } from '../../chunk/78BvQgmt.mjs';
-import { defineComponent, useTemplateRef, ref, computed, watch, nextTick, onUnmounted, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, isRef, withCtx, withDirectives, renderSlot, createCommentVNode, createTextVNode, createElementVNode, normalizeClass, toDisplayString } from 'vue';
+import { defineComponent, useTemplateRef, shallowRef, ref, computed, watch, onUnmounted, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, isRef, withCtx, withDirectives, renderSlot, createCommentVNode, createTextVNode, createElementVNode, normalizeClass, toDisplayString } from 'vue';
+import { ElForm } from 'element-plus';
 import { C as Component$3 } from '../button/button.mjs';
 import { C as Component$1 } from '../dialog/dialog.mjs';
 import { C as Component$2 } from '../drawer/drawer.mjs';
@@ -31,6 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const modalVisible = useVModel(props, "modelValue", emits);
     const formRef = useTemplateRef("formRef");
+    const formComponent = shallowRef(ElForm);
     const isEditing = ref(false);
     const component = computed(() => props.type === "dialog" ? Component$1 : Component$2);
     const modalTitle = computed(() => props.title || (props.form.fields.id ? "编辑" : "新增"));
@@ -49,28 +50,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isEditing.value = true;
       emits("edit");
     }
-    function fixLabelPosition() {
-      const formItems = formRef.value?.$el.querySelectorAll(".el-form-item");
-      if (props.labelPosition === "top") {
-        formItems.forEach((formItem) => formItem.classList.add("el-form-item--label-top"));
-      }
-      if (props.labelPosition === "right") {
-        formItems.forEach((formItem) => formItem.classList.add("el-form-item--label-right"));
-      }
-    }
     const visibleWatch = watch(modalVisible, (val) => {
       if (!val) {
         return;
       }
       isEditing.value = props.editing ?? true;
-      nextTick(() => fixLabelPosition());
     }, { immediate: true });
-    __expose({ formRef, fixLabelPosition });
+    __expose({ formRef });
     onUnmounted(() => {
       visibleWatch.stop();
     });
     return (_ctx, _cache) => {
-      const _component_ElForm = ElForm;
       const _directive_loading = vLoading;
       return openBlock(), createBlock(resolveDynamicComponent(unref(component)), mergeProps({
         modelValue: unref(modalVisible),
@@ -129,7 +119,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["loading"])) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
-          withDirectives((openBlock(), createBlock(_component_ElForm, mergeProps({
+          withDirectives((openBlock(), createBlock(resolveDynamicComponent(unref(formComponent)), mergeProps({
             ref_key: "formRef",
             ref: formRef,
             "require-asterisk-position": "right",
@@ -154,8 +144,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const icon = "_icon_1g5hj_1";
-const form = "_form_1g5hj_6";
+/* unplugin-vue-components disabled */const icon = "_icon_1nnr8_1";
+const form = "_form_1nnr8_6";
 const style0 = {
 	icon: icon,
 	form: form

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

@@ -1,5 +1,4 @@
 import { IExplorerModalFormProps } from './explorer-modal-form';
-declare function fixLabelPosition(): void;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -377,7 +376,6 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerModalFormP
             default?: (props: {}) => any;
         };
     }) | null>>;
-    fixLabelPosition: typeof fixLabelPosition;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     cancel: () => any;
     "update:modelValue": (value: boolean) => any;

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

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