bge-ui 1.0.3 → 1.0.4

package/package.json

@@ -1,38 +1,21 @@
 {
   "name": "bge-ui",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "",
-  "type": "module",
-  "main": "./dist/index.js",
-  "scripts": {
-    "build": "vite build",
-    "generate-icon": "tsx icons/generate.ts"
-  },
-  "files": [
-    "dist",
-    "icons",
-    "src"
-  ],
+  "main": "index.js",
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "dependencies": {
-    "@pnpm/find-workspace-dir": "^6.0.2",
-    "@pnpm/find-workspace-packages": "^6.0.9",
-    "@popperjs/core": "^2.11.8",
-    "@types/prettier": "^3.0.0",
-    "@vueuse/core": "^10.7.0",
-    "async-validator": "^4.2.5",
-    "camelcase": "^8.0.0",
-    "fast-glob": "^3.3.2",
-    "glob": "^10.3.10",
-    "prettier": "^3.1.0",
-    "sass": "^1.69.5",
-    "tsx": "^4.6.2",
-    "vite-plugin-dts": "^3.6.4",
-    "vue": "^3.3.9"
-  },
   "devDependencies": {
-    "@types/node": "^20.10.1"
+    "@vitejs/plugin-vue": "^4.5.0",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.0"
+  },
+  "scripts": {
+    "build": "pnpm --filter bge-ui build",
+    "dev": "pnpm run --filter site dev",
+    "docs:build": "pnpm run --filter site build",
+    "pub": "pnpm build && pnpm publish --filter --no-git-checks bge-ui",
+    "generate-icon": "pnpm --filter bge-ui generate-icon"
   }
 }

package/packages/components/.vscode/extensions.json

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

package/packages/components/package-lock.json

@@ -0,0 +1,113 @@
+{
+  "name": "bge-ui",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "bge-ui",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "sass": "^1.69.5",
+        "vite-plugin-dts": "^3.6.4"
+      },
+      "devDependencies": {
+        "@types/node": "^20.10.1"
+      }
+    },
+    "../../node_modules/.pnpm/registry.npmmirror.com+sass@1.69.5/node_modules/sass": {
+      "version": "1.69.5",
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "../../node_modules/.pnpm/registry.npmmirror.com+vite-plugin-dts@3.6.4_typescript@5.2.2_vite@5.0.4/node_modules/vite-plugin-dts": {
+      "version": "3.6.4",
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/api-extractor": "^7.38.0",
+        "@rollup/pluginutils": "^5.0.5",
+        "@vue/language-core": "^1.8.20",
+        "debug": "^4.3.4",
+        "kolorist": "^1.8.0",
+        "vue-tsc": "^1.8.20"
+      },
+      "devDependencies": {
+        "@commitlint/cli": "^18.0.0",
+        "@types/debug": "^4.1.10",
+        "@types/minimist": "^1.2.4",
+        "@types/node": "^20.8.8",
+        "@types/prompts": "^2.4.7",
+        "@types/semver": "^7.5.4",
+        "@vexip-ui/commitlint-config": "^0.2.0",
+        "@vexip-ui/eslint-config": "^0.8.1",
+        "@vexip-ui/prettier-config": "^0.2.0",
+        "@vue/eslint-config-standard": "^8.0.1",
+        "@vue/eslint-config-typescript": "^12.0.0",
+        "conventional-changelog-cli": "^4.1.0",
+        "eslint": "^8.52.0",
+        "execa": "^8.0.1",
+        "husky": "^8.0.3",
+        "is-ci": "^3.0.1",
+        "lint-staged": "^15.0.2",
+        "minimist": "^1.2.8",
+        "pinst": "^3.0.0",
+        "prettier": "^3.0.3",
+        "pretty-quick": "^3.1.3",
+        "prompts": "^2.4.2",
+        "rimraf": "^5.0.5",
+        "semver": "^7.5.4",
+        "tsx": "^3.14.0",
+        "typescript": "5.2.2",
+        "unbuild": "^2.0.0",
+        "vite": "^4.5.0",
+        "vitest": "^0.34.6"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "typescript": "*",
+        "vite": "*"
+      },
+      "peerDependenciesMeta": {
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "20.10.1",
+      "resolved": "https://registry.npmmirror.com/@types/node/-/node-20.10.1.tgz",
+      "integrity": "sha512-T2qwhjWwGH81vUEx4EXmBKsTJRXFXNZTL4v0gi01+zyBmCwzE6TyHszqX01m+QHTEq+EZNo13NeJIdEqf+Myrg==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/sass": {
+      "resolved": "../../node_modules/.pnpm/registry.npmmirror.com+sass@1.69.5/node_modules/sass",
+      "link": true
+    },
+    "node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "dev": true
+    },
+    "node_modules/vite-plugin-dts": {
+      "resolved": "../../node_modules/.pnpm/registry.npmmirror.com+vite-plugin-dts@3.6.4_typescript@5.2.2_vite@5.0.4/node_modules/vite-plugin-dts",
+      "link": true
+    }
+  }
+}

