luyoumin-ui 0.0.1

package/README.md

@@ -0,0 +1,9 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (previously Volar) and disable Vetur
+
+- Use [vue-tsc](https://github.com/vuejs/language-tools/tree/master/packages/tsc) for performing the same type checking from the command line, or for generating d.ts files for SFCs.

package/dist/luyoumin-ui.es.js

@@ -0,0 +1,46 @@
+import { defineComponent as a, toRaw as s, openBlock as r, createElementBlock as l } from "vue";
+const p = {
+  name: "JsonExportExcel"
+}, _ = /* @__PURE__ */ a({
+  ...p,
+  props: {
+    title: {
+      type: String,
+      default: () => "file name"
+    },
+    jsonData: {
+      type: Array,
+      default: () => []
+    },
+    fields: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  setup(t) {
+    s(t);
+    const e = () => {
+    };
+    return (n, c) => (r(), l("button", {
+      class: "muk-btn primary",
+      onClick: e
+    }, "download"));
+  }
+}), f = (t, o) => {
+  const e = t.__vccOpts || t;
+  for (const [n, c] of o)
+    e[n] = c;
+  return e;
+}, d = /* @__PURE__ */ f(_, [["__scopeId", "data-v-0e1b04a1"]]), i = [d], u = {
+  install(t) {
+    i.forEach((o) => {
+      t.component(o.name, o);
+    });
+  }
+};
+export {
+  d as JsonExportExcel,
+  u 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    <button class=\"muk-btn primary\" @click=\"handleClick\">download</button>\n</template>\n\n<script setup lang=\"ts\">\n    import { 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    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<script lang=\"ts\">\n    export default {\n        name: 'JsonExportExcel'\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;}\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// 批量组件注册\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;"],"names":["__default__","toRaw","__props","handleClick","components","JsonExportExcel","install","App","item"],"mappings":";AA4BI,MAAAA,IAAe;AAAA,EACX,MAAM;AACV;;;;;;;;;;;;;;;;;;AAVoC,IAAAC,EAdtBC,CAciC;AAC/C,UAAMC,IAAc,MAAM;AAAA,IAAA;;;;;;;;;;;iEClBxBC,IAAa,CAACC,CAAe,GAG7BC,IAAU;AAAA,EACZ,QAAQC,GAAU;AACd,IAAAH,EAAW,QAAQ,CAAQI,MAAA;AAEnB,MAAAD,EAAA,UAAUC,EAAK,MAAMA,CAAI;AAAA,IAAA,CAChC;AAAA,EACL;AACJ;"}

package/dist/luyoumin-ui.umd.js

@@ -0,0 +1,2 @@
+(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e["luyoumin-ui"]={},e.Vue))})(this,function(e,t){"use strict";const i={name:"JsonExportExcel"},r=t.defineComponent({...i,props:{title:{type:String,default:()=>"file name"},jsonData:{type:Array,default:()=>[]},fields:{type:Object,default:()=>{}}},setup(n){const o=n;t.toRaw(o);const s=()=>{};return(l,a)=>(t.openBlock(),t.createElementBlock("button",{class:"muk-btn primary",onClick:s},"download"))}}),c=((n,o)=>{const s=n.__vccOpts||n;for(const[l,a]of o)s[l]=a;return s})(r,[["__scopeId","data-v-0e1b04a1"]]),u=[c],p={install(n){u.forEach(o=>{n.component(o.name,o)})}};e.JsonExportExcel=c,e.default=p,Object.defineProperties(e,{__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    <button class=\"muk-btn primary\" @click=\"handleClick\">download</button>\n</template>\n\n<script setup lang=\"ts\">\n    import { 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    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<script lang=\"ts\">\n    export default {\n        name: 'JsonExportExcel'\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;}\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// 批量组件注册\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;"],"names":["__default__","props","__props","toRaw","handleClick","components","JsonExportExcel","install","App","item"],"mappings":"mQA4BI,MAAAA,EAAe,CACX,KAAM,iBACV,kKAxBA,MAAMC,EAAQC,EAcsBC,EAAAA,MAAMF,CAAK,EAC/C,MAAMG,EAAc,IAAM,CAAA,4NClBxBC,EAAa,CAACC,CAAe,EAG7BC,EAAU,CACZ,QAAQC,EAAU,CACdH,EAAW,QAAgBI,GAAA,CAEnBD,EAAA,UAAUC,EAAK,KAAMA,CAAI,CAAA,CAChC,CACL,CACJ"}

package/dist/src/components/JsonExportExcel.vue.d.ts

@@ -0,0 +1,32 @@
+declare const _default: import('vue').DefineComponent<{
+    title: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    jsonData: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    fields: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, 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>;
+}, {}>;
+export default _default;

package/dist/src/main.d.ts

@@ -0,0 +1 @@
+

package/dist/style.css

@@ -0,0 +1 @@
+.muk-btn[data-v-0e1b04a1]{-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}.large[data-v-0e1b04a1]{width:240px;height:50px;font-size:16px}.moddle[data-v-0e1b04a1]{width:180px;height:50px;font-size:16px}.small[data-v-0e1b04a1]{width:100px;height:32px}.mini[data-v-0e1b04a1]{width:60px;height:32px}.default[data-v-0e1b04a1]{border-color:#e4e4e4;color:#666}.primary[data-v-0e1b04a1]{border-color:#6848c7;background:#7861b7;color:#fff}.plain[data-v-0e1b04a1]{border-color:#87ceeb;color:#87ceeb;background:lighten(skyblue,50%)}.gray[data-v-0e1b04a1]{border-color:#ccc;background:#ccc;color:#fff}

package/dist/vite.config.d.ts

@@ -0,0 +1,5 @@
+declare const _default: ({ mode, command }: {
+    mode: any;
+    command: any;
+}) => import('vite').UserConfig;
+export default _default;

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/index.d.ts

@@ -0,0 +1,9 @@
+import type { App } from 'vue';
+
+export interface InstallOptions {
+    prefix?: string
+}
+
+declare const _default: (app: App, {prefix}?: InstallOptions) => void;
+export default _default;
+export { default as JsonExportExcel } from './dist/src/components/JsonExportExcel.vue';

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "luyoumin-ui",
+  "version": "0.0.1",
+  "description": "Ui component library based on Vue3",
+  "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"
+    },
+    "./dist/style.css": {
+        "import": "./dist/style.css",
+        "require": "./dist/style.css"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc && vite build"
+  },
+  "keywords": [
+    "luyoumin-ui"
+  ],
+  "author": "luyoumin",
+  "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/renleiabc/luyoumin-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/renleiabc/luyoumin-ui/issues"
+  },
+  "devDependencies": {
+    "@types/node": "^20.12.2",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "less": "^4.2.0",
+    "sass": "^1.72.0",
+    "typescript": "^5.2.2",
+    "unplugin-auto-import": "^0.17.5",
+    "unplugin-vue-components": "^0.26.0",
+    "vite": "^5.2.0",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-dts": "^3.8.1",
+    "vue": "^3.4.21",
+    "vue-tsc": "^2.0.7"
+  }
+}