luyoumin-ui 0.0.7 → 0.0.9

package/dist/luyoumin-ui.es.js

@@ -1,5 +1,8 @@
-import { defineComponent as a, onMounted as s, toRaw as r, openBlock as l, createElementBlock as p } from "vue";
-const d = /* @__PURE__ */ a({
+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: {
@@ -17,28 +20,34 @@ const d = /* @__PURE__ */ a({
     }
   },
   setup(t) {
-    const o = t;
-    s(() => {
-    }), r(o);
-    const n = () => {
+    const e = t;
+    r(() => {
+    }), p(e);
+    const o = d(!1), n = () => {
+      o.value = !o.value;
     };
-    return (e, c) => (l(), p("div", {
-      class: "muk-btn primary",
-      onClick: n
-    }, "download"));
+    return (a, k) => (s(), c("div", _, [
+      i("div", {
+        class: "muk-btn primary",
+        onClick: n
+      }, "download"),
+      o.value ? (s(), c("div", m, "你好你好你好")) : f("", !0)
+    ]));
   }
-}), f = (t, o) => {
-  const n = t.__vccOpts || t;
-  for (const [e, c] of o)
-    n[e] = c;
-  return n;
-}, i = /* @__PURE__ */ f(d, [["__scopeId", "data-v-dd3ab85f"]]), m = [i], _ = (t) => {
-  m.forEach((o) => {
-    t.component(o.name, o);
-  });
-}, x = { install: _ };
+}), 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 {
-  i as JsonExportExcel,
-  x as default
+  x as JsonExportExcel,
+  h as default
 };
 //# sourceMappingURL=luyoumin-ui.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"luyoumin-ui.es.js","sources":["../src/components/JsonExportExcel.vue","../lib/main.ts"],"sourcesContent":["<template>\n    <div class=\"muk-btn primary\" @click=\"handleClick\">download</div>\n</template>\n\n<script setup lang=\"ts\" name=\"JsonExportExcel\">\n    import { onMounted, toRaw } 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 handleClick = () => {\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</style>","import JsonExportExcel from '../src/components/JsonExportExcel.vue';\n// 按需引入\nexport { JsonExportExcel };\nconst components = [JsonExportExcel];\n\n// 批量组件注册\n// const 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// };\nconst install = (App: any) => {\n    components.forEach(item => {\n        App.component(item.name, item);\n    })\n}\n\n\n// export default install;\nexport default {install};"],"names":["props","__props","onMounted","toRaw","handleClick","components","JsonExportExcel","install","App","item","main"],"mappings":";;;;;;;;;;;;;;;;;;;AAMI,UAAMA,IAAQC;AAcd,IAAAC,EAAU,MAAM;AAAA,IAAA,CAEf,GACmCC,EAAMH,CAAK;AAC/C,UAAMI,IAAc,MAAM;AAAA,IAAA;;;;;;;;;;;iECrBxBC,IAAa,CAACC,CAAe,GAW7BC,IAAU,CAACC,MAAa;AAC1B,EAAAH,EAAW,QAAQ,CAAQI,MAAA;AACnB,IAAAD,EAAA,UAAUC,EAAK,MAAMA,CAAI;AAAA,EAAA,CAChC;AACL,GAIeC,IAAA,EAAC,SAAAH,EAAO;"}