package/packages/components/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "bge-ui",
+  "version": "1.0.3",
+  "description": "",
+  "type": "module",
+  "main": "./dist/index.js",
+  "scripts": {
+    "build": "vite build",
+    "generate-icon": "tsx icons/generate.ts"
+  },
+  "files": [
+    "dist",
+    "icons",
+    "src"
+  ],
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@pnpm/find-workspace-dir": "^6.0.2",
+    "@pnpm/find-workspace-packages": "^6.0.9",
+    "@popperjs/core": "^2.11.8",
+    "@types/prettier": "^3.0.0",
+    "@vueuse/core": "^10.7.0",
+    "async-validator": "^4.2.5",
+    "camelcase": "^8.0.0",
+    "fast-glob": "^3.3.2",
+    "glob": "^10.3.10",
+    "prettier": "^3.1.0",
+    "sass": "^1.69.5",
+    "tsx": "^4.6.2",
+    "vite-plugin-dts": "^3.6.4",
+    "vue": "^3.3.9"
+  },
+  "devDependencies": {
+    "@types/node": "^20.10.1"
+  }
+}

package/{src → packages/components/src}/message/method.ts

@@ -4,6 +4,13 @@ import type { AppContext } from 'vue'
 
 const messageTypes = ['success', 'info', 'error'] as const
 
+let appendTo
+try {
+  appendTo = document.body
+} catch (error) {
+  appendTo = void 0
+}
+
 const messageDefaults = {
   customClass: '',
   center: false,
@@ -19,7 +26,7 @@ const messageDefaults = {
   zIndex: 0,
   grouping: false,
   repeatNum: 1,
-  appendTo: document?.body,
+  appendTo,
 } as const
 
 let seed = 1

package/packages/components/tsconfig.json

@@ -0,0 +1,35 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "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/packages/components/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/packages/components/vite.config.ts

@@ -0,0 +1,52 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import dts from 'vite-plugin-dts'
+import { resolve } from 'path'
+
+// // https://vitejs.dev/config/
+// export default defineConfig({
+//   plugins: [vue()],
+// })
+
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  build: {
+    emptyOutDir: true,
+    lib: {
+      entry: {
+        index: resolve(__dirname, "./src/index.ts"),
+      },
+      formats: ["es"],
+      name: "bge-ui",
+    },
+    minify: false,
+    rollupOptions: {
+      // 确保外部化处理那些你不想打包进库的依赖
+      external: ["vue"],
+      output: {
+        chunkFileNames: "common/[name].js",
+        entryFileNames: (file) => {
+          if (file.name == "index") {
+            return "index.js";
+          } else {
+            return "[name]/index.js";
+          }
+        },
+        // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
+        globals: {
+          vue: "Vue",
+        },
+      },
+    },
+    assetsDir: "",
+  },
+  plugins: [vue(), dts()],
+  css: {
+    preprocessorOptions: {
+      sass: {
+        javascriptEnabled: true,
+      },
+    },
+  },
+});

