luyoumin-ui 0.0.8 → 0.0.9

package/dist/luyoumin-ui.es.js

@@ -0,0 +1,53 @@
+import { defineComponent as l, onMounted as r, toRaw as p, ref as d, openBlock as s, createElementBlock as c, createElementVNode as i, createCommentVNode as f } from "vue";
+const _ = { style: { position: "relative" } }, m = {
+  key: 0,
+  class: "float-box"
+}, u = /* @__PURE__ */ l({
+  __name: "JsonExportExcel",
+  props: {
+    title: {
+      type: String,
+      default: () => "file name"
+    },
+    jsonData: {
+      type: Array,
+      default: () => []
+    },
+    fields: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  setup(t) {
+    const e = t;
+    r(() => {
+    }), p(e);
+    const o = d(!1), n = () => {
+      o.value = !o.value;
+    };
+    return (a, k) => (s(), c("div", _, [
+      i("div", {
+        class: "muk-btn primary",
+        onClick: n
+      }, "download"),
+      o.value ? (s(), c("div", m, "你好你好你好")) : f("", !0)
+    ]));
+  }
+}), v = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [n, a] of e)
+    o[n] = a;
+  return o;
+}, x = /* @__PURE__ */ v(u, [["__scopeId", "data-v-7a4f9d97"]]), y = [x], h = {
+  install(t) {
+    y.forEach((e) => {
+      t.component(e.name, e);
+    });
+  }
+};
+export {
+  x as JsonExportExcel,
+  h as default
+};
+//# sourceMappingURL=luyoumin-ui.es.js.map

