@yh-ui/utils 0.1.0

package/dist/vue.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Vue 相关的工具函数
+ * @description 获取组件名、添加安装方法等
+ */
+import type { Component, Plugin, Directive } from 'vue';
+import type { SFCWithInstall } from './types';
+/**
+ * 为组件添加 install 方法，使其可以作为 Vue 插件使用
+ */
+export declare const withInstall: <T extends Component, E extends Record<string, unknown>>(main: T, extra?: E) => SFCWithInstall<T> & E;
+/**
+ * 空安装方法，用于不需要独立安装的子组件
+ */
+export declare const withNoopInstall: <T extends Component>(component: T) => SFCWithInstall<T>;
+/**
+ * 为函数式组件或工具添加 install 方法
+ */
+export declare const withInstallFunction: <T>(fn: T, name: string) => SFCWithInstall<T>;
+/**
+ * 为指令添加 install 方法
+ */
+export declare const withInstallDirective: <T extends Directive>(directive: T, name: string) => SFCWithInstall<T>;
+/**
+ * 批量注册组件和指令
+ */
+export declare const withInstallAll: (components: Component[], directives?: Record<string, Directive>) => Plugin;
+/**
+ * 用于 defineOptions 的类型辅助
+ */
+export interface ComponentOptions {
+    name: string;
+    inheritAttrs?: boolean;
+}

package/dist/vue.mjs

@@ -0,0 +1,55 @@
+export const withInstall = (main, extra) => {
+  ;
+  main.install = (app) => {
+    for (const comp of [main, ...Object.values(extra ?? {})]) {
+      const name = comp.name || comp.__name;
+      if (name) {
+        app.component(name, comp);
+      }
+    }
+  };
+  if (extra) {
+    for (const [key, comp] of Object.entries(extra)) {
+      ;
+      main[key] = comp;
+    }
+  }
+  return main;
+};
+export const withNoopInstall = (component) => {
+  ;
+  component.install = () => {
+  };
+  return component;
+};
+export const withInstallFunction = (fn, name) => {
+  const func = fn;
+  func.install = (app) => {
+    app.config.globalProperties[name] = fn;
+  };
+  return func;
+};
+export const withInstallDirective = (directive, name) => {
+  const dir = directive;
+  dir.install = (app) => {
+    app.directive(name, dir);
+  };
+  return dir;
+};
+export const withInstallAll = (components, directives) => {
+  return {
+    install(app) {
+      components.forEach((component) => {
+        const name = component.name || component.__name;
+        if (name) {
+          app.component(name, component);
+        }
+      });
+      if (directives) {
+        Object.entries(directives).forEach(([name, directive]) => {
+          app.directive(name, directive);
+        });
+      }
+    }
+  };
+};

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@yh-ui/utils",
+  "version": "0.1.0",
+  "description": "YH-UI utility functions",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*.mjs",
+      "require": "./dist/*.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "vue": "^3.5.27",
+    "vue-tsc": "^2.2.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.27"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/1079161148/yh-ui.git",
+    "directory": "packages/utils"
+  },
+  "keywords": [
+    "yh-ui",
+    "utils"
+  ],
+  "homepage": "https://yh-ui.dev",
+  "author": "YH-UI Team",
+  "license": "MIT",
+  "scripts": {
+    "build": "unbuild",
+    "dev": "unbuild --stub"
+  }
+}