sun-form-v3 0.0.1 → 1.0.1

package/README.md

@@ -1,9 +1,29 @@
-# Vue 3 + TypeScript + Vite
+# sun-form-v3
 
-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.
+This template should help get you started developing with Vue 3 in Vite.
 
-## Recommended Setup
+## Recommended IDE Setup
 
-- [VS Code](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (previously Volar) and disable Vetur
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.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.
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Compile and Minify for Production
+
+```sh
+npm run build
+```

package/dist/style.css

@@ -0,0 +1 @@
+button[data-v-91a0b474]{border:1px solid red}

package/dist/sun-form-v3.es.js

@@ -0,0 +1,31 @@
+import { openBlock as o, createElementBlock as s } from "vue";
+const a = (n, e) => {
+  const t = n.__vccOpts || n;
+  for (const [c, _] of e)
+    t[c] = _;
+  return t;
+}, r = /* @__PURE__ */ Object.assign({ name: "syButton" }, {
+  __name: "index",
+  setup(n) {
+    return (e, t) => (o(), s("button", null, "你好你好孙岩"));
+  }
+}), p = /* @__PURE__ */ a(r, [["__scopeId", "data-v-91a0b474"]]), u = {
+  type: "text",
+  placeholder: "请输入内容"
+}, i = /* @__PURE__ */ Object.assign({ name: "syInput" }, {
+  __name: "index",
+  setup(n) {
+    return (e, t) => (o(), s("input", u));
+  }
+}), l = [p, i], m = function(n, e) {
+  l.forEach((t) => {
+    n.component(t.name, t);
+  });
+}, f = {
+  install: m
+};
+export {
+  f as default,
+  p as syButton,
+  i as syInput
+};

package/dist/sun-form-v3.umd.js

@@ -0,0 +1 @@
+(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["sun-form-v3"]={},e.Vue))})(this,function(e,t){"use strict";const c=((o,s)=>{const n=o.__vccOpts||o;for(const[a,p]of s)n[a]=p;return n})(Object.assign({name:"syButton"},{__name:"index",setup(o){return(s,n)=>(t.openBlock(),t.createElementBlock("button",null,"你好你好孙岩"))}}),[["__scopeId","data-v-91a0b474"]]),i={type:"text",placeholder:"请输入内容"},u=Object.assign({name:"syInput"},{__name:"index",setup(o){return(s,n)=>(t.openBlock(),t.createElementBlock("input",i))}}),_=[c,u],r={install:function(o,s){_.forEach(n=>{o.component(n.name,n)})}};e.default=r,e.syButton=c,e.syInput=u,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,23 +1,33 @@
 {
   "name": "sun-form-v3",
   "private": false,
-  "version": "0.0.1",
-  "main": "./dist/sun-form-v3.umd.cjs",
+  "version": "1.0.1",
   "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/sun-form-v3.umd.js",
+  "module": "./dist/sun-form-v3.es.js",
+  "exports": {
+    "./style": "./dist/style.css",
+    ".": {
+      "import": "./dist/sun-form-v3.es.js",
+      "require": "./dist/sun-form-v3.umd.js"
+    }
+  },
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc && vite build",
+    "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "vue": "^3.4.21"
+    "element-plus": "^2.7.0",
+    "vue": "^3.4.21",
+    "vue-router": "^4.3.0"
   },
   "devDependencies": {
-    "@types/node": "^20.12.12",
     "@vitejs/plugin-vue": "^5.0.4",
-    "terser": "^5.31.0",
-    "typescript": "^5.2.2",
-    "vite": "^5.2.0",
-    "vue-tsc": "^2.0.6"
+    "sass": "^1.77.2",
+    "vite": "^5.2.8"
   }
 }

package/.history/package_20240516171646.json

@@ -1,21 +0,0 @@
-{
-  "name": "sun-form-v3",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc && vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "vue": "^3.4.21"
-  },
-  "devDependencies": {
-    "@types/node": "^20.12.12",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "typescript": "^5.2.2",
-    "vite": "^5.2.0",
-    "vue-tsc": "^2.0.6"
-  }
-}

