use-components 1.0.0

package/dist/core/installer.d.ts

@@ -0,0 +1,12 @@
+import type { App, Component } from 'vue';
+/**
+ * 初始化 SDK，传入 Vue 实例
+ * @param app Vue createApp 返回的实例
+ */
+export declare const initVueComponentSDK: (app: App) => void;
+/**
+ * 注册全局组件
+ * @param key 组件名称
+ * @param component 组件定义
+ */
+export declare const componentInstall: (key: string, component: Component) => void;

package/dist/core/loader.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 加载 CSS 资源
+ * @param url CSS 文件地址
+ */
+export declare const loadCss: (url: string) => void;
+/**
+ * 动态加载 AMD 模块的 JS/CSS 资源
+ * @param version 组件版本号
+ * @param key 组件标识
+ * @param baseUrl 资源基础路径（可选，默认 /）
+ */
+export declare const loadComponentsFromAMD: (version: string, key: string, baseUrl?: string) => Promise<string>;
+/**
+ * 获取 AMD 模块中的组件
+ * @param version 组件版本号
+ * @param key 组件标识
+ */
+export declare const useGetComponents: <T extends {
+    default: () => any;
+} = any>(version: string, key: string) => Promise<{
+    component: T;
+    config: {
+        default: () => any;
+    };
+    configVue: any;
+}>;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './core/loader';
+export * from './core/installer';

package/dist/types/index.d.ts

@@ -0,0 +1,59 @@
+import { App, Component } from 'vue';
+
+/*
+ * @Author: wangcong
+ * @Date: 2026-01-19 16:21:23
+ * @LastEditTime: 2026-01-20 09:16:54
+ * @LastEditors: wangcong
+ * @Description: 
+ */
+
+
+declare module 'use-components' {
+  /**
+   * 初始化 SDK
+   * @param app Vue 实例
+   */
+  export function initVueComponentSDK(app: App): void;
+
+  /**
+   * 加载 CSS 资源
+   * @param url CSS 文件地址
+   */
+  export function loadCss(url: string): void;
+
+  /**
+   * 加载 AMD 组件资源
+   * @param version 版本号
+   * @param key 组件标识
+   * @param baseUrl 基础路径
+   */
+  export function loadComponentsFromAMD(
+    version: string,
+    key: string,
+    baseUrl?: string
+  ): Promise<string>;
+
+  /**
+   * 获取 AMD 模块中的组件
+   * @param version 版本号
+   * @param key 组件标识
+   */
+  export function useGetComponents<T = any>(
+    version: string,
+    key: string
+  ): Promise<{
+    [T: string]: {
+      component: T;
+      config: { default: () => any };
+      configVue: any;
+    }
+  }>;
+
+  /**
+   * 注册全局组件
+   * @param key 组件名称
+   * @param component 组件定义
+   */
+  export function componentInstall(key: string, component: Component): void;
+}

package/dist/use-components.es.js

@@ -0,0 +1 @@
+const e=new Map,r=e=>{if([...document.head.querySelectorAll("link")].some(r=>r.href===e))return;const r=document.createElement("link");r.setAttribute("rel","stylesheet"),r.setAttribute("type","text/css"),r.setAttribute("href",e),document.head.appendChild(r)},n=(n,t,o="/")=>{const s=`${t}@${n}`,c=`${o}${t}@${n}.js`,i=`${o}${t}@${n}.css`;if("loaded"===e.get(s))return Promise.resolve("already loaded");if("pending"===e.get(s))return e.get(s);const d=new Promise((t,o)=>{if(!n)return o(new Error("组件版本号为空"));e.set(s,"pending");const d=document.createElement("script"),u=document.getElementsByTagName("script")[0]||document.head;d.type="text/javascript",d.src=c,d.onload=()=>{e.set(s,"loaded"),t("load success")},d.onerror=r=>{e.delete(s),o(new Error(`加载组件失败: ${r.message}`))},u.parentNode?.insertBefore(d,u),r(i)});return e.set(s,d),d},t=(e,r)=>{const n=`${r}@${e}`;return new Promise((e,t)=>{try{require([n],n=>{e(n[r])})}catch(e){t(new Error(`获取组件失败: ${e.message}`))}})};let o=null;const s=e=>{o=e},c=(e,r)=>{if(!o)throw new Error("请先调用 initVueComponentSDK 初始化 SDK");o.component(e,r)};export{c as componentInstall,s as initVueComponentSDK,n as loadComponentsFromAMD,r as loadCss,t as useGetComponents};

package/dist/use-components.umd.js

@@ -0,0 +1 @@
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).t={})}(this,function(e){"use strict";const n=new Map,t=e=>{if([...document.head.querySelectorAll("link")].some(n=>n.href===e))return;const n=document.createElement("link");n.setAttribute("rel","stylesheet"),n.setAttribute("type","text/css"),n.setAttribute("href",e),document.head.appendChild(n)};let r=null;e.o=(e,n)=>{if(!r)throw new Error("请先调用 initVueComponentSDK 初始化 SDK");r.component(e,n)},e.i=e=>{r=e},e.u=(e,r,o="/")=>{const s=`${r}@${e}`,i=`${o}${r}@${e}.js`,c=`${o}${r}@${e}.css`;if("loaded"===n.get(s))return Promise.resolve("already loaded");if("pending"===n.get(s))return n.get(s);const d=new Promise((r,o)=>{if(!e)return o(new Error("组件版本号为空"));n.set(s,"pending");const d=document.createElement("script"),u=document.getElementsByTagName("script")[0]||document.head;d.type="text/javascript",d.src=i,d.onload=()=>{n.set(s,"loaded"),r("load success")},d.onerror=e=>{n.delete(s),o(new Error(`加载组件失败: ${e.message}`))},u.parentNode?.insertBefore(d,u),t(c)});return n.set(s,d),d},e.l=t,e.p=(e,n)=>{const t=`${n}@${e}`;return new Promise((e,r)=>{try{require([t],t=>{e(t[n])})}catch(e){r(new Error(`获取组件失败: ${e.message}`))}})}});

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "use-components",
+  "author": "wangcong",
+  "license": "MIT",
+  "version": "1.0.0",
+  "description": "Vue3 动态加载 AMD 组件 SDK",
+  "main": "dist/use-components.umd.umd.js",
+  "module": "dist/use-components.es.js",
+  "types": "dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/use-components.es.js",
+      "require": "./dist/use-components.umd.js",
+      "types": "./dist/types/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w"
+  },
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@vue/tsconfig": "^0.5.1",
+    "rollup": "^4.9.6",
+    "rollup-plugin-dts": "^6.1.0",
+    "tslib": "^2.6.2",
+    "typescript": "^5.3.3",
+    "vue": "^3.4.15"
+  },
+  "dependencies": {
+    "@rollup/plugin-terser": "^0.4.4"
+  }
+}