@uf_lee/leeui 1.0.0 → 1.0.1

package/dist/leeui.css

@@ -0,0 +1 @@
+.my-component[data-v-58ee48fa]{position:fixed;top:20%;left:50%;transform:translate(-50%);padding:20px;background:#fff;border:1px solid #eee;box-shadow:0 0 10px #0000001a}

package/dist/my-component-library.es.js

@@ -0,0 +1,37 @@
+import { defineComponent as a, ref as m, createElementBlock as i, createCommentVNode as u, openBlock as d, createElementVNode as r, createVNode as f, render as _ } from "vue";
+const v = {
+  key: 0,
+  class: "my-component"
+}, y = /* @__PURE__ */ a({
+  __name: "MyComponent",
+  setup(t, { expose: c }) {
+    const e = m(!1);
+    function l() {
+      e.value = !0;
+    }
+    function n() {
+      e.value = !1;
+    }
+    return c({ open: l, close: n }), (k, s) => e.value ? (d(), i("div", v, [
+      s[0] || (s[0] = r("p", null, "Hello! 我是一个全局单例组件", -1)),
+      r("button", { onClick: n }, "关闭")
+    ])) : u("", !0);
+  }
+}), C = (t, c) => {
+  const e = t.__vccOpts || t;
+  for (const [l, n] of c)
+    e[l] = n;
+  return e;
+}, x = /* @__PURE__ */ C(y, [["__scopeId", "data-v-58ee48fa"]]);
+let o = null, p = null;
+function b() {
+  o || (p = document.createElement("div"), document.body.appendChild(p), o = f(x), _(o, p)), o.component.exposed.open();
+}
+function h() {
+  o && o.component.exposed.close();
+}
+export {
+  x as MyComponent,
+  h as hideMyComponent,
+  b as showMyComponent
+};

package/dist/my-component-library.umd.js

@@ -0,0 +1 @@
+(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.MyComponentLibrary={},n.Vue))})(this,function(n,e){"use strict";const f={key:0,class:"my-component"},l=((s,p)=>{const t=s.__vccOpts||s;for(const[d,c]of p)t[d]=c;return t})(e.defineComponent({__name:"MyComponent",setup(s,{expose:p}){const t=e.ref(!1);function d(){t.value=!0}function c(){t.value=!1}return p({open:d,close:c}),(y,r)=>t.value?(e.openBlock(),e.createElementBlock("div",f,[r[0]||(r[0]=e.createElementVNode("p",null,"Hello! 我是一个全局单例组件",-1)),e.createElementVNode("button",{onClick:c},"关闭")])):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-58ee48fa"]]);let o=null,i=null;function m(){o||(i=document.createElement("div"),document.body.appendChild(i),o=e.createVNode(l),e.render(o,i)),o.component.exposed.open()}function u(){o&&o.component.exposed.close()}n.MyComponent=l,n.hideMyComponent=u,n.showMyComponent=m,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package/dist/types/MyComponent.vue.d.ts

@@ -0,0 +1,7 @@
+declare function open(): void;
+declare function close(): void;
+declare const _default: import("vue").DefineComponent<{}, {
+    open: typeof open;
+    close: typeof close;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/MyComponentInstance.d.ts

@@ -0,0 +1,2 @@
+export declare function showMyComponent(): void;
+export declare function hideMyComponent(): void;

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { showMyComponent, hideMyComponent } from "./MyComponentInstance";
+export { default as MyComponent } from "./MyComponent.vue";

package/package.json

@@ -1,16 +1,33 @@
 {
   "name": "@uf_lee/leeui",
-  "version": "1.0.0",
-  "description": "你的组件描述",
-  "main": "index.js",
+  "version": "1.0.1",
+  "description": "自己的组件库",
+  "main": "dist/my-component-library.cjs.js",
+  "module": "dist/my-component-library.esm.js",
+  "types": "dist/types/index.d.ts",
   "files": [
-    "index.js",
-    "MyComponent.vue"
+    "dist",
+    "src"
   ],
   "keywords": [
     "vue",
     "component"
   ],
   "author": "李天惊",
-  "license": "MIT"
+  "license": "MIT",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:types": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.json",
+    "publish": "npm run build && npm publish"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.3",
+    "typescript": "^5.8.2",
+    "vite": "^6.2.2",
+    "vue-tsc": "^2.2.8"
+  },
+  "dependencies": {
+    "vue": "^3.5.13"
+  }
 }

package/src/MyComponent.vue

@@ -0,0 +1,34 @@
+<template>
+  <div v-if="visible" class="my-component">
+    <p>Hello! 我是一个全局单例组件</p>
+    <button @click="close">关闭</button>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+const visible = ref(false);
+
+function open() {
+  visible.value = true;
+}
+function close() {
+  visible.value = false;
+}
+
+defineExpose({ open, close });
+</script>
+
+<style scoped>
+.my-component {
+  position: fixed;
+  top: 20%;
+  left: 50%;
+  transform: translateX(-50%);
+  padding: 20px;
+  background: #fff;
+  border: 1px solid #eee;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+</style>

package/src/MyComponentInstance.ts

@@ -0,0 +1,29 @@
+/*
+ * @Author: 李天惊 uf_lee@163.com
+ * @Date: 2025-03-20 12:07:04
+ * @LastEditors: 李天惊 uf_lee@163.com
+ * @LastEditTime: 2025-03-20 12:07:13
+ * @FilePath: \leelcp2022\lee_ui\src\MyComponentInstance.ts
+ * Copyright (c) 2025 by ${git_name_email}, All Rights Reserved.
+ */
+import { createVNode, render, VNode } from "vue";
+import MyComponent from "./MyComponent.vue";
+
+let instance: VNode | null = null;
+let container: HTMLElement | null = null;
+
+export function showMyComponent() {
+  if (!instance) {
+    container = document.createElement("div");
+    document.body.appendChild(container);
+    instance = createVNode(MyComponent);
+    render(instance, container);
+  }
+  (instance.component!.exposed as any).open();
+}
+
+export function hideMyComponent() {
+  if (instance) {
+    (instance.component!.exposed as any).close();
+  }
+}

package/src/index.ts

@@ -0,0 +1,10 @@
+/*
+ * @Author: 李天惊 uf_lee@163.com
+ * @Date: 2025-03-20 11:24:35
+ * @LastEditors: 李天惊 uf_lee@163.com
+ * @LastEditTime: 2025-03-20 12:07:29
+ * @FilePath: \leelcp2022\lee_ui\src\index.ts
+ * Copyright (c) 2025 by ${git_name_email}, All Rights Reserved.
+ */
+export { showMyComponent, hideMyComponent } from "./MyComponentInstance";
+export { default as MyComponent } from "./MyComponent.vue";

package/MyComponent.vue

@@ -1,41 +0,0 @@
-<script setup lang="ts">
-import { ref } from "vue";
-
-defineProps<{ msg: string }>();
-
-const count = ref(0);
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Learn more about IDE Support for Vue in the
-    <a
-      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
-      target="_blank"
-      >Vue Docs Scaling up Guide</a
-    >.
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>

package/index.js

@@ -1,2 +0,0 @@
-import MyComponent from "./MyComponent.vue";
-export { MyComponent };