cc1-ui 0.0.8 → 0.0.10

package/dist/autoimport.js

@@ -45,6 +45,7 @@ const log = (str, time = false) => {
     btime = new Date().getTime();
 };
 const tagList = ["VButton", "VSwitch", "VScale", "VMask", "VCircle", "VIcon", "VSelect", "VSIcon"];
+const directiveList = ["dominfo"];
 const extractTags = (str) => {
     const regex = /<([a-zA-Z\-]+)(?=\s|>|\/>)/g;
     const tags = [];
@@ -59,6 +60,16 @@ const extractTags = (str) => {
         }))
     ];
 };
+const getDirectiveList = (ctx) => {
+    const vDirectiveRegex = /v-([a-zA-Z0-9_-]+)\s*=/g;
+    let vMatches = [];
+    let match;
+    while ((match = vDirectiveRegex.exec(ctx)) !== null) {
+        vMatches.push(match[1]);
+    }
+    vMatches = [...new Set(vMatches)];
+    return vMatches;
+};
 const getTagList = (str, name) => {
     const re = new RegExp(`<${name}(.*?)<\/${name}>`, 'gs');
     return Array.from(re[Symbol.matchAll](str)).map((item) => {
@@ -69,6 +80,7 @@ const cmddir = path.resolve('./');
 const conf = {
     src: path.resolve(path.join(cmddir, './src')),
     use: [],
+    useDR: [],
     config: {},
     diy: {
         tablecolumn: {
@@ -104,6 +116,11 @@ const init = async () => {
                     if (tagList.includes(tag))
                         conf.use.push(tag);
                 });
+                const vDirectiveList = getDirectiveList(ctx);
+                vDirectiveList.forEach((v) => {
+                    if (directiveList.includes(v))
+                        conf.useDR.push(v);
+                });
                 if (ctx.indexOf('VTableColumn') != -1 && !conf.diy.tablecolumn.fixed) {
                     const _tarr = getTagList(ctx, 'VTableColumn');
                     for (let i = 0; i < _tarr.length; i++) {
@@ -122,7 +139,18 @@ const init = async () => {
         conf.use = conf.use.concat(inludeList.filter((_item) => tagList.includes(_item)));
     }
     conf.use = [...new Set(conf.use)];
-    log(`🥰🥰【${getName()}】：使用组件列表 => ${conf.use.join(',')}`);
+    if (conf.use.length > 0) {
+        log(`🥰🥰【${getName()}】：使用组件列表 => ${conf.use.join(',')}`);
+    }
+    else {
+        log(`🥰🥰【${getName()}】：没有使用组件`);
+    }
+    if (conf.useDR.length > 0) {
+        log(`🥰🥰【${getName()}】：使用指令列表 => ${conf.useDR.join(',')}`);
+    }
+    else {
+        log(`🥰🥰【${getName()}】：没有使用指令`);
+    }
 };
 export function UIAuto(config) {
     conf.config = config;
@@ -144,12 +172,19 @@ export function UIAuto(config) {
                 let res = code.split('\n');
                 for (let i = 0; i < res.length; i++) {
                     if (res[i].includes('defineAsyncComponent(') || res[i].includes('app.component(')) {
-                        if (!conf.use.includes(res[i])) {
+                        if (!conf.use.some((tag) => res[i].includes(tag))) {
+                            res[i] = '';
+                        }
+                    }
+                    else if (res[i].includes('const DR') || res[i].includes('installDR(')) {
+                        if (!conf.useDR.some((tag) => res[i].includes('DR' + tag))) {
                             res[i] = '';
                         }
                     }
                 }
-                return res.join('\n');
+                res = res.filter((v) => v.length > 0);
+                res = res.join('\n');
+                return res;
             }
             else if (comImport.indexOf('cc1-ui#dist#index.css') != -1) {
                 return conf.use.map((v) => `@import url('./components/${v.substring(1)}/style.css');`).join('\n');

package/dist/cc1-ui.js

@@ -1,5 +1,6 @@
 import { defineAsyncComponent } from 'vue';
 
+const DRdominfo = () => import('./dominfo-FpTvKs8K.js');
 const VButton = () => defineAsyncComponent(() => import('./index-lDlR9NjA.js'));
 const VSwitch = () => defineAsyncComponent(() => import('./index-BvvdDtUd.js'));
 const VScale = () => defineAsyncComponent(() => import('./index-l4J1-e0K.js'));
@@ -8,6 +9,9 @@ const VCircle = () => defineAsyncComponent(() => import('./index-ti4E-Nv5.js'));
 const VIcon = () => defineAsyncComponent(() => import('./index-BGzY32VF.js'));
 const VSelect = () => defineAsyncComponent(() => import('./index-CpyM3z5X.js'));
 const VSIcon = () => defineAsyncComponent(() => import('./index-mrAwG3J3.js'));
+const installDR = (fun, app) => {
+  fun().then((module) => module.install(app));
+};
 const install = async (app) => {
   app.component("VButton", VButton());
   app.component("VSwitch", VSwitch());
@@ -17,6 +21,7 @@ const install = async (app) => {
   app.component("VIcon", VIcon());
   app.component("VSelect", VSelect());
   app.component("VSIcon", VSIcon());
+  installDR(DRdominfo, app);
 };
 if (!window.VConf) {
   const getLoad = (obj) => {

package/dist/components/Button/index.vue.d.ts

@@ -138,6 +138,10 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
         default: any;
     };
 }>> & Readonly<{}>, {
+    /**
+     * 大小
+     */
+    size: "middle" | "large" | "small";
     /**
      * 图标的class样式
      */
@@ -153,11 +157,7 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
     /**
      * 样式类型
      */
-    type: "primary" | "success" | "error" | "warning";
-    /**
-     * 大小
-     */
-    size: "middle" | "large" | "small";
+    type: "error" | "primary" | "success" | "warning";
     /**
      * 铺满
      */
@@ -302,6 +302,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: any;
     };
 }>> & Readonly<{}>, {
+    /**
+     * 大小
+     */
+    size: "middle" | "large" | "small";
     /**
      * 图标的class样式
      */
@@ -317,11 +321,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     /**
      * 样式类型
      */
-    type: "primary" | "success" | "error" | "warning";
-    /**
-     * 大小
-     */
-    size: "middle" | "large" | "small";
+    type: "error" | "primary" | "success" | "warning";
     /**
      * 铺满
      */

package/dist/components/Circle/index.vue.d.ts

@@ -129,14 +129,14 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
         default: number;
     };
 }>> & Readonly<{}>, {
-    /**
-     * 进度，0-100
-     */
-    length: number;
     /**
      * 进度条宽度
      */
     width: number;
+    /**
+     * 进度，0-100
+     */
+    length: number;
     /**
      * 背景色
      */
@@ -277,14 +277,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: number;
     };
 }>> & Readonly<{}>, {
-    /**
-     * 进度，0-100
-     */
-    length: number;
     /**
      * 进度条宽度
      */
     width: number;
+    /**
+     * 进度，0-100
+     */
+    length: number;
     /**
      * 背景色
      */

package/dist/components/SIcon/index.vue.d.ts

@@ -124,17 +124,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     /**
-     * 使用的图标大小，默认为'20'
+     * 图标大小-高
      */
-    size: any;
+    height: any;
     /**
      * 图标大小-宽
      */
     width: any;
     /**
-     * 图标大小-高
+     * 使用的图标大小，默认为'20'
      */
-    height: any;
+    size: any;
     /**
      * 使用的图标名称，默认为'up'，对应[域名或static]/vsicon/up.svg @p 如果lib存在值比如wx，则对应[域名或static]/vsicon/wx/up.svg
      */

package/dist/directive/dominfo.d.ts

@@ -0,0 +1,2 @@
+import { type App } from 'vue';
+export declare const install: (app: App) => void;

package/dist/dominfo-FpTvKs8K.js

@@ -0,0 +1,90 @@
+import { reactive } from 'vue';
+
+const install = (app) => {
+  app.directive("dominfo", {
+    mounted(el, binding) {
+      const value = binding.value;
+      if (typeof value !== "object") {
+        console.error("dominfo 指令的值必须是一个对象");
+        return;
+      }
+      const debounce = (fn, delay) => {
+        let timeoutId;
+        return (...args) => {
+          clearTimeout(timeoutId);
+          timeoutId = setTimeout(() => fn.apply(null, args), delay);
+        };
+      };
+      const dimensions = reactive({
+        height: 0,
+        width: 0,
+        scrollTop: 0,
+        scrollLeft: 0,
+        clientHeight: 0,
+        clientWidth: 0,
+        scrollHeight: 0,
+        scrollWidth: 0,
+        isScrollTop: false,
+        isScrollBottom: false,
+        isScrollLeft: false,
+        isScrollRight: false,
+        el
+      });
+      value.dominfo = dimensions;
+      let resizeObserver = null;
+      const updateInfo = (rect, target) => {
+        dimensions.height = rect?.height ?? target.offsetHeight;
+        dimensions.width = rect?.width ?? target.offsetWidth;
+        dimensions.scrollTop = target.scrollTop;
+        dimensions.scrollLeft = target.scrollLeft;
+        dimensions.clientHeight = target.clientHeight;
+        dimensions.clientWidth = target.clientWidth;
+        dimensions.scrollHeight = target.scrollHeight;
+        dimensions.scrollWidth = target.scrollWidth;
+        dimensions.isScrollTop = dimensions.scrollTop === 0;
+        dimensions.isScrollBottom = Math.abs(dimensions.scrollTop + dimensions.clientHeight - dimensions.scrollHeight) < 1;
+        dimensions.isScrollLeft = dimensions.scrollLeft === 0;
+        dimensions.isScrollRight = Math.abs(dimensions.scrollLeft + dimensions.clientWidth - dimensions.scrollWidth) < 1;
+      };
+      const debouncedUpdate = debounce((rect) => {
+        updateInfo(rect || el.getBoundingClientRect(), el);
+      }, 16);
+      const handleScroll = () => {
+        debouncedUpdate();
+      };
+      const initObservers = () => {
+        debouncedUpdate();
+        el.addEventListener("scroll", handleScroll, { passive: true });
+        resizeObserver = new ResizeObserver((entries) => {
+          for (const entry of entries) {
+            debouncedUpdate(entry.contentRect);
+          }
+        });
+        resizeObserver.observe(el);
+      };
+      const cleanup = () => {
+        if (resizeObserver) {
+          resizeObserver.disconnect();
+          resizeObserver = null;
+        }
+        el.removeEventListener("scroll", handleScroll);
+        if (value.dominfo) {
+          value.dominfo = null;
+        }
+      };
+      el._dominfoCleanup = cleanup;
+      initObservers();
+    },
+    unmounted(el, binding) {
+      if (typeof el._dominfoCleanup === "function") {
+        el._dominfoCleanup();
+        delete el._dominfoCleanup;
+      }
+      if (binding.value?.dominfo) {
+        binding.value.dominfo = null;
+      }
+    }
+  });
+};
+
+export { install };

package/dist/index.d.ts

@@ -14,12 +14,12 @@ 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']
     VSIcon:typeof import('./components/SIcon/index.vue')['default']
-    VSelect:typeof import('./components/Select/index.vue')['default']
     VSwitch:typeof import('./components/Switch/index.vue')['default']
     VScale:typeof import('./components/Scale/index.vue')['default']
+    VIcon:typeof import('./components/Icon/index.vue')['default']
+    VSelect:typeof import('./components/Select/index.vue')['default']
   }
   export interface ComponentCustomProperties {
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cc1-ui",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "我来助你-Vue3UI库",
   "repository": {
     "type": "git",