@tmagic/form 1.2.5 → 1.2.6

package/dist/tmagic-form.js

@@ -1,4 +1,4 @@
-import { toRaw, defineComponent, inject, ref, computed, resolveComponent, watchEffect, openBlock, createElementBlock, normalizeStyle, normalizeClass, unref, createBlock, resolveDynamicComponent, Fragment, createVNode, withCtx, createElementVNode, createCommentVNode, renderList, createTextVNode, toDisplayString, watch, withDirectives, vShow, renderSlot, onMounted, toRefs, getCurrentInstance, reactive, onBeforeUnmount, vModelText, provide, onBeforeMount, nextTick, resolveDirective, createSlots, withModifiers } from 'vue';
+import { toRaw, defineComponent, inject, ref, computed, resolveComponent, watchEffect, openBlock, createElementBlock, normalizeStyle, normalizeClass, unref, createBlock, resolveDynamicComponent, Fragment, createVNode, withCtx, createElementVNode, createCommentVNode, renderList, createTextVNode, toDisplayString, watch, withDirectives, vShow, renderSlot, onMounted, toRefs, getCurrentInstance, reactive, onBeforeUnmount, vModelText, provide, onBeforeMount, resolveDirective, createSlots, withModifiers } from 'vue';
 import { WarningFilled, CaretBottom, CaretRight, Delete, CaretTop, Grid, ArrowUp, ArrowDown, FullScreen } from '@element-plus/icons-vue';
 import { TMagicFormItem, TMagicTooltip, TMagicIcon, TMagicButton, TMagicCheckbox, TMagicCard, TMagicCol, TMagicRow, TMagicSteps, TMagicStep, TMagicTable, TMagicTableColumn, TMagicUpload, TMagicPagination, tMagicMessage, getConfig as getConfig$1, TMagicTabs, TMagicCascader, TMagicCheckboxGroup, TMagicColorPicker, TMagicDatePicker, TMagicForm, TMagicInput, TMagicDialog, TMagicInputNumber, TMagicRadioGroup, TMagicRadio, TMagicOptionGroup, TMagicOption, TMagicSelect, TMagicSwitch, TMagicTimePicker } from '@tmagic/design';
 import { cloneDeep } from 'lodash-es';
@@ -3311,25 +3311,36 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         }
       });
     }
-    props.config.remote && onMounted(async () => {
-      await nextTick();
-      tMagicSelect.value?.scrollbarWrap?.addEventListener("scroll", async (e) => {
-        const el = e.currentTarget;
-        if (moreLoadingVisible.value) {
-          return;
-        }
-        if (el.scrollHeight - el.clientHeight - el.scrollTop > 1) {
-          return;
-        }
-        if (total.value <= options.value.length) {
-          return;
+    if (props.config.remote) {
+      const unWacth = watch(
+        () => tMagicSelect.value?.scrollbarWrap,
+        (scrollbarWrap) => {
+          if (!scrollbarWrap) {
+            return;
+          }
+          scrollbarWrap.addEventListener("scroll", async (e) => {
+            const el = e.currentTarget;
+            if (moreLoadingVisible.value) {
+              return;
+            }
+            if (el.scrollHeight - el.clientHeight - el.scrollTop > 1) {
+              return;
+            }
+            if (total.value <= options.value.length) {
+              return;
+            }
+            moreLoadingVisible.value = true;
+            pgIndex.value += 1;
+            options.value = await getOptions();
+            moreLoadingVisible.value = false;
+          });
+          unWacth();
+        },
+        {
+          immediate: true
         }
-        moreLoadingVisible.value = true;
-        pgIndex.value += 1;
-        options.value = await getOptions();
-        moreLoadingVisible.value = false;
-      });
-    });
+      );
+    }
     const popperClass = mForm?.popperClass;
     const changeHandler = (value) => {
       emit("change", value);