wlxs-admin-ui 1.0.0

package/README.md

@@ -0,0 +1,5 @@
+# Vue 3 + TypeScript + Vite
+
+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.
+
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

package/dist/es/index.es.js

@@ -0,0 +1,34 @@
+import { openBlock as a, createElementBlock as l, createTextVNode as p, renderSlot as i } from "vue";
+const m = (e) => `${c}-${e}`, f = {
+  name: m("card")
+}, d = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, s] of t)
+    n[o] = s;
+  return n;
+}, _ = { class: "card" };
+function $(e, t, n, o, s, u) {
+  return a(), l("div", _, [
+    t[0] || (t[0] = p(" 我是傻子 ", -1)),
+    i(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const r = /* @__PURE__ */ d(f, [["render", $], ["__scopeId", "data-v-74b81ff1"]]);
+r.install = function(e) {
+  e.component(r.name, r);
+};
+let c = "w-";
+const v = [r], b = function(e, t = {}) {
+  let n = Number(e.version.split(".")[0]) + Number(e.version.split(".")[1]) / 10;
+  v.forEach((s) => {
+    e.component(s.name, s);
+  }), t.namespace && (c = t.namespace);
+  const o = {
+    namespace: t.namespace || c
+  };
+  n >= 2 && n <= 2.7 ? e.prototype.$wlxs = o : e.config.globalProperties.$wlxs = o;
+};
+export {
+  b as install,
+  c as namespace
+};

package/dist/style/index.css

@@ -0,0 +1 @@
+.card[data-v-74b81ff1]{width:100%;height:100%;background:#fff;border-radius:4px;box-shadow:0 2px 12px #0000001a;padding:20px}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "wlxs-admin-ui",
+  "private": false,
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "build": "rimraf dist && vite build",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs"
+  },
+  "main": "./src/packages/index.ts",
+  "module": "./dist/es/index.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/es/index.es.js",
+      "require": "./src/packages/index.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "peerDependencies": {
+    "vue": "^2.6.0 || ^3.0.0"
+  },
+  "dependencies": {
+    "vue-demi": "^0.14.10"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.0",
+    "path": "^0.12.7",
+    "rimraf": "^5.0.5",
+    "sass": "^1.77.8",
+    "typescript": "^5.4.0",
+    "vite": "^5.0.0",
+    "vue": "^3.4.0"
+  }
+}

package/src/packages/card/index.ts

@@ -0,0 +1,7 @@
+import card from './src/index.vue'
+// 为组件提供 install 方法，供按需引入
+card.install = function (Vue:any) {
+  Vue.component(card.name, card)
+}
+
+export default card

package/src/packages/card/src/index.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="card">
+    我是傻子
+    <slot></slot>
+  </div>
+</template>
+<script lang="ts">
+import { createComponentName } from "../../../utils/createNamespace";
+
+export default {
+  name: createComponentName("card"),
+};
+</script>
+<style lang="scss" scoped>
+.card {
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  border-radius: 4px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  padding: 20px;
+}
+</style>

package/src/packages/index.ts

@@ -0,0 +1,28 @@
+import card from "./card"
+
+let namespace = 'w-'
+
+const components = [card]
+const install = function (Vue: any, options: any = {}) {
+    let version = Number(Vue.version.split('.')[0]) + Number(Vue.version.split('.')[1]) / 10;
+    components.forEach(component => {
+        Vue.component(component.name, component);
+    });
+    if (options.namespace) {
+        namespace = options.namespace
+    }
+    const $wlxs = {
+        namespace: options.namespace || namespace,
+    }
+    if (version >= 2 && version <= 2.7) {
+        Vue.prototype.$wlxs = $wlxs
+    } else {
+        Vue.config.globalProperties.$wlxs = $wlxs
+    }
+}
+
+
+export {
+    install,
+    namespace
+}

package/src/utils/createNamespace.ts

@@ -0,0 +1,17 @@
+import { namespace } from "../packages";
+
+const createBEM = (name: string) => {
+    return `${namespace}-${name}`;
+};
+const createComponentName = (name: string) => {
+    return `${namespace}-${name}`;
+};
+const createClass = (name: string) => {
+    return `${namespace}-${name}`
+}
+
+export {
+    createBEM,
+    createComponentName,
+    createClass
+}