package/.history/package_20240516220959.json

@@ -1,21 +0,0 @@
-{
-  "name": "sun-form-v3",
-  "private": true,
-  "version": "0.0.1",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc && vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "vue": "^3.4.21"
-  },
-  "devDependencies": {
-    "@types/node": "^20.12.12",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "typescript": "^5.2.2",
-    "vite": "^5.2.0",
-    "vue-tsc": "^2.0.6"
-  }
-}

package/.history/package_20240516221125.json

@@ -1,22 +0,0 @@
-{
-  "name": "sun-form-v3",
-  "private": true,
-  "version": "0.0.1",
-  "main": "./dist/sun-form-v3.umd.cjs",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc && vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "vue": "^3.4.21"
-  },
-  "devDependencies": {
-    "@types/node": "^20.12.12",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "typescript": "^5.2.2",
-    "vite": "^5.2.0",
-    "vue-tsc": "^2.0.6"
-  }
-}

package/.history/package_20240516221133.json

@@ -1,22 +0,0 @@
-{
-  "name": "sun-form-v3",
-  "private": true,
-  "version": "0.0.1",
-  "main": "./dist/sun-form-v3.umd.cjs",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc && vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "vue": "^3.4.21"
-  },
-  "devDependencies": {
-    "@types/node": "^20.12.12",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "typescript": "^5.2.2",
-    "vite": "^5.2.0",
-    "vue-tsc": "^2.0.6"
-  }
-}

package/.history/package_20240516221150.json

@@ -1,22 +0,0 @@
-{
-  "name": "sun-form-v3",
-  "private": false,
-  "version": "0.0.1",
-  "main": "./dist/sun-form-v3.umd.cjs",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc && vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "vue": "^3.4.21"
-  },
-  "devDependencies": {
-    "@types/node": "^20.12.12",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "typescript": "^5.2.2",
-    "vite": "^5.2.0",
-    "vue-tsc": "^2.0.6"
-  }
-}

package/.history/packages/index_20240516170240.ts

@@ -1,16 +0,0 @@
-import type { App } from 'vue'
-import Breadcrumb from './sy-button'
-
-const components = [
-    Breadcrumb
-];
-
-const install = (app: App): void => {
-    components.forEach(component => app.component(component.__name as string, component))
-}
-export {
-    Breadcrumb
-}
-
-const viteVueNode = { install };
-export default viteVueNode

package/.history/packages/index_20240516170259.ts

@@ -1,16 +0,0 @@
-import type { App } from 'vue'
-import Breadcrumb from './sy-button'
-
-const components = [
-    Breadcrumb
-];
-
-const install = (app: App): void => {
-    components.forEach(component => app.component(component.__name as string, component))
-}
-export {
-    Breadcrumb
-}
-
-const viteVueNode = { install };
-export default viteVueNode

package/.history/packages/index_20240516215605.ts

@@ -1,16 +0,0 @@
-import type { App } from 'vue'
-import syButton from './sy-button'
-
-const components = [
-    syButton
-];
-
-const install = (app: App): void => {
-    components.forEach(component => app.component(component.__name as string, component))
-}
-export {
-    syButton
-}
-
-const viteVueNode = { install };
-export default viteVueNode

package/.history/packages/sy-button/index_20240516170054.vue

@@ -1,11 +0,0 @@
-<template>
-    <button>孙岩按钮</button>
-</template>
-
-<script setup lang="ts">
-import { ref,reactive } from 'vue';
-defineOptions({name:""})
-</script>
-
-<style scoped lang="scss">
-</style>

package/.history/packages/sy-button/index_20240516170139.ts

@@ -1,6 +0,0 @@
-import type {App} from 'vue'
-import Breadcrumb from './index.vue';
-Breadcrumb.install=(app:App)=>{
-    app.component(Breadcrumb.__name as string,Breadcrumb);
-}
-export default Breadcrumb;

package/.history/packages/sy-button/index_20240516170143.ts

