cc1-ui 0.0.7 → 0.0.9

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('.install(app)')) {
+                        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 = await 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'));
@@ -7,7 +8,7 @@ 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 VSIcon = () => defineAsyncComponent(() => import('./index-BlU8Q4GS.js'));
+const VSIcon = () => defineAsyncComponent(() => import('./index-mrAwG3J3.js'));
 const install = async (app) => {
   app.component("VButton", VButton());
   app.component("VSwitch", VSwitch());
@@ -17,6 +18,7 @@ const install = async (app) => {
   app.component("VIcon", VIcon());
   app.component("VSelect", VSelect());
   app.component("VSIcon", VSIcon());
+  DRdominfo.install(app);
 };
 if (!window.VConf) {
   const getLoad = (obj) => {

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

@@ -138,15 +138,45 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
         default: any;
     };
 }>> & Readonly<{}>, {
+    /**
+     * 大小
+     */
+    size: "middle" | "large" | "small";
+    /**
+     * 图标的class样式
+     */
     icon: string;
+    /**
+     * text样式
+     */
     text: any;
+    /**
+     * 幽灵样式
+     */
     ghost: any;
-    type: "primary" | "success" | "error" | "warning";
-    size: "middle" | "large" | "small";
+    /**
+     * 样式类型
+     */
+    type: "error" | "primary" | "success" | "warning";
+    /**
+     * 铺满
+     */
     long: any;
+    /**
+     * 加载状态
+     */
     loading: any;
+    /**
+     * 点击函数
+     */
     cmd: any;
+    /**
+     * 按钮类型
+     */
     htmlType: string;
+    /**
+     * 点击状态
+     */
     disabled: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -272,15 +302,45 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: any;
     };
 }>> & Readonly<{}>, {
+    /**
+     * 大小
+     */
+    size: "middle" | "large" | "small";
+    /**
+     * 图标的class样式
+     */
     icon: string;
+    /**
+     * text样式
+     */
     text: any;
+    /**
+     * 幽灵样式
+     */
     ghost: any;
-    type: "primary" | "success" | "error" | "warning";
-    size: "middle" | "large" | "small";
+    /**
+     * 样式类型
+     */
+    type: "error" | "primary" | "success" | "warning";
+    /**
+     * 铺满
+     */
     long: any;
+    /**
+     * 加载状态
+     */
     loading: any;
+    /**
+     * 点击函数
+     */
     cmd: any;
+    /**
+     * 按钮类型
+     */
     htmlType: string;
+    /**
+     * 点击状态
+     */
     disabled: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -129,14 +129,41 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
         default: number;
     };
 }>> & Readonly<{}>, {
-    length: number;
+    /**
+     * 进度条宽度
+     */
     width: number;
+    /**
+     * 进度，0-100
+     */
+    length: number;
+    /**
+     * 背景色
+     */
     bgColor: string;
+    /**
+     * 背景色-渐变
+     */
     bgColors: never[];
+    /**
+     * 底色
+     */
     runColor: string;
+    /**
+     * 底色-渐变
+     */
     runColors: never[];
+    /**
+     * 进度色
+     */
     successColor: string;
+    /**
+     * 进度色-渐变
+     */
     successColors: never[];
+    /**
+     * 进度条厚度
+     */
     strokeWidth: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -250,14 +277,41 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: number;
     };
 }>> & Readonly<{}>, {
-    length: number;
+    /**
+     * 进度条宽度
+     */
     width: number;
+    /**
+     * 进度，0-100
+     */
+    length: number;
+    /**
+     * 背景色
+     */
     bgColor: string;
+    /**
+     * 背景色-渐变
+     */
     bgColors: never[];
+    /**
+     * 底色
+     */
     runColor: string;
+    /**
+     * 底色-渐变
+     */
     runColors: never[];
+    /**
+     * 进度色
+     */
     successColor: string;
+    /**
+     * 进度色-渐变
+     */
     successColors: never[];
+    /**
+     * 进度条厚度
+     */
     strokeWidth: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -85,12 +85,33 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
 }>> & Readonly<{}>, {
+    /**
+     * 使用的图标大小，默认为'20'
+     */
     size: any;
+    /**
+     * 使用的图标名称，默认为'up'
+     */
     name: string;
+    /**
+     * 加载静态资源地址，如https://cdn.xx.xx/vicon或者/static/vicon
+     */
     url: string;
+    /**
+     * 使用的图标库名称，默认为'ant'
+     */
     lib: string;
+    /**
+     * 使用的图标颜色，默认为'currentColor'
+     */
     color: any;
+    /**
+     * 如果为true，使用设计的图标颜色使得color属性无效。默认为false，一般用于多色或固定色图标
+     */
     nofill: boolean;
+    /**
+     * 图标宽高显示单位，默认为px
+     */
     unit: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -92,11 +92,29 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
 }>, {
+    /**
+     * 开启背景色
+     */
     mask: boolean;
+    /**
+     * 是否显示
+     */
     show: boolean;
+    /**
+     * 背景色
+     */
     maskBgColor: string;
+    /**
+     * 是否可以点击背景关闭
+     */
     closemask: boolean;
+    /**
+     * 放置位置
+     */
     to: string;
+    /**
+     * 是否是布局显示，默认是全屏
+     */
     box: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -178,11 +196,29 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>> & Readonly<{
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
 }>, {
+    /**
+     * 开启背景色
+     */
     mask: boolean;
+    /**
+     * 是否显示
+     */
     show: boolean;
+    /**
+     * 背景色
+     */
     maskBgColor: string;
+    /**
+     * 是否可以点击背景关闭
+     */
     closemask: boolean;
+    /**
+     * 放置位置
+     */
     to: string;
+    /**
+     * 是否是布局显示，默认是全屏
+     */
     box: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -6,13 +6,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     /**
-     * 使用的图标库名称，默认为''
+     * 使用的图标库名称，默认为''，传入wx，此时对应[域名或static]/vsicon/wx目录
      */
     lib: {
         default: string;
     };
     /**
-     * 使用的图标名称，默认为'up'
+     * 使用的图标名称，默认为'up'，对应[域名或static]/vsicon/up.svg
+     * @p 如果lib存在值比如wx，则对应[域名或static]/vsicon/wx/up.svg
      */
     name: {
         default: string;
@@ -42,7 +43,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string[] | string;
     };
     /**
-     * 鼠标悬浮时使用的图标颜色，默认为[]
+     * 鼠标悬浮时使用的图标颜色，默认为undefined
      */
     hoverColor: {
         default: string[] | string;
@@ -67,13 +68,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     /**
-     * 使用的图标库名称，默认为''
+     * 使用的图标库名称，默认为''，传入wx，此时对应[域名或static]/vsicon/wx目录
      */
     lib: {
         default: string;
     };
     /**
-     * 使用的图标名称，默认为'up'
+     * 使用的图标名称，默认为'up'，对应[域名或static]/vsicon/up.svg
+     * @p 如果lib存在值比如wx，则对应[域名或static]/vsicon/wx/up.svg
      */
     name: {
         default: string;
@@ -103,7 +105,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string[] | string;
     };
     /**
-     * 鼠标悬浮时使用的图标颜色，默认为[]
+     * 鼠标悬浮时使用的图标颜色，默认为undefined
      */
     hoverColor: {
         default: string[] | string;
@@ -121,15 +123,45 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
 }>> & Readonly<{}>, {
-    size: any;
-    width: any;
+    /**
+     * 图标大小-高
+     */
     height: any;
+    /**
+     * 图标大小-宽
+     */
+    width: any;
+    /**
+     * 使用的图标大小，默认为'20'
+     */
+    size: any;
+    /**
+     * 使用的图标名称，默认为'up'，对应[域名或static]/vsicon/up.svg @p 如果lib存在值比如wx，则对应[域名或static]/vsicon/wx/up.svg
+     */
     name: string;
+    /**
+     * 加载静态资源地址，如https://cdn.xx.xx/vsicon或者/static/vsicon
+     */
     url: string;
+    /**
+     * 使用的图标库名称，默认为''，传入wx，此时对应[域名或static]/vsicon/wx目录
+     */
     lib: string;
+    /**
+     * 使用的图标颜色，默认为[]
+     */
     color: string | string[];
+    /**
+     * 图标宽高显示单位，默认为px
+     */
     unit: string;
+    /**
+     * 鼠标悬浮时使用的图标颜色，默认为undefined
+     */
     hoverColor: string | string[];
+    /**
+     * 用于hover时的dom元素id或者class，默认为undefined
+     */
     pid: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -44,6 +44,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     active: any;
     placeholder: string;
     list: Item[];
+    /**
+     * 可输入进行过滤
+     */
     filterable: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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-BlU8Q4GS.js → index-mrAwG3J3.js}

@@ -8,11 +8,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
      */
     url: { default: "" },
     /**
-     * 使用的图标库名称，默认为''
+     * 使用的图标库名称，默认为''，传入wx，此时对应[域名或static]/vsicon/wx目录
      */
     lib: { default: "" },
     /**
-     * 使用的图标名称，默认为'up'
+     * 使用的图标名称，默认为'up'，对应[域名或static]/vsicon/up.svg
+     * @p 如果lib存在值比如wx，则对应[域名或static]/vsicon/wx/up.svg
      */
     name: { default: "" },
     /**
@@ -32,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
      */
     color: { default: [] },
     /**
-     * 鼠标悬浮时使用的图标颜色，默认为[]
+     * 鼠标悬浮时使用的图标颜色，默认为undefined
      */
     hoverColor: { default: void 0 },
     /**

package/dist/index.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cc1-ui",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "我来助你-Vue3UI库",
   "repository": {
     "type": "git",
@@ -33,11 +33,10 @@
     "build": "npm run build:package && npm run build:types && npm run build:auto",
     "build:auto": "cd autoimport && npm run build && cd ..",
     "build:package": "vite build",
-    "build:types": "vue-tsc --declaration --emitDeclarationOnly && tsc-alias -p tsconfig.json && npm run addtype",
+    "build:types": "vue-tsc --declaration --emitDeclarationOnly --removeComments false && tsc-alias -p tsconfig.json && tsx ./build/restoreComments.ts && tsx ./build/buildTypes.ts",
     "format": "prettier --write . ",
     "typecheck": "vue-tsc --noEmit",
-    "addtype": "tsx ./build/buildTypes.ts",
-    "publish": "npm publish --access public"
+    "publishacc": "npm publish --access public"
   },
   "devDependencies": {
     "@types/node": "22.15.2",