@wfrog/vc-ui 1.9.6 → 1.9.7

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

@@ -140,15 +140,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* 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";
+/* 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_1gcms_1",
+	"explorer-form": "_explorer-form_sydsj_1",
 	header: header,
-	"header-container": "_header-container_1gcms_21",
+	"header-container": "_header-container_sydsj_21",
 	icon: icon,
 	actions: actions,
 	form: form,

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

@@ -1,11 +1,11 @@
 /* source: src/components/explorer-form/explorer-form.vue */
-._explorer-form_1gcms_1 {
+._explorer-form_sydsj_1 {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   height: 100px;
 }
-._header_1gcms_8 {
+._header_sydsj_8 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -17,30 +17,31 @@
   flex-wrap: wrap;
   row-gap: 8px;
 }
-._header-container_1gcms_21 {
+._header-container_sydsj_21 {
   font-size: var(--el-font-size-medium);
 }
-._icon_1gcms_25 {
+._icon_sydsj_25 {
   margin-right: 4px;
   font-size: var(--el-font-size-extra-large);
   transform: translateY(1px);
 }
-._actions_1gcms_31 {
+._actions_sydsj_31 {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-._actions_1gcms_31 .el-button {
+._actions_sydsj_31 .el-button {
   margin-left: 0 !important;
 }
-._form_1gcms_40 {
+._form_sydsj_40 {
   display: flex;
   flex-grow: 1;
   align-items: flex-start;
 }
-._form_1gcms_40 > .el-row {
+._form_sydsj_40 > .el-row {
   flex-grow: 1;
+  margin: 0 !important;
 }
-._scrollbar_1gcms_49 {
+._scrollbar_sydsj_50 {
   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,31 +50,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isEditing.value = true;
       emits("edit");
     }
-    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"));
-      }
-      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),
@@ -132,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",
@@ -157,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;
 }