cc1-ui 0.0.11 → 1.0.1

package/dist/cc1-ui.js

@@ -1,13 +1,13 @@
 import { defineAsyncComponent } from 'vue';
 
-const DRdominfo = () => import('./dominfo-FpTvKs8K.js');
+const DRdominfo = () => import('./dominfo-0VtYQrCk.js');
 const VButton = () => defineAsyncComponent(() => import('./index-lDlR9NjA.js'));
 const VSwitch = () => defineAsyncComponent(() => import('./index-BvvdDtUd.js'));
 const VScale = () => defineAsyncComponent(() => import('./index-l4J1-e0K.js'));
 const VMask = () => defineAsyncComponent(() => import('./index-ycYY--mh.js'));
 const VCircle = () => defineAsyncComponent(() => import('./index-ti4E-Nv5.js'));
 const VIcon = () => defineAsyncComponent(() => import('./index-BGzY32VF.js'));
-const VSelect = () => defineAsyncComponent(() => import('./index-CpyM3z5X.js'));
+const VSelect = () => defineAsyncComponent(() => import('./index-ClZ7RWBn.js'));
 const VSIcon = () => defineAsyncComponent(() => import('./index-mrAwG3J3.js'));
 const installDR = (fun, app) => {
   fun().then((module) => module.install(app));

package/dist/{dominfo-FpTvKs8K.js → dominfo-0VtYQrCk.js}

@@ -8,6 +8,7 @@ const install = (app) => {
         console.error("dominfo 指令的值必须是一个对象");
         return;
       }
+      if (value.dominfo) return;
       const debounce = (fn, delay) => {
         let timeoutId;
         return (...args) => {

package/dist/{index-CpyM3z5X.js → index-ClZ7RWBn.js}

@@ -1,5 +1,4 @@
-import { defineComponent, ref, reactive, watch, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withDirectives, vModelText, normalizeStyle, Transition, withCtx, withModifiers, normalizeClass, Fragment, renderList, toDisplayString, vShow } from 'vue';
-import { Scope } from 'tools-vue3';
+import { defineComponent, ref, reactive, watch, nextTick, onMounted, onUnmounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withDirectives, vModelText, normalizeStyle, Transition, withCtx, withModifiers, normalizeClass, Fragment, renderList, toDisplayString, vShow } from 'vue';
 
 const _hoisted_1 = { style: { "width": "calc(100% - 18px)" } };
 const _hoisted_2 = ["readonly", "autocomplete", "placeholder"];
@@ -21,7 +20,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const dialogRef = ref({});
     const inputRef = ref({});
-    const timer = Scope.Timer();
     const conf = reactive({
       activeItem: { value: "", label: "" },
       input: {
@@ -98,26 +96,68 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => props.active,
       () => conf.input.initValue()
     );
+    const updateDialogPosition = () => {
+      if (!conf.dialog.show || !inputRef.value?.getBoundingClientRect || !dialogRef.value?.getBoundingClientRect) {
+        return;
+      }
+      const inputrect = inputRef.value.getBoundingClientRect();
+      const rect = dialogRef.value.getBoundingClientRect();
+      if (inputrect.top + inputrect.height + rect.height > document.body.clientHeight) {
+        dialogRef.value.style.top = "";
+        dialogRef.value.style.bottom = inputrect.height + 10 + "px";
+        conf.dialog.transition = "fade-down";
+      } else {
+        dialogRef.value.style.top = inputrect.height + 10 + "px";
+        dialogRef.value.style.bottom = "";
+        conf.dialog.transition = "fade-up";
+      }
+    };
+    watch(
+      () => conf.dialog.show,
+      async (show) => {
+        if (show) {
+          await nextTick();
+          updateDialogPosition();
+          if (resizeObserver && dialogRef.value) {
+            resizeObserver.observe(dialogRef.value);
+          }
+        } else {
+          if (resizeObserver && dialogRef.value) {
+            resizeObserver.unobserve(dialogRef.value);
+          }
+        }
+      }
+    );
+    let resizeObserver = null;
+    let scrollHandler = null;
     onMounted(() => {
       conf.input.initValue();
-      timer.on(() => {
-        if (!conf.dialog.show) return;
-        if (inputRef.value?.getBoundingClientRect) {
-          const inputrect = inputRef.value.getBoundingClientRect();
-          if (dialogRef.value?.getBoundingClientRect) {
-            const rect = dialogRef.value.getBoundingClientRect();
-            if (inputrect.top + inputrect.height + rect.height > document.body.clientHeight) {
-              dialogRef.value.style.top = "";
-              dialogRef.value.style.bottom = inputrect.height + 10 + "px";
-              conf.dialog.transition = "fade-down";
-            } else {
-              dialogRef.value.style.top = inputrect.height + 10 + "px";
-              dialogRef.value.style.bottom = "";
-              conf.dialog.transition = "fade-up";
-            }
+      scrollHandler = () => {
+        if (conf.dialog.show) {
+          updateDialogPosition();
+        }
+      };
+      window.addEventListener("scroll", scrollHandler, true);
+      window.addEventListener("resize", scrollHandler);
+      if (window.ResizeObserver) {
+        resizeObserver = new ResizeObserver(() => {
+          if (conf.dialog.show) {
+            updateDialogPosition();
           }
+        });
+        if (inputRef.value) {
+          resizeObserver.observe(inputRef.value);
         }
-      }, 10);
+      }
+    });
+    onUnmounted(() => {
+      if (scrollHandler) {
+        window.removeEventListener("scroll", scrollHandler, true);
+        window.removeEventListener("resize", scrollHandler);
+      }
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      }
     });
     return (_ctx, _cache) => {
       const _component_VIcon = resolveComponent("VIcon");

package/dist/index.d.ts

@@ -14,8 +14,8 @@ declare module 'vue' {
   export interface GlobalComponents {
     VButton:typeof import('./components/Button/index.vue')['default']
     VCircle:typeof import('./components/Circle/index.vue')['default']
-    VIcon:typeof import('./components/Icon/index.vue')['default']
     VMask:typeof import('./components/Mask/index.vue')['default']
+    VIcon:typeof import('./components/Icon/index.vue')['default']
     VSIcon:typeof import('./components/SIcon/index.vue')['default']
     VScale:typeof import('./components/Scale/index.vue')['default']
     VSelect:typeof import('./components/Select/index.vue')['default']

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cc1-ui",
-  "version": "0.0.11",
+  "version": "1.0.1",
   "description": "我来助你-Vue3UI库",
   "repository": {
     "type": "git",
@@ -45,9 +45,9 @@
     "less": "4.3.0",
     "prettier": "3.2.5",
     "terser": "5.44.1",
-    "tools-javascript": "*",
-    "tools-mock": "^2.0.8",
-    "tools-vue3": "*",
+    "cc1-js": "*",
+    "cc1-node": "*",
+    "cc1-vue3": "*",
     "ts-node": "*",
     "tsc-alias": "1.8.11",
     "tsx": "4.19.4",