+{"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

@@ -1,2 +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 c=((n,o)=>{const s=n.__vccOpts||n;for(const[i,a]of o)s[i]=a;return s})(e.defineComponent({__name:"JsonExportExcel",props:{title:{type:String,default:()=>"file name"},jsonData:{type:Array,default:()=>[]},fields:{type:Object,default:()=>{}}},setup(n){const o=n;e.onMounted(()=>{}),e.toRaw(o);const s=()=>{};return(i,a)=>(e.openBlock(),e.createElementBlock("div",{class:"muk-btn primary",onClick:s},"download"))}}),[["__scopeId","data-v-dd3ab85f"]]),l=[c],r={install:n=>{l.forEach(o=>{n.component(o.name,o)})}};t.JsonExportExcel=c,t.default=r,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(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

@@ -1 +1 @@
-{"version":3,"file":"luyoumin-ui.umd.js","sources":["../src/components/JsonExportExcel.vue","../lib/main.ts"],"sourcesContent":["<template>\n    <div class=\"muk-btn primary\" @click=\"handleClick\">download</div>\n</template>\n\n<script setup lang=\"ts\" name=\"JsonExportExcel\">\n    import { onMounted, toRaw } 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 handleClick = () => {\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</style>","import JsonExportExcel from '../src/components/JsonExportExcel.vue';\n// 按需引入\nexport { JsonExportExcel };\nconst components = [JsonExportExcel];\n\n// 批量组件注册\n// const 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// };\nconst install = (App: any) => {\n    components.forEach(item => {\n        App.component(item.name, item);\n    })\n}\n\n\n// export default install;\nexport default {install};"],"names":["props","__props","onMounted","toRaw","handleClick","components","JsonExportExcel","main","App","item"],"mappings":"8fAMI,MAAMA,EAAQC,EAcdC,EAAAA,UAAU,IAAM,CAAA,CAEf,EACmCC,EAAAA,MAAMH,CAAK,EAC/C,MAAMI,EAAc,IAAM,CAAA,gJCrBxBC,EAAa,CAACC,CAAe,EAmBpBC,EAAA,CAAC,QARCC,GAAa,CAC1BH,EAAW,QAAgBI,GAAA,CACnBD,EAAA,UAAUC,EAAK,KAAMA,CAAI,CAAA,CAChC,CACL,CAIuB"}
+{"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

@@ -1 +1 @@
-.muk-btn[data-v-dd3ab85f]{-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-dd3ab85f]{width:240px;height:50px;font-size:16px}.moddle[data-v-dd3ab85f]{width:180px;height:50px;font-size:16px}.small[data-v-dd3ab85f]{width:100px;height:32px}.mini[data-v-dd3ab85f]{width:60px;height:32px}.default[data-v-dd3ab85f]{border-color:#e4e4e4;color:#666}.primary[data-v-dd3ab85f]{border-color:#6848c7;background:#7861b7;color:#fff}.plain[data-v-dd3ab85f]{border-color:#87ceeb;color:#87ceeb;background:lighten(skyblue,50%)}.gray[data-v-dd3ab85f]{border-color:#ccc;background:#ccc;color:#fff}
+.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,25 +1,28 @@
 {
   "name": "luyoumin-ui",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "Ui component library based on Vue3",
+  "author": "luyoumin",
+  "license": "MIT",
+  "private": false,
+  "main": "./dist/luyoumin-ui.umd.js",
+  "module": "./dist/luyoumin-ui.es.js",
+  "style": "./dist/style.css",
+  "types": "./index.d.ts",
   "type": "module",
   "files": [
     "dist",
     "index.d.ts"
   ],
-  "main": "./dist/luyoumin-ui.umd.js",
-  "module": "./dist/luyoumin-ui.es.js",
-  "style": "./dist/style.css",
-  "types": "./index.d.ts",
   "exports": {
     ".": {
-        "types": "./index.d.ts",
-        "import": "./dist/luyoumin-ui.es.js",
-        "require": "./dist/luyoumin-ui.umd.js"
+      "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"
+      "import": "./dist/style.css",
+      "require": "./dist/style.css"
     }
   },
   "scripts": {
@@ -29,8 +32,6 @@
   "keywords": [
     "luyoumin-ui"
   ],
-  "author": "luyoumin",
-  "license": "ISC",
   "repository": {
     "type": "git",
     "url": "https://github.com/renleiabc/luyoumin-ui.git"

package/index.d.ts

@@ -1,10 +0,0 @@
-import type { App } from 'vue';
-
-export interface InstallOptions {
-  /** @default `ElIcon` */
-  prefix?: string;
-}
-// eslint-disable-next-line no-unused-vars
-declare const _default: (app: App, { prefix }?: InstallOptions) => void;
-export default _default;
-export { default as JsonExportExcel } from './dist/src/components/JsonExportExcel.vue';