@zephyr_zz/zephyr-ui 0.0.1 → 0.0.5

package/dist/style.css

@@ -0,0 +1 @@
+.zz-button[data-v-7c55743a]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:.2s}.zz-button--primary[data-v-7c55743a]{background:#409eff;color:#fff}.zz-button--success[data-v-7c55743a]{background:#67c23a;color:#fff}.zz-button--warning[data-v-7c55743a]{background:#e6a23c;color:#fff}.zz-button--danger[data-v-7c55743a]{background:#f56c6c;color:#fff}

package/dist/types/button/ZzButton.d.ts

@@ -0,0 +1,2 @@
+import ZzButton from "./ZzButton.vue";
+export default ZzButton;

package/dist/types/button/ZzButton.vue.d.ts

@@ -0,0 +1,23 @@
+import type { PropType } from 'vue';
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    type: {
+        type: PropType<"primary" | "success" | "warning" | "danger">;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: PropType<"primary" | "success" | "warning" | "danger">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    type: "primary" | "success" | "warning" | "danger";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+declare const ZephyrUI: {
+    install: (app: any) => void;
+};
+export default ZephyrUI;

package/dist/zephyrUi.es.js

@@ -0,0 +1,36 @@
+import { defineComponent as c, openBlock as r, createElementBlock as _, normalizeClass as l, renderSlot as p } from "vue";
+const u = {
+  name: "ZzButton"
+}, d = /* @__PURE__ */ c({
+  ...u,
+  props: {
+    type: {
+      type: String,
+      default: "primary"
+    }
+  },
+  setup(t) {
+    return (n, o) => (r(), _("button", {
+      class: l(["zz-button", `zz-button--${t.type}`])
+    }, [
+      p(n.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+const i = (t, n) => {
+  const o = t.__vccOpts || t;
+  for (const [s, a] of n)
+    o[s] = a;
+  return o;
+}, e = /* @__PURE__ */ i(d, [["__scopeId", "data-v-7c55743a"]]);
+e.install = (t) => {
+  t.component(e.name, e);
+};
+const m = (t) => {
+  t.use(e);
+}, y = {
+  install: m
+};
+export {
+  y as default
+};

package/dist/zephyrUi.umd.js

@@ -0,0 +1 @@
+(function(e,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(e=typeof globalThis<"u"?globalThis:e||self,e.zephyrUi=n(e.Vue))})(this,function(e){"use strict";const n={name:"ZzButton"},r=e.defineComponent({...n,props:{type:{type:String,default:"primary"}},setup(t){return(s,c)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["zz-button",`zz-button--${t.type}`])},[e.renderSlot(s.$slots,"default",{},void 0,!0)],2))}}),i="",o=((t,s)=>{const c=t.__vccOpts||t;for(const[u,p]of s)c[u]=p;return c})(r,[["__scopeId","data-v-7c55743a"]]);return o.install=t=>{t.component(o.name,o)},{install:t=>{t.use(o)}}});

package/package.json

@@ -1,22 +1,24 @@
 {
   "name": "@zephyr_zz/zephyr-ui",
   "private": false,
+  "types": "./dist/types/index.d.ts",
   "main": "./dist/zephyrUi.umd.js",
   "module": "./dist/zephyrUi.es.js",
   "exports": {
-      ".": {
-          "import": "./dist/zephyrUi.es.js",
-          "require": "./dist/zephyrUi.umd.js"
-      }
+    ".": {
+      "import": "./dist/zephyrUi.es.js",
+      "require": "./dist/zephyrUi.umd.js"
+    }
   },
-  "version": "0.0.1",
+  "version": "0.0.5",
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc -b && vite build",
+    "build": "vite build && pnpm vue-tsc -b",
     "preview": "vite preview"
   },
   "dependencies": {
+    "sass": "^1.93.2",
     "vue": "^3.5.22"
   },
   "devDependencies": {
@@ -27,5 +29,8 @@
     "typescript": "~5.9.3",
     "vite": "^7.1.7",
     "vue-tsc": "^3.1.0"
-  }
+  },
+  "files": [
+    "dist"
+  ]
 }

package/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar"]
-}

package/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>project-code</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package/packages/button/ZzButton.ts

@@ -1,7 +0,0 @@
-import ZzButton from "./ZzButton.vue";
-
-ZzButton.install = (app: any) => {
-    app.component(ZzButton.name, ZzButton);
-};
-
-export default ZzButton;

package/packages/button/ZzButton.vue

@@ -1,53 +0,0 @@
-<template>
-  <button class="zz-button" :class="`zz-button--${type}`">
-    <slot />
-  </button>
-</template>
-
-<script setup lang="ts">
-import type { PropType } from 'vue';
-
-defineProps({
-  type: {
-    type: String as PropType<'primary' | 'success' | 'warning' | 'danger'>,
-    default: 'primary'
-  }
-})
-</script>
-
-<script lang="ts">
-export default {
-  name: "ZzButton",
-};
-</script>
-
-<style scoped lang="scss">
-.zz-button {
-  padding: 8px 16px;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-weight: 500;
-  transition: 0.2s;
-
-  &--primary {
-    background: #409eff;
-    color: white;
-  }
-
-  &--success {
-    background: #67c23a;
-    color: white;
-  }
-
-  &--warning {
-    background: #e6a23c;
-    color: white;
-  }
-
-  &--danger {
-    background: #f56c6c;
-    color: white;
-  }
-}
-</style>

package/packages/index.ts

@@ -1,10 +0,0 @@
-import ZzButton from "./button/ZzButton";
-const install = (app: any) => {
-    app.use(ZzButton);
-};
-
-const ZephyrUI = {
-    install
-};
-
-export default ZephyrUI;

package/src/App.vue

@@ -1,9 +0,0 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-  <ZzButton>我的按钮</ZzButton>
-</template>
-
-<style scoped></style>

package/src/assets/vue.svg

@@ -1 +0,0 @@
-<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="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/src/main.ts

@@ -1,8 +0,0 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
-import ZephyrUI from '../packages'
-
-const app = createApp(App);
-app.use(ZephyrUI);
-app.mount('#app');

package/src/style.css

@@ -1,79 +0,0 @@
-:root {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-.card {
-  padding: 2em;
-}
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}

package/tsconfig.app.json

@@ -1,16 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "types": ["vite/client"],
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
-}

package/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "compilerOptions": {
-    "declaration": true,
-    "declarationDir": "dist/types",
-    "emitDeclarationOnly": true
-  },
-  "include": ["packages"]
-}

package/tsconfig.node.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "types": ["node"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/tsconfig.tsbuildinfo

@@ -1 +0,0 @@
-{"root":["./packages/index.ts","./packages/button/zzbutton.ts","./packages/button/zzbutton.vue"],"version":"5.9.3"}

package/vite.config.ts

@@ -1,23 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import path from 'path'
-
-export default defineConfig({
-  plugins: [vue()],
-  build: {
-    lib: {
-      entry: path.resolve(__dirname, 'packages/index.ts'),
-      name: 'zephyrUi',
-      fileName: (format) => `zephyrUi.${format}.js`, // ✅ 输出 JS 文件
-      formats: ['es', 'umd']
-    },
-    rollupOptions: {
-      external: ['vue'],
-      output: {
-        globals: {
-          vue: 'Vue'
-        }
-      }
-    }
-  }
-})