@@ -1,6 +0,0 @@
-import type {App} from 'vue'
-import Breadcrumb from './index.vue';
-Breadcrumb.install=(app:App)=>{
-    app.component(Breadcrumb.__name as string,Breadcrumb);
-}
-export default Breadcrumb;

package/.history/packages/sy-button/index_20240516170826.vue

@@ -1,11 +0,0 @@
-<template>
-    <button>孙岩按钮</button>
-</template>
-
-<script setup lang="ts">
-import { ref,reactive } from 'vue';
-defineOptions({name:"sy-button"})
-</script>
-
-<style scoped lang="scss">
-</style>

package/.history/packages/sy-button/index_20240516170827.vue

@@ -1,11 +0,0 @@
-<template>
-    <button>孙岩按钮</button>
-</template>
-
-<script setup lang="ts">
-import { ref,reactive } from 'vue';
-defineOptions({name:"sy-button"})
-</script>
-
-<style scoped lang="scss">
-</style>

package/.history/packages/sy-button/index_20240516171258.ts

@@ -1,6 +0,0 @@
-import type { App } from 'vue'
-import comp from './index.vue';
-comp.install = (app: App) => {
-    app.component(comp.__name as string, comp);
-}
-export default comp;

package/.history/packages/sy-button/index_20240516205457.ts

@@ -1,6 +0,0 @@
-import type { App } from 'vue'
-import comp from './index.vue';
-comp.install = (app: App) => {
-    app.component(comp.__name as string, comp);
-}
-export default comp;

package/.history/packages/sy-button/index_20240516205458.ts

@@ -1,6 +0,0 @@
-import type { App } from 'vue'
-import comp from './index.vue';
-comp.install = (app: App) => {
-    app.component(comp.__name as string, comp);
-}
-export default comp;

package/.history/packages/sy-button/index_20240516214802.vue

@@ -1,11 +0,0 @@
-<template>
-    <button>孙岩按钮</button>
-</template>
-
-<script setup lang="ts">
-// import { ref,reactive } from 'vue';
-defineOptions({name:"sy-button"})
-</script>
-
-<style scoped lang="scss">
-</style>

package/.history/src/App_20240516163625.vue

@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
-</script>
-
-<template>
-  <div>
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" />
-</template>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>

package/.history/src/App_20240516171000.vue

@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
-</script>
-
-<template>
-  <!-- <div>
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" /> -->
-</template>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>

package/.history/src/App_20240516171003.vue

@@ -1,29 +0,0 @@
-<script setup lang="ts">
-</script>
-
-<template>
-  <!-- <div>
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" /> -->
-</template>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>

package/.history/src/App_20240516171012.vue

@@ -1,31 +0,0 @@
-<script setup lang="ts">
-</script>
-
-<template>
-  <!-- <div>
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" /> -->
-</template>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>

package/.history/src/App_20240516171045.vue

@@ -1,32 +0,0 @@
-<script setup lang="ts">
-</script>
-
-<template>
-  <sy-button></sy-button>
-  <!-- <div>
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" /> -->
-</template>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>

package/.history/src/App_20240516171056.vue

@@ -1,23 +0,0 @@
-<script setup lang="ts">
-</script>
-
-<template>
-  <sy-button></sy-button>
-</template>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>

package/.history/src/vite-env.d_20240516163625.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/.history/src/vite-env.d_20240516164812.ts

@@ -1,6 +0,0 @@
-/// <reference types="vite/client" />
-declare module "*.vue" {
-    import type { DefineComponent } from "vue";
-    const vueComponent: DefineComponent<{}, {}, any>;
-    export default vueComponent;
-}

package/.history/src/vite-env.d_20240516170519.ts

@@ -1,6 +0,0 @@
-/// <reference types="vite/client" />
-declare module "*.vue" {
-    import type { DefineComponent } from "vue";
-    const vueComponent: DefineComponent<{}, {}, any>;
-    export default vueComponent;
-}

package/.history/tsconfig_20240516163625.json

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "preserve",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

package/.history/tsconfig_20240516171547.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "preserve",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "node":true
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}