sun-form-v3 0.0.1 → 1.0.2

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,45 @@
+import { openBlock as c, createElementBlock as s } from "vue";
+const a = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [o, _] of n)
+    t[o] = _;
+  return t;
+}, r = /* @__PURE__ */ Object.assign({ name: "syButton" }, {
+  __name: "index",
+  setup(e) {
+    return (n, t) => (c(), s("button", null, "你好你好孙岩"));
+  }
+}), p = /* @__PURE__ */ a(r, [["__scopeId", "data-v-91a0b474"]]), l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: p
+}, Symbol.toStringTag, { value: "Module" })), u = {
+  type: "text",
+  placeholder: "请输入内容"
+}, i = /* @__PURE__ */ Object.assign({ name: "syInput" }, {
+  __name: "index",
+  setup(e) {
+    return (n, t) => (c(), s("input", u));
+  }
+}), m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: i
+}, Symbol.toStringTag, { value: "Module" })), d = /* @__PURE__ */ Object.assign({
+  "./components/syButton/index.vue": l,
+  "./components/syInput/index.vue": m
+}), f = Object.entries(d).map(([e, n]) => {
+  var o;
+  const t = (o = e.split("/").pop()) == null ? void 0 : o.split(".")[0];
+  return n.default, {
+    name: t,
+    component: n.default
+  };
+}), b = function(e, n) {
+  f.forEach((t) => {
+    e.component(t.name, t);
+  });
+}, g = {
+  install: b
+};
+export {
+  g as default
+};

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

@@ -0,0 +1 @@
+(function(e,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("vue")):typeof define=="function"&&define.amd?define(["vue"],s):(e=typeof globalThis<"u"?globalThis:e||self,e["sun-form-v3"]=s(e.Vue))})(this,function(e){"use strict";const _=Object.freeze(Object.defineProperty({__proto__:null,default:((n,o)=>{const t=n.__vccOpts||n;for(const[c,r]of o)t[c]=r;return t})(Object.assign({name:"syButton"},{__name:"index",setup(n){return(o,t)=>(e.openBlock(),e.createElementBlock("button",null,"你好你好孙岩"))}}),[["__scopeId","data-v-91a0b474"]])},Symbol.toStringTag,{value:"Module"})),i={type:"text",placeholder:"请输入内容"},u=Object.entries(Object.assign({"./components/syButton/index.vue":_,"./components/syInput/index.vue":Object.freeze(Object.defineProperty({__proto__:null,default:Object.assign({name:"syInput"},{__name:"index",setup(n){return(o,t)=>(e.openBlock(),e.createElementBlock("input",i))}})},Symbol.toStringTag,{value:"Module"}))})).map(([n,o])=>{var c;const t=(c=n.split("/").pop())==null?void 0:c.split(".")[0];return o.default,{name:t,component:o.default}});return{install:function(n,o){u.forEach(t=>{n.component(t.name,t)})}}});

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.2",
   "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" }]
-}