suncy-my-npm-test 1.0.43 → 1.0.45

package/package.json

@@ -1,49 +1,56 @@
-{
-  "name": "suncy-my-npm-test",
-  "version": "1.0.43",
-  "type": "module",
-  "description": "A Vue component compatible with Vue 2 & 3",
-  "main": "dist/index.umd.js",
-  "module": "dist/index.esm.js",
-  "unpkg": "dist/index.umd.js",
-  "jsdelivr": "dist/index.umd.js",
-  "types": "dist/index.d.ts",
-  "files": ["dist"],
-  "exports": {
-    ".": {
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.umd.js",
-      "types": "./dist/index.d.ts"
-    }
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "build:vue2": "npm run switch:vue2 && npm run build",
-    "build:vue3": "npm run switch:vue3 && npm run build",
-    "build:all": "npm run build:vue2 && npm run build:vue3",
-    "switch:vue2": "vue-demi-switch 2",
-    "switch:vue3": "vue-demi-switch 3",
-    "prepublishOnly": "npm run build:all",
-    "postinstall": "vue-demi-switch 3"
-  },
-  "peerDependencies": {
-    "vue": "^2.6.0 || ^3.0.0"
-  },
-  "peerDependenciesMeta": {
-    "@vue/composition-api": {
-      "optional": true
-    }
-  },
-  "dependencies": {
-    "vue-demi": "^0.14.0"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^6.0.1",
-    "@vue/composition-api": "^1.7.2",
-    "typescript": "^5.0.0",
-    "vite": "^7.1.2",
-    "vue": "^3.5.12",
-    "vue-tsc": "^2.0.0"
-  }
-}
+{
+    "name": "suncy-my-npm-test",
+    "version": "1.0.45",
+    "description": "A Vue2 component library",
+    "main": "lib/index.umd.min.js",
+    "module": "lib/index.esm.js",
+    "unpkg": "lib/index.umd.min.js",
+    "jsdelivr": "lib/index.umd.min.js",
+    "files": [
+      "lib",
+      "packages"
+    ],
+    "scripts": {
+      "serve": "vue-cli-service serve",
+      "build": "vue-cli-service build",
+      "build:lib": "vue-cli-service build --target lib --name suncy-my-npm-test ./packages/index.js",
+      "lint": "vue-cli-service lint",
+      "prepublishOnly": "npm run build:lib"
+    },
+    "dependencies": {
+      "core-js": "^3.8.3",
+      "vue": "^2.6.14"
+    },
+    "devDependencies": {
+      "@vue/cli-plugin-babel": "~5.0.8",
+      "@vue/cli-service": "~5.0.8",
+      "vue-template-compiler": "^2.6.14",
+      "sass": "^1.32.7",
+      "sass-loader": "^12.0.0",
+      "eslint": "^8.7.0",
+      "eslint-plugin-vue": "^8.4.1"
+    },
+    "peerDependencies": {
+      "vue": "^2.6.0"
+    },
+    "browserslist": [
+      "> 1%",
+      "last 2 versions",
+      "not dead"
+    ],
+    "keywords": [
+      "vue2",
+      "component",
+      "library"
+    ],
+    "author": "Your Name",
+    "license": "MIT",
+    "repository": {
+      "type": "git",
+      "url": "git+https://github.com/yourname/suncy-my-npm-test.git"
+    },
+    "bugs": {
+      "url": "https://github.com/yourname/suncy-my-npm-test/issues"
+    },
+    "homepage": "https://github.com/yourname/suncy-my-npm-test#readme"
+  }

package/packages/components/MyButton.vue

@@ -0,0 +1,76 @@
+<template>
+    <button 
+      class="my-button" 
+      :class="[typeClass, sizeClass]"
+      @click="$emit('click')"
+    >
+      <slot></slot>
+    </button>
+  </template>
+  
+  <script>
+  export default {
+    name: 'MyButton',
+    props: {
+      type: {
+        type: String,
+        default: 'default',
+        validator: (value) => ['default', 'primary', 'success', 'warning', 'danger'].includes(value)
+      },
+      size: {
+        type: String,
+        default: 'medium',
+        validator: (value) => ['small', 'medium', 'large'].includes(value)
+      }
+    },
+    computed: {
+      typeClass() {
+        return `my-button--${this.type}`
+      },
+      sizeClass() {
+        return `my-button--${this.size}`
+      }
+    }
+  }
+  </script>
+  
+  <style scoped>
+  .my-button {
+    padding: 10px 20px;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 14px;
+    transition: all 0.3s;
+  }
+  
+  .my-button--default {
+    background: #f0f0f0;
+    color: #333;
+  }
+  
+  .my-button--primary {
+    background: #409eff;
+    color: white;
+  }
+  
+  .my-button--success {
+    background: #67c23a;
+    color: white;
+  }
+  
+  .my-button--small {
+    padding: 8px 16px;
+    font-size: 12px;
+  }
+  
+  .my-button--medium {
+    padding: 10px 20px;
+    font-size: 14px;
+  }
+  
+  .my-button--large {
+    padding: 12px 24px;
+    font-size: 16px;
+  }
+  </style>