package/packages/site/.vscode/extensions.json

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

package/packages/site/README.md

@@ -0,0 +1,18 @@
+# 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.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+## Type Support For `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
+
+If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
+
+1. Disable the built-in TypeScript Extension
+   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
+2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.

package/packages/site/docs/.vitepress/config.ts

@@ -0,0 +1,77 @@
+import vitePluginVitepressDemo from "vite-plugin-vitepress-demo"
+
+export default {
+  vite: {
+    plugins: [
+      vitePluginVitepressDemo({
+        glob: ["**/demo/**/*.vue"], // 指定需要处理的文件
+      }),
+    ],
+    css: {
+      preprocessorOptions: {
+        sass: {
+          javascriptEnabled: true,
+        },
+      },
+    },
+  },
+  title: 'BGE UI',
+  themeConfig: {
+    siteTitle: 'BGE UI',
+    logo: { src: '/favicon.svg', width: 24, height: 24 },
+    nav: [
+      { text: "首页", link: "/" },
+      { text: "指南", link: "/guide/getting-started" },
+      { text: "组件", link: "/components/Button.html", activeMatch: '/components/' },
+      {
+        text: '1.0.0',
+        items: [
+          {
+            text: "变更日志",
+            link: "/changelog/CHANGELOG.md",
+          },
+        ],
+      },
+    ],
+    sidebar: {
+      '/components/': { base: '/components/', items: sidebarComponents() }
+    },
+    socialLinks: [
+      { icon: "github", link: "https://github.com/qddidi/easyest" },
+    ],
+  },
+};
+
+function sidebarComponents(): any {
+  return [
+    {
+      text: 'Components',
+      items: [
+        { text: 'Button 按钮', link: 'Button.html' },
+        { text: 'Icon 图标', link: 'Icons.html' },
+        { text: 'Link 链接', link: 'Link.html' },
+        { text: 'Tabs 标签', link: 'Tabs.html' },
+        { text: 'Tooltip 文字提示', link: 'Tooltip.html' },
+        { text: 'Message 消息提示', link: 'Message.html' },
+        {
+          text: 'Form',
+          items: [
+            { text: 'Input', link: 'Input.html' },
+            { text: 'Form', link: 'Form.html' },
+            { text: 'Sidebar', link: 'sidebar' },
+            { text: 'Home Page', link: 'home-page' },
+            { text: 'Footer', link: 'footer' },
+            { text: 'Layout', link: 'layout' },
+            { text: 'Badge', link: 'badge' },
+            { text: 'Team Page', link: 'team-page' },
+            { text: 'Prev / Next Links', link: 'prev-next-links' },
+            { text: 'Edit Link', link: 'edit-link' },
+            { text: 'Last Updated Timestamp', link: 'last-updated' },
+            { text: 'Search', link: 'search' },
+            { text: 'Carbon Ads', link: 'carbon-ads' }
+          ]
+        }
+      ]
+    }
+  ]
+}

package/packages/site/docs/.vitepress/theme/custom.css

