suncy-my-npm-test 1.0.42 → 1.0.44

package/package.json

@@ -1,49 +1,56 @@
-{
-  "name": "suncy-my-npm-test",
-  "version": "1.0.42",
-  "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.44",
+    "description": "A Vue2 component library",
+    "main": "lib/suncy-my-npm-test.umd.min.js",
+    "module": "lib/suncy-my-npm-test.esm.js",
+    "unpkg": "lib/suncy-my-npm-test.umd.min.js",
+    "jsdelivr": "lib/suncy-my-npm-test.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,48 +0,0 @@
-import { defineComponent, ref } from "vue-demi";
-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 = defineComponent({
-  name: "MyComponent",
-  props: {
-    label: {
-      type: String,
-      default: "Click me"
-    }
-  },
-  emits: ["click"],
-  // Vue3 的 emits，Vue2 会自动忽略
-  setup(props, { emit }) {
-    const count = ref(0);
-    const handleClick = () => {
-      count.value++;
-      emit("click", count.value);
-    };
-    return {
-      count,
-      handleClick
-    };
-  },
-  // Vue2 选项式 API 兼容
-  methods: {
-    // 如果需要支持 Vue2 的 $emit 调用
-    onClick() {
-      this.$emit("click", this.count);
-    }
-  }
-});
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-  }, " aaaaa=" + toDisplayString(_ctx.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  import { defineComponent, ref } from 'vue-demi'\r\n\r\n  export default defineComponent({\r\n  name: 'MyComponent',\r\n  \r\n  props: {\r\n    label: {\r\n      type: String,\r\n      default: 'Click me'\r\n    }\r\n  },\r\n  \r\n  emits: ['click'], // Vue3 的 emits，Vue2 会自动忽略\r\n  \r\n  setup(props, { emit }) {\r\n    const count = ref(0)\r\n    \r\n    const handleClick = () => {\r\n      count.value++\r\n      emit('click', count.value)\r\n    }\r\n    \r\n    return {\r\n      count,\r\n      handleClick\r\n    }\r\n  },\r\n  \r\n  // Vue2 选项式 API 兼容\r\n  methods: {\r\n    // 如果需要支持 Vue2 的 $emit 调用\r\n    onClick() {\r\n      this.$emit('click', this.count)\r\n    }\r\n  }\r\n})\r\n  </script>\r\n  "],"names":["_createElementBlock"],"mappings":";;;;;;;;;AAQE,MAAK,YAAa,gBAAa;AAAA,EAC/B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA;EAGF,OAAO,CAAC,OAAO;AAAA;AAAA,EAEf,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQ,IAAI,CAAC;AAEnB,UAAM,cAAc,MAAM;AACxB,YAAM;AACN,WAAK,SAAS,MAAM,KAAK;AAAA,IAC3B;AAEA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAGA,SAAS;AAAA;AAAA,IAEP,UAAU;AACR,WAAK,MAAM,SAAS,KAAK,KAAK;AAAA,IAChC;AAAA,EACF;AACF,CAAC;;sBAxCGA,mBAEM,OAAA;AAAA,IAFA,gDAAO,KAAA,eAAA,KAAA,YAAA,GAAA,IAAA;AAAA,EAAa,GAAA,4BACd,KAAA,KAAK,GAAA,CAAA;;;"}

package/dist/index.umd.js

@@ -1,49 +0,0 @@
-(function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? module.exports = factory(require("vue-demi"), require("vue")) : typeof define === "function" && define.amd ? define(["vue-demi", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, global.MyTest = factory(global.VueDemi, global.Vue));
-})(this, (function(vueDemi, 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 = vueDemi.defineComponent({
-    name: "MyComponent",
-    props: {
-      label: {
-        type: String,
-        default: "Click me"
-      }
-    },
-    emits: ["click"],
-    // Vue3 的 emits，Vue2 会自动忽略
-    setup(props, { emit }) {
-      const count = vueDemi.ref(0);
-      const handleClick = () => {
-        count.value++;
-        emit("click", count.value);
-      };
-      return {
-        count,
-        handleClick
-      };
-    },
-    // Vue2 选项式 API 兼容
-    methods: {
-      // 如果需要支持 Vue2 的 $emit 调用
-      onClick() {
-        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) => _ctx.handleClick && _ctx.handleClick(...args))
-    }, " aaaaa=" + vue.toDisplayString(_ctx.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  import { defineComponent, ref } from 'vue-demi'\r\n\r\n  export default defineComponent({\r\n  name: 'MyComponent',\r\n  \r\n  props: {\r\n    label: {\r\n      type: String,\r\n      default: 'Click me'\r\n    }\r\n  },\r\n  \r\n  emits: ['click'], // Vue3 的 emits，Vue2 会自动忽略\r\n  \r\n  setup(props, { emit }) {\r\n    const count = ref(0)\r\n    \r\n    const handleClick = () => {\r\n      count.value++\r\n      emit('click', count.value)\r\n    }\r\n    \r\n    return {\r\n      count,\r\n      handleClick\r\n    }\r\n  },\r\n  \r\n  // Vue2 选项式 API 兼容\r\n  methods: {\r\n    // 如果需要支持 Vue2 的 $emit 调用\r\n    onClick() {\r\n      this.$emit('click', this.count)\r\n    }\r\n  }\r\n})\r\n  </script>\r\n  "],"names":["defineComponent","ref","_createElementBlock"],"mappings":";;;;;;;;;;;AAQE,QAAK,YAAaA,QAAAA,gBAAa;AAAA,IAC/B,MAAM;AAAA,IAEN,OAAO;AAAA,MACL,OAAO;AAAA,QACL,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA;IAGF,OAAO,CAAC,OAAO;AAAA;AAAA,IAEf,MAAM,OAAO,EAAE,QAAQ;AACrB,YAAM,QAAQC,QAAAA,IAAI,CAAC;AAEnB,YAAM,cAAc,MAAM;AACxB,cAAM;AACN,aAAK,SAAS,MAAM,KAAK;AAAA,MAC3B;AAEA,aAAO;AAAA,QACL;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA;AAAA,IAGA,SAAS;AAAA;AAAA,MAEP,UAAU;AACR,aAAK,MAAM,SAAS,KAAK,KAAK;AAAA,MAChC;AAAA,IACF;AAAA,EACF,CAAC;;4BAxCGC,IAAAA,mBAEM,OAAA;AAAA,MAFA,gDAAO,KAAA,eAAA,KAAA,YAAA,GAAA,IAAA;AAAA,IAAa,GAAA,gCACd,KAAA,KAAK,GAAA,CAAA;AAAA;;;;"}