package/packages/index.js

@@ -0,0 +1,27 @@
+import MyButton from './components/MyButton.vue'
+
+const components = {
+  MyButton,
+}
+
+const install = function(Vue) {
+  if (install.installed) return
+  
+  Object.keys(components).forEach(key => {
+    Vue.component(components[key].name, components[key])
+  })
+}
+
+// 自动安装
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue)
+}
+
+export default {
+  install,
+  ...components
+}
+
+export {
+  MyButton,
+}

package/dist/index.esm.js

@@ -1,32 +0,0 @@
-import { openBlock, createElementBlock, toDisplayString } from "vue";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _sfc_main = {
-  name: "MyComponent",
-  data() {
-    return {
-      count: 0
-    };
-  },
-  methods: {
-    handleClick() {
-      this.count++;
-      this.$emit("click", this.count);
-    }
-  }
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    onClick: _cache[0] || (_cache[0] = (...args) => $options.handleClick && $options.handleClick(...args))
-  }, " aaaaa=" + toDisplayString($data.count), 1);
-}
-const test = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  test as default
-};
-//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../src/test.vue"],"sourcesContent":["<template>\r\n    <div @click=\"handleClick\">\r\n        aaaaa={{count}}\r\n    </div>\r\n  </template>\r\n  <script>\r\n  export default {\r\n    name: 'MyComponent',\r\n    data() {\r\n      return {\r\n        count: 0\r\n      }\r\n    },\r\n    methods: {\r\n      handleClick() {\r\n        this.count++\r\n        this.$emit('click', this.count)\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  "],"names":["_createElementBlock"],"mappings":";;;;;;;;AAME,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AACL,WAAO;AAAA,MACL,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,cAAc;AACZ,WAAK;AACL,WAAK,MAAM,SAAS,KAAK,KAAK;AAAA,IAChC;AAAA,EACF;AACF;;sBAlBEA,mBAEM,OAAA;AAAA,IAFA,gDAAO,SAAA,eAAA,SAAA,YAAA,GAAA,IAAA;AAAA,EAAa,GAAA,4BACd,MAAA,KAAK,GAAA,CAAA;;;"}

package/dist/index.umd.js

@@ -1,34 +0,0 @@
-(function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? module.exports = factory(require("vue")) : typeof define === "function" && define.amd ? define(["vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, global.MyTest = factory(global.Vue));
-})(this, (function(vue) {
-  "use strict";
-  const _export_sfc = (sfc, props) => {
-    const target = sfc.__vccOpts || sfc;
-    for (const [key, val] of props) {
-      target[key] = val;
-    }
-    return target;
-  };
-  const _sfc_main = {
-    name: "MyComponent",
-    data() {
-      return {
-        count: 0
-      };
-    },
-    methods: {
-      handleClick() {
-        this.count++;
-        this.$emit("click", this.count);
-      }
-    }
-  };
-  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", {
-      onClick: _cache[0] || (_cache[0] = (...args) => $options.handleClick && $options.handleClick(...args))
-    }, " aaaaa=" + vue.toDisplayString($data.count), 1);
-  }
-  const test = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-  return test;
-}));
-//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.umd.js","sources":["../src/test.vue"],"sourcesContent":["<template>\r\n    <div @click=\"handleClick\">\r\n        aaaaa={{count}}\r\n    </div>\r\n  </template>\r\n  <script>\r\n  export default {\r\n    name: 'MyComponent',\r\n    data() {\r\n      return {\r\n        count: 0\r\n      }\r\n    },\r\n    methods: {\r\n      handleClick() {\r\n        this.count++\r\n        this.$emit('click', this.count)\r\n      }\r\n    }\r\n  }\r\n  </script>\r\n  "],"names":["_createElementBlock"],"mappings":";;;;;;;;;;;AAME,QAAK,YAAU;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AACL,aAAO;AAAA,QACL,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,cAAc;AACZ,aAAK;AACL,aAAK,MAAM,SAAS,KAAK,KAAK;AAAA,MAChC;AAAA,IACF;AAAA,EACF;;4BAlBEA,IAAAA,mBAEM,OAAA;AAAA,MAFA,gDAAO,SAAA,eAAA,SAAA,YAAA,GAAA,IAAA;AAAA,IAAa,GAAA,gCACd,MAAA,KAAK,GAAA,CAAA;AAAA;;;;"}