@@ -0,0 +1,177 @@
+@font-face {
+  font-family: 'Roboto';
+  src:
+    url('/font/Roboto-Black.eot') format('embedded-opentype'),
+    url('/font/Roboto-Black.ttf') format('truetype'),
+    url('/font/Roboto-Black.woff') format("woff"),
+    url('/font/Roboto-Black.woff2') format("woff2");
+  font-weight: 900;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src:
+    url('/font/Roboto-Bold.eot') format('embedded-opentype'),
+    url('/font/Roboto-Bold.ttf') format('truetype'),
+    url('/font/Roboto-Bold.woff') format("woff"),
+    url('/font/Roboto-Bold.woff2') format("woff2");
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src:
+    url('/font/Roboto-Medium.eot') format('embedded-opentype'),
+    url('/font/Roboto-Medium.ttf') format('truetype'),
+    url('/font/Roboto-Medium.woff') format("woff"),
+    url('/font/Roboto-Medium.woff2') format("woff2");
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src:
+    url('/font/Roboto-Regular.eot') format('embedded-opentype'),
+    url('/font/Roboto-Regular.ttf') format('truetype'),
+    url('/font/Roboto-Regular.woff') format("woff"),
+    url('/font/Roboto-Regular.woff2') format("woff2");
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src:
+    url('/font/Roboto-Light.eot') format('embedded-opentype'),
+    url('/font/Roboto-Light.ttf') format('truetype'),
+    url('/font/Roboto-Light.woff') format("woff"),
+    url('/font/Roboto-Light.woff2') format("woff2");
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src:
+    url('/font/Roboto-Thin.eot') format('embedded-opentype'),
+    url('/font/Roboto-Thin.ttf') format('truetype'),
+    url('/font/Roboto-Thin.woff') format("woff"),
+    url('/font/Roboto-Thin.woff2') format("woff2");
+  font-weight: 100;
+  font-style: normal;
+}
+
+:root {
+  --vp-font-family-base: "Roboto";
+  --vp-c-bg: var(--bg-primary);
+  --vp-c-bg-alt: var(--bg-primary);
+  --bg-theme: #7B5B3D;
+  --bg-primary: #f7f9fa;
+  --bg-secondary: #fff;
+  --bg-tertiary: #fff;
+  --bg-float: #fff;
+  --bg-input: rgba(114, 138, 163, 0.08);
+  --bg-input-hover: rgba(114, 138, 163, 0.12);
+  --bg-overlay: #1f2429;
+  --bg-tooltip: #516070;
+  --bg-red: #ff5285;
+  --bg-green: #00b295;
+  --bg-red-08: rgba(#ff5285, 0.8);
+  --bg-green-08: rgba(#00b295, 0.8);
+
+
+  --tc-primary: #292D33;
+  --tc-secondary: #4D6380;
+  --tc-tertiary: #7D91A8;
+  --tc-quaternary: #A7B7C7;
+  --tc-green: #00B295;
+  --tc-red: #FF477E;
+  --tc-theme: #292D33;
+  --tc-theme-opposite: #FFFF38;
+
+
+  --separator: #EBEFF2;
+
+
+  --persistent-bg-primary: #191F24;
+  --persistent-bg-theme: #FFFF38;
+
+
+  --persistent-tc-theme: #FFFF38;
+  --persistent-tc-primary: #E0E0E0;
+  --persistent-tc-secondary: #798DA3;
+  --persistent-tc-tertiary: #53677A;
+
+
+  --btn-primary: #FFFF38;
+  --btn-primary-hover: #F5EF45;
+  --btn-primary-pressed: #EBE04B;
+  --btn-primary-disable: #F5F293;
+  --btn-secondary: rgba(111, 137, 163, 0.16);
+  --btn-secondary-hover: rgba(111, 137, 163, 0.2);
+  --btn-secondary-pressed: rgba(111, 137, 163, 0.24);
+  --btn-secondary-disable: rgba(111, 137, 163, 0.08);
+  --btn-white: #FFFFFF;
+  --btn-white-hover: #F2F2F2;
+  --btn-white-pressed: #E5E5E5;
+  --btn-white-disable: #808080;
+  --btn-violet: #4040FF;
+  --btn-violet-hover: #2626FF;
+  --btn-violet-disable: #9B92E9;
+
+  --persistent-white: #FFFFFF;
+  --persistent-black: #000000;
+}
+
+.dark {
+  --bg-theme: #7B5B3D;
+  --bg-primary: #0e1114;
+  --bg-secondary: #191f24;
+  --bg-tertiary: #232b33;
+  --bg-float: #2c3742;
+  --bg-input: rgba(88, 126, 163, 0.08);
+  --bg-input-hover: rgba(88, 126, 163, 0.12);
+  --bg-overlay: #0e1114;
+  --bg-tooltip: #53677a;
+  --bg-red: #d14770;
+  --bg-green: #00a389;
+  --bg-red-08: rgba(#d14770, 0.8);
+  --bg-green-08: rgba(#00a389, 0.8);
+
+
+  --tc-primary: #E0E0E0;
+  --tc-secondary: #798EA3;
+  --tc-tertiary: #53677A;
+  --tc-quaternary: #3B4C5C;
+  --tc-green: #00B295;
+  --tc-red: #FF477E;
+  --tc-theme: #FFFF38;
+  --tc-theme-opposite: #34414D;
+
+
+  --separator: #34414D;
+
+
+  --btn-primary: #FFFF38;
+  --btn-primary-hover: #EBEB34;
+  --btn-primary-pressed: #D1D12E;
+  --btn-primary-disable: #757534;
+  --btn-secondary: rgba(111, 137, 163, 0.50);
+  --btn-secondary-hover: rgba(111, 137, 163, 0.42);
+  --btn-secondary-pressed: rgba(111, 137, 163, 0.36);
+  --btn-secondary-disable: rgba(111, 137, 163, 0.16);
+  --btn-white: #FFFFFF;
+  --btn-white-hover: #F2F2F2;
+  --btn-white-pressed: #E5E5E5;
+  --btn-white-disable: #808080;
+  --btn-violet: #6670FF;
+  --btn-violet-hover: #7575FF;
+  --btn-violet-disable: #3C428F;
+}
+
+.text {
+  margin:0;
+}

package/packages/site/docs/.vitepress/theme/index.ts

@@ -0,0 +1,14 @@
+import DefaultTheme from "vitepress/theme"
+import './custom.css'
+import Antd from "ant-design-vue";
+import "ant-design-vue/dist/reset.css";
+import { AntdTheme } from "vite-plugin-vitepress-demo/theme";
+
+import bgeui from "bge-ui"
+export default {
+  ...DefaultTheme,
+  enhanceApp: async ({ app }) => {
+    app.component("Demo", AntdTheme).use(Antd);
+    app.use(bgeui)
+  },
+};

package/packages/site/docs/components/Button.md

@@ -0,0 +1,35 @@
+# BUTTON按钮
+
+## 按钮主题
+除了默认的主题，按钮组件还提供了2种额外的主题可供选择，以便适配不同的场景。
+使用 type 属性额外配置主题，可使用 secondary white violet
+
+<demo src="../demo/button/button-type.vue"></demo>
+
+## 按钮大小
+
+除了默认的大小，按钮组件还提供了2种额外的尺寸可供选择，以便适配不同的场景。
+使用 size 属性额外配置尺寸，可使用 mini
+
+
+<demo src="../demo/button/button-size.vue"></demo>
+
+
+## 按钮禁用
+ 可使用 disabled 控制禁用与否
+ 
+<demo src="../demo/button/button-disabled.vue"></demo>
+
+## Button Attributes
+
+| 属性名          | 说明                           |类型                                         |默认值  |
+| -------------- | ----------------------------- |---------------------------------------------| -------- |
+| size           | 尺寸                           |  enum (`default`, `mini`, `large`)       |  default  |
+| type           | 主题类型                        |  enum (`primary`, `secondary`, `white`, `violet`)        |  primary  |
+| disabled       | 是否禁用                        |  boolean     |  false  |
+
+<style>
+  img, svg, video, canvas, audio, iframe, embed, object{
+    display: inline-block;
+  }
+</style>

package/packages/site/docs/components/Form.md

@@ -0,0 +1,3 @@
+
+<demo src="../demo/form/index.vue" ></demo>
+