package/dist/luyoumin-ui.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"luyoumin-ui.es.js","sources":["../src/components/JsonExportExcel.vue","../lib/main.ts"],"sourcesContent":["<template>\n    <div style=\"position: relative;\">\n        <div class=\"muk-btn primary\" @click=\"handleClick\">download</div>\n        <div v-if=\"showFloat\" class=\"float-box\">你好你好你好</div>\n    </div>\n</template>\n\n<script setup lang=\"ts\" name=\"JsonExportExcel\">\n    import { onMounted, toRaw, ref } from 'vue';\n    const props = defineProps({\n        title: {\n            type: String,\n            default: () => 'file name'\n        },\n        jsonData: {\n            type: Array,\n            default: () => []\n        },\n        fields: {\n            type: Object,\n            default: () => {}\n        }\n    })\n    onMounted(() => {\n        console.log('插件-组件-初始化');\n    })\n    const { jsonData, fields, title } = toRaw(props);\n    const showFloat = ref(false);\n    const handleClick = () => {\n        showFloat.value = !showFloat.value;\n        console.log('export-click=====111', jsonData);\n        console.log('export-click=====222', fields);\n        console.log('export-click=====333', title);\n    }\n</script>\n\n<style scoped>\n    .muk-btn {appearance: none;border: none;outline: none;background: #fff;text-align: center;border: 1px solid transparent;\n        border-radius: 4px;cursor: pointer;padding: 10px 20px;}\n    .large {width: 240px;height: 50px;font-size: 16px;}\n    .moddle {width: 180px;height: 50px;font-size: 16px;}\n    .small {width: 100px;height: 32px;}\n    .mini {width: 60px;height: 32px;}\n    .default {border-color: #e4e4e4;color: #666;}\n    .primary {border-color: rgb(104, 72, 199);background: rgb(120, 97, 183);color: #fff;}\n    .plain {border-color: skyblue;color: skyblue;background: lighten(skyblue, 50%);}\n    .gray {border-color: #ccc;background: #ccc;color: #fff;}\n    .float-box {position: fixed;top: 100px;left: 100px;font-size: 200x;color: black;font-weight: bold;}\n</style>","import JsonExportExcel from '../src/components/JsonExportExcel.vue';\n// 按需引入\nexport { JsonExportExcel };\nconst components = [JsonExportExcel];\n\n// 批量组件注册\nconst install = {\n  install(App: any) {\n    components.forEach((item) => {\n      console.log('🚀 ~ components.forEach ~ item:', item);\n      App.component(item.name, item);\n    });\n  }\n};\n\nexport default install;\n"],"names":["props","__props","onMounted","toRaw","showFloat","ref","handleClick","components","JsonExportExcel","install","App","item"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASI,UAAMA,IAAQC;AAcd,IAAAC,EAAU,MAAM;AAAA,IAAA,CAEf,GACmCC,EAAMH,CAAK;AACzC,UAAAI,IAAYC,EAAI,EAAK,GACrBC,IAAc,MAAM;AACZ,MAAAF,EAAA,QAAQ,CAACA,EAAU;AAAA,IAAA;;;;;;;;;;;;;;iEC1B/BG,IAAa,CAACC,CAAe,GAG7BC,IAAU;AAAA,EACd,QAAQC,GAAU;AACL,IAAAH,EAAA,QAAQ,CAACI,MAAS;AAEvB,MAAAD,EAAA,UAAUC,EAAK,MAAMA,CAAI;AAAA,IAAA,CAC9B;AAAA,EACH;AACF;"}

package/dist/luyoumin-ui.umd.js

@@ -0,0 +1,2 @@
+(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.LuyouminUi={},t.Vue))})(this,function(t,e){"use strict";const i={style:{position:"relative"}},r={key:0,class:"float-box"},l=((o,n)=>{const s=o.__vccOpts||o;for(const[c,a]of n)s[c]=a;return s})(e.defineComponent({__name:"JsonExportExcel",props:{title:{type:String,default:()=>"file name"},jsonData:{type:Array,default:()=>[]},fields:{type:Object,default:()=>{}}},setup(o){const n=o;e.onMounted(()=>{}),e.toRaw(n);const s=e.ref(!1),c=()=>{s.value=!s.value};return(a,_)=>(e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",{class:"muk-btn primary",onClick:c},"download"),s.value?(e.openBlock(),e.createElementBlock("div",r,"你好你好你好")):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-7a4f9d97"]]),d=[l],f={install(o){d.forEach(n=>{o.component(n.name,n)})}};t.JsonExportExcel=l,t.default=f,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+//# sourceMappingURL=luyoumin-ui.umd.js.map

package/dist/luyoumin-ui.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"luyoumin-ui.umd.js","sources":["../src/components/JsonExportExcel.vue","../lib/main.ts"],"sourcesContent":["<template>\n    <div style=\"position: relative;\">\n        <div class=\"muk-btn primary\" @click=\"handleClick\">download</div>\n        <div v-if=\"showFloat\" class=\"float-box\">你好你好你好</div>\n    </div>\n</template>\n\n<script setup lang=\"ts\" name=\"JsonExportExcel\">\n    import { onMounted, toRaw, ref } from 'vue';\n    const props = defineProps({\n        title: {\n            type: String,\n            default: () => 'file name'\n        },\n        jsonData: {\n            type: Array,\n            default: () => []\n        },\n        fields: {\n            type: Object,\n            default: () => {}\n        }\n    })\n    onMounted(() => {\n        console.log('插件-组件-初始化');\n    })\n    const { jsonData, fields, title } = toRaw(props);\n    const showFloat = ref(false);\n    const handleClick = () => {\n        showFloat.value = !showFloat.value;\n        console.log('export-click=====111', jsonData);\n        console.log('export-click=====222', fields);\n        console.log('export-click=====333', title);\n    }\n</script>\n\n<style scoped>\n    .muk-btn {appearance: none;border: none;outline: none;background: #fff;text-align: center;border: 1px solid transparent;\n        border-radius: 4px;cursor: pointer;padding: 10px 20px;}\n    .large {width: 240px;height: 50px;font-size: 16px;}\n    .moddle {width: 180px;height: 50px;font-size: 16px;}\n    .small {width: 100px;height: 32px;}\n    .mini {width: 60px;height: 32px;}\n    .default {border-color: #e4e4e4;color: #666;}\n    .primary {border-color: rgb(104, 72, 199);background: rgb(120, 97, 183);color: #fff;}\n    .plain {border-color: skyblue;color: skyblue;background: lighten(skyblue, 50%);}\n    .gray {border-color: #ccc;background: #ccc;color: #fff;}\n    .float-box {position: fixed;top: 100px;left: 100px;font-size: 200x;color: black;font-weight: bold;}\n</style>","import JsonExportExcel from '../src/components/JsonExportExcel.vue';\n// 按需引入\nexport { JsonExportExcel };\nconst components = [JsonExportExcel];\n\n// 批量组件注册\nconst install = {\n  install(App: any) {\n    components.forEach((item) => {\n      console.log('🚀 ~ components.forEach ~ item:', item);\n      App.component(item.name, item);\n    });\n  }\n};\n\nexport default install;\n"],"names":["props","__props","onMounted","toRaw","showFloat","ref","handleClick","components","JsonExportExcel","install","App","item"],"mappings":"0jBASI,MAAMA,EAAQC,EAcdC,EAAAA,UAAU,IAAM,CAAA,CAEf,EACmCC,EAAAA,MAAMH,CAAK,EACzC,MAAAI,EAAYC,MAAI,EAAK,EACrBC,EAAc,IAAM,CACZF,EAAA,MAAQ,CAACA,EAAU,KAAA,2QC1B/BG,EAAa,CAACC,CAAe,EAG7BC,EAAU,CACd,QAAQC,EAAU,CACLH,EAAA,QAASI,GAAS,CAEvBD,EAAA,UAAUC,EAAK,KAAMA,CAAI,CAAA,CAC9B,CACH,CACF"}

package/dist/style.css

@@ -0,0 +1 @@
+.muk-btn[data-v-7a4f9d97]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:#fff;text-align:center;border:1px solid transparent;border-radius:4px;cursor:pointer;padding:10px 20px}.large[data-v-7a4f9d97]{width:240px;height:50px;font-size:16px}.moddle[data-v-7a4f9d97]{width:180px;height:50px;font-size:16px}.small[data-v-7a4f9d97]{width:100px;height:32px}.mini[data-v-7a4f9d97]{width:60px;height:32px}.default[data-v-7a4f9d97]{border-color:#e4e4e4;color:#666}.primary[data-v-7a4f9d97]{border-color:#6848c7;background:#7861b7;color:#fff}.plain[data-v-7a4f9d97]{border-color:#87ceeb;color:#87ceeb;background:lighten(skyblue,50%)}.gray[data-v-7a4f9d97]{border-color:#ccc;background:#ccc;color:#fff}.float-box[data-v-7a4f9d97]{position:fixed;top:100px;left:100px;font-size:200x;color:#000;font-weight:700}

package/package.json

@@ -1,21 +1,30 @@
 {
   "name": "luyoumin-ui",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Ui component library based on Vue3",
   "author": "luyoumin",
   "license": "MIT",
   "private": false,
-  "main": "lib/luyoumin-ui.umd.cjs",
-  "module": "lib/luyoumin-ui.umd.cjs",
-  "types": "lib/index.d.ts",
+  "main": "./dist/luyoumin-ui.umd.js",
+  "module": "./dist/luyoumin-ui.es.js",
+  "style": "./dist/style.css",
+  "types": "./index.d.ts",
   "type": "module",
   "files": [
-    "package.json",
-    "README.md",
-    "LICENSE",
-    "lib",
-    "global.d.ts"
+    "dist",
+    "index.d.ts"
   ],
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./dist/luyoumin-ui.es.js",
+      "require": "./dist/luyoumin-ui.umd.js"
+    },
+    "./dist/style.css": {
+      "import": "./dist/style.css",
+      "require": "./dist/style.css"
+    }
+  },
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc && vite build"

package/lib/luyoumin-ui.es.js

@@ -1,59 +0,0 @@
-import { defineComponent as a, onMounted as r, toRaw as p, openBlock as i, createElementBlock as f } from "vue";
-const d = /* @__PURE__ */ a({
-  __name: "index",
-  props: {
-    title: {
-      type: String,
-      default: () => "file name"
-    },
-    jsonData: {
-      type: Array,
-      default: () => []
-    },
-    fields: {
-      type: Object,
-      default: () => {
-      }
-    }
-  },
-  setup(o) {
-    const t = o;
-    r(() => {
-      console.log("插件-组件-初始化");
-    });
-    const { jsonData: n, fields: e, title: c } = p(t), l = () => {
-      console.log("export-click=====111", n), console.log("export-click=====222", e), console.log("export-click=====333", c);
-    };
-    return (x, j) => (i(), f("div", {
-      class: "muk-btn primary",
-      onClick: l
-    }, "download"));
-  }
-}), m = (o, t) => {
-  const n = o.__vccOpts || o;
-  for (const [e, c] of t)
-    n[e] = c;
-  return n;
-}, u = /* @__PURE__ */ m(d, [["__scopeId", "data-v-48590d9a"]]), _ = (o, t) => {
-  if (o.install = (n) => {
-    for (const e of [o, ...Object.values(t ?? {})])
-      n.component(e.name, e);
-  }, t)
-    for (const [n, e] of Object.entries(t))
-      o[n] = e;
-  return o;
-}, k = _(u), s = {
-  TButton: k
-}, y = (o) => {
-  for (const t in s)
-    o.component(t, s[t]);
-}, g = (o) => {
-  y(o);
-}, b = {
-  // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
-  install: g
-};
-export {
-  k as TButton,
-  b as default
-};

package/lib/luyoumin-ui.umd.js

@@ -1 +0,0 @@
-(function(n,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(n=typeof globalThis<"u"?globalThis:n||self,o(n.LuyouminUi={},n.Vue))})(this,function(n,o){"use strict";const i=((t,e)=>{if(t.install=c=>{for(const s of[t,...Object.values(e??{})])c.component(s.name,s)},e)for(const[c,s]of Object.entries(e))t[c]=s;return t})(((t,e)=>{const c=t.__vccOpts||t;for(const[s,l]of e)c[s]=l;return c})(o.defineComponent({__name:"index",props:{title:{type:String,default:()=>"file name"},jsonData:{type:Array,default:()=>[]},fields:{type:Object,default:()=>{}}},setup(t){const e=t;o.onMounted(()=>{console.log("插件-组件-初始化")});const{jsonData:c,fields:s,title:l}=o.toRaw(e),a=()=>{console.log("export-click=====111",c),console.log("export-click=====222",s),console.log("export-click=====333",l)};return(k,g)=>(o.openBlock(),o.createElementBlock("div",{class:"muk-btn primary",onClick:a},"download"))}}),[["__scopeId","data-v-48590d9a"]])),f={TButton:i},p=t=>{for(const e in f)t.component(e,f[e])},r={install:t=>{p(t)}};n.TButton=i,n.default=r,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/lib/packages/button/index.d.ts

@@ -1,78 +0,0 @@
-declare const TButton: ({
-    new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        title: {
-            type: StringConstructor;
-            default: () => string;
-        };
-        jsonData: {
-            type: ArrayConstructor;
-            default: () => never[];
-        };
-        fields: {
-            type: ObjectConstructor;
-            default: () => void;
-        };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        title: {
-            type: StringConstructor;
-            default: () => string;
-        };
-        jsonData: {
-            type: ArrayConstructor;
-            default: () => never[];
-        };
-        fields: {
-            type: ObjectConstructor;
-            default: () => void;
-        };
-    }>>, {
-        title: string;
-        jsonData: unknown[];
-        fields: Record<string, any>;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        title: {
-            type: StringConstructor;
-            default: () => string;
-        };
-        jsonData: {
-            type: ArrayConstructor;
-            default: () => never[];
-        };
-        fields: {
-            type: ObjectConstructor;
-            default: () => void;
-        };
-    }>>, {}, {}, {}, {}, {
-        title: string;
-        jsonData: unknown[];
-        fields: Record<string, any>;
-    }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import('vue').ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        default: () => string;
-    };
-    jsonData: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    fields: {
-        type: ObjectConstructor;
-        default: () => void;
-    };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    title: string;
-    jsonData: unknown[];
-    fields: Record<string, any>;
-}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin) & Record<string, any>;
-export default TButton;

package/lib/packages/index.d.ts

@@ -1,7 +0,0 @@
-import { default as TButton } from './button';
-
-export { TButton };
-declare const _default: {
-    install: any;
-};
-export default _default;

package/lib/packages/withInstall.d.ts

@@ -1,5 +0,0 @@
-import { Plugin } from 'vue';
-
-type SFCWithInstall<T> = T & Plugin;
-export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E) => SFCWithInstall<T> & E;
-export {};

package/lib/style.css

@@ -1 +0,0 @@
-.muk-btn[data-v-48590d9a]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:#fff;text-align:center;border:1px solid transparent;border-radius:4px;cursor:pointer;padding:10px 20px}.large[data-v-48590d9a]{width:240px;height:50px;font-size:16px}.moddle[data-v-48590d9a]{width:180px;height:50px;font-size:16px}.small[data-v-48590d9a]{width:100px;height:32px}.mini[data-v-48590d9a]{width:60px;height:32px}.default[data-v-48590d9a]{border-color:#e4e4e4;color:#666}.primary[data-v-48590d9a]{border-color:#6848c7;background:#7861b7;color:#fff}.plain[data-v-48590d9a]{border-color:#87ceeb;color:#87ceeb;background:lighten(skyblue,50%)}.gray[data-v-48590d9a]{border-color:#ccc;background:#ccc;color:#fff}