@euflyapp/one-vue3 0.1.0

package/.eslintrc.cjs

@@ -0,0 +1,24 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    es2021: true,
+    node: true
+  },
+  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:vue/vue3-essential'],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    parser: '@typescript-eslint/parser',
+    sourceType: 'module'
+  },
+  plugins: ['@typescript-eslint', 'vue'],
+  rules: {
+    'no-var': 'error', // 禁止使用 var
+    'no-mixed-spaces-and-tabs': 'error', // 不能空格与tab混用
+    quotes: [2, 'single'], // 使用单引号
+    'vue/multi-word-component-names': 'off', // 驼峰警告
+    '@typescript-eslint/no-explicit-any': 'off', // 使用any类型警告
+    '@typescript-eslint/no-unused-vars': 'off', // 关闭检测未使用的变量,交由tsconfig.json中noUnusedLocals决定
+    'no-undef': 0 // 不能有未定义的变量
+  }
+};

package/.prettierrc.cjs

@@ -0,0 +1,18 @@
+module.exports = {
+  printWidth: 120, // 单行输出（不折行）的（最大）长度
+  tabWidth: 2, // 每个缩进级别的空格数
+  tabs: false, // 使用制表符 (tab) 缩进行而不是空格 (space)。
+  semi: true, // 是否在语句末尾打印分号
+  singleQuote: true, // 是否使用单引号
+  quoteProps: "as-needed", // 仅在需要时在对象属性周围添加引号
+  jsxSingleQuote: false, // jsx 不使用单引号，而使用双引号
+  trailingComma: "none", // 去除对象最末尾元素跟随的逗号
+  bracketSpacing: true, // 是否在对象属性添加空格
+  jsxBracketSameLine: true, // 将 > 多行 JSX 元素放在最后一行的末尾，而不是单独放在下一行（不适用于自闭元素）,默认false,这里选择>不另起一行
+  arrowParens: "always", // 箭头函数，只有一个参数的时候，也需要括号
+  proseWrap: "always", // 当超出print width（上面有这个参数）时就折行
+  htmlWhitespaceSensitivity: "ignore", // 指定 HTML 文件的全局空白区域敏感度, "ignore" - 空格被认为是不敏感的
+  vueIndentScriptAndStyle: false, // 在VUE文件中不要缩进脚本和样式标记
+  stylelintIntegration: true,
+  endOfLine: "auto",
+};

package/CHANGELOG.md

@@ -0,0 +1,69 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
+
+## [v0.1.0](https://gitee.com/zsjqwe/one-vue3-vuex/compare/v0.0.20...v0.1.0)
+
+### Commits
+
+- feat: 欧翔one公共包vue3版本 [`6be75d7`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/6be75d7a435bbdc0d2e9547ff62be4f1cb4152b6)
+
+## [v0.0.20](https://gitee.com/zsjqwe/one-vue3-vuex/compare/v0.0.19...v0.0.20) - 2026-02-11
+
+### Commits
+
+- feat: sideBar插槽添加 [`7951060`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/79510605258f3e1845647aa4c6ef8348d8784d49)
+
+## [v0.0.19](https://gitee.com/zsjqwe/one-vue3-vuex/compare/v0.0.18...v0.0.19) - 2025-11-03
+
+### Commits
+
+- feat: add sideBar slot [`572e2c0`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/572e2c0e6630c6a3c32d59406c00380b1e63f7de)
+
+## [v0.0.18](https://gitee.com/zsjqwe/one-vue3-vuex/compare/v0.0.14...v0.0.18) - 2025-10-27
+
+### Commits
+
+- aa [`e642784`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/e642784b0190c9e6d312553cecd659938fc74b83)
+- feat [`a19f86f`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/a19f86f11212b5e2b14c11c4e06ab9f5d973639f)
+- a [`8b39a6a`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/8b39a6adbb7ab0b5051ab1fdf283b1f643887246)
+- feat: style change [`be7c5c3`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/be7c5c313f37e5629eefdf94bf9156e942b21cf8)
+
+## [v0.0.14](https://gitee.com/zsjqwe/one-vue3-vuex/compare/v0.0.13...v0.0.14) - 2025-09-05
+
+### Commits
+
+- a [`2c61000`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/2c61000b52e778fe850f4252583ca7acdeaedff2)
+
+## [v0.0.13](https://gitee.com/zsjqwe/one-vue3-vuex/compare/v0.0.12...v0.0.13) - 2025-09-05
+
+### Commits
+
+- a [`14f4618`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/14f4618ab0fdd054392a85896d1b790264d4472c)
+
+## [v0.0.12](https://gitee.com/zsjqwe/one-vue3-vuex/compare/v0.0.11...v0.0.12) - 2025-09-04
+
+### Commits
+
+- cod [`097fe6b`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/097fe6b56a5f5a35cc08c28ad7a76443930c2dec)
+
+## v0.0.11 - 2025-09-04
+
+### Commits
+
+- feat: project init [`cce9607`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/cce9607244394410930e12080b63fba00c394fd2)
+- a [`0b9b5d6`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/0b9b5d6304195ca420378aeeb2ae4fa8b511337a)
+- a [`b465262`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/b46526242c668048d2f9ae5802dded2b6719cf0a)
+- feat: a [`1b44838`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/1b448386cfdde8e1cd3bb124c26cb8dfb5304eb4)
+- a [`5279424`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/5279424e25d4de23413e376587076d2f63c4f07a)
+- a [`031ae28`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/031ae28d6fb9d162ed73a5b9864f9dd301d36738)
+- a [`6fbf6ff`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/6fbf6ff5582354a64b31a45a99d26a609f4115fa)
+- feat: a [`44c3188`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/44c3188d0283c0dcc1a5ce5886445f58f04b1d40)
+- code [`6abe1a8`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/6abe1a8d9fa12f0fb3bd04e12241bae3f8fb5ade)
+- a [`c55066f`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/c55066fd17d2bdee4d26c69818e471d5710aba1b)
+- a [`77b4417`](https://gitee.com/zsjqwe/one-vue3-vuex/commit/77b4417b58f7c8060163bdfe4d75997cfc90cf4b)

package/README.md

@@ -0,0 +1,61 @@
+# one-vue3
+
+### 如何使用
+***
+在项目中的main.ts中:
+```vue
+import { createApp } from 'vue';
+import App from './App.vue';
+import FtlOne from '@ftlab/one-vue3';
+import '@ftlab/one-vue3/dist/style.css';
+import '@ftlab/one-vue3/assets/fontAwesome/css/font-awesome.css';
+
+const app=createApp(App);
+app.use(FtlOne); // 注册全局组件
+```
+### 侧边栏主题色配置
+***
+在项目中新建一个scss文件，填写如下内容，在全局中引入
+```sass
+@forward 'node_modules/@ftlab/one-vue3/assets/css/index.scss' with (
+  $color: #fff, /* 侧边栏菜单字体颜色 */
+  $--color-header: #2e45ad, /* 侧边栏菜单交互背景色 */
+  $--color-text: #0026d5, /* 侧边栏二级子菜单选中字体颜色 */
+  $bg: #00265d, /* 侧边栏菜单背景色 */
+  $content-bg: #94a5c1 /* 侧边栏菜单二级子菜单背景色 */
+);
+
+```
+### 提供的全局组件
+***
+
+#### FtlNavbar
+
+顶部导航栏
+
+|        属性        |    说明     |    类型    |             默认值              |
+|:----------------:|:---------:|:--------:|:----------------------------:|
+|     sidebar      | 是否可以收起侧边栏 | boolean  |             true             |
+| isShowBreadcrumb |  是否展示面包屑  | boolean  |             true             |
+| isShowScreenfull | 是否可以全屏展示  | boolean  |             true             |
+| langCodeList |  语言下拉框选项  | string[] | 'en', 'cn', 'fr', 'es', 'or' |
+| logOutText |  退出按钮文本   | string?  |              退出              |
+
+
+#### FtlSidebar
+
+侧边栏
+
+|        属性        |   说明    |        类型         | 默认值  |
+|:----------------:|:-------:|:-----------------:|:----:|
+|     collapse      | 是否展开侧边栏 |      boolean      | true |
+| sideBarParams |  侧边栏配置  | SidebarParamsType |  {}  |
+
+#### FtlEntry
+
+下拉框(提供项目间跳转的能力)
+
+|      属性       |   说明   |   类型   |    默认值    |
+|:-------------:|:------:|:------:|:---------:|
+|     witdh     | 下拉框宽度  | number |    240    |
+| authBaseUrl | 权限请求地址 | string | gateway地址 |

package/assets/css/index.scss

@@ -0,0 +1,25 @@
+@import './public.scss';
+@import './mixin.scss';
+
+$color: #fff !default;
+$--color-header: #4f83b2 !default;
+$--color-text: #74bdff !default;
+$bg: #2b3b49 !default;
+$content-bg: #78848e !default;
+
+.sidebar-container {
+  @include sidebar-container($bg, $color, $--color-header, $content-bg, $--color-text);
+}
+
+.el-menu--vertical {
+  @include el-menu--vertical($bg, $--color-header, $--color-text);
+}
+
+.level-bar-toggle-button {
+  @include toggle-button($--color-header);
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: $--color-header;
+  border-radius: 5px;
+}

package/assets/css/mixin.scss

@@ -0,0 +1,142 @@
+@mixin toggle-button($--color-header) {
+  height: 35px;
+  font-size: 18px;
+  margin-left: 10px;
+  color: #fff;
+  border-radius: 5px;
+  background-color: $--color-header;
+  padding: 0 10px;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+@mixin sidebar-container($bg, $color, $--color-header, $content-bg, $--color-text) {
+  background-color: $bg;
+  .sidebar-container-header {
+    color: $color;
+    padding: 10px 0;
+    border-bottom: 2px solid $--color-header;
+    .pic-box {
+      width: 46px;
+      height: 46px;
+      overflow: hidden;
+      .logo {
+        width: 46px;
+        height: 46px;
+        filter: drop-shadow(120px 0px #fff);
+        transform: translateX(-120px);
+      }
+    }
+    .ftl-pic-box {
+      height: 46px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      .logo {
+        width: 46px;
+        height: 30px;
+      }
+    }
+  }
+  .el-menu-vertical-demo {
+    padding: 10px;
+  }
+  .el-menu {
+    background-color: $bg;
+    border: none;
+    .custom-menu-item {
+      height: 38px;
+      line-height: 38px;
+      color: #fff !important;
+      overflow: hidden;
+      border-radius: 10px;
+      &:focus,
+      &:hover,
+      &.is-active {
+        background-color: $--color-header !important;
+      }
+      i {
+        color: #fff;
+      }
+    }
+    .el-sub-menu {
+      color: #fff !important;
+      margin-bottom: 10px;
+      &:focus,
+      &:hover,
+      &.is-active {
+        & > .el-sub-menu__title {
+          background-color: $--color-header !important;
+        }
+      }
+      .el-sub-menu__title {
+        height: 38px;
+        line-height: 38px;
+        border-radius: 10px;
+        color: #fff !important;
+      }
+      &.is-opened {
+        background: $--color-header;
+        border-radius: 10px;
+        .el-menu {
+          background-color: $content-bg !important;
+          border-bottom-left-radius: 10px !important;
+          border-bottom-right-radius: 10px !important;
+        }
+      }
+      .el-menu-item {
+        height: 38px;
+        line-height: 38px;
+        background-color: transparent !important;
+        color: #fff !important;
+        padding: 0 0 0 55px !important;
+        &:focus,
+        &:hover,
+        &.is-active {
+          color: $--color-text !important;
+          i {
+            color: $--color-text !important;
+          }
+        }
+        &:last-child {
+          margin-bottom: 0;
+        }
+      }
+    }
+  }
+}
+
+@mixin el-menu--vertical($bg, $--color-header, $--color-text) {
+  .el-tooltip__trigger {
+    padding: 0 !important;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    i {
+      margin-right: 0;
+    }
+  }
+  .el-menu {
+    background: $bg !important;
+    .el-menu-item {
+      color: #fff !important;
+      &:focus,
+      &:hover {
+        background: none !important;
+        color: $--color-text !important;
+        i {
+          color: $--color-text !important;
+        }
+      }
+      i {
+        color: #fff;
+      }
+    }
+  }
+}
+
+.el-popper.is-pure {
+  border: none;
+}

package/assets/css/public.scss

@@ -0,0 +1,176 @@
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+@for $i from -20 through 20 {
+  $num: 5 * $i;
+  .p#{$num} {
+    padding: 0px + $num;
+  }
+  .pt#{$num} {
+    padding-top: 0px + $num;
+  }
+  .pr#{$num} {
+    padding-right: 0px + $num;
+  }
+  .pb#{$num} {
+    padding-bottom: 0px + $num;
+  }
+  .pl#{$num} {
+    padding-left: 0px + $num;
+  }
+  .pv#{$num} {
+    padding-top: 0px + $num;
+    padding-bottom: 0px + $num;
+  }
+  .ph#{$num} {
+    padding-left: 0px + $num;
+    padding-right: 0px + $num;
+  }
+  .m#{$num} {
+    margin: 0px + $num;
+  }
+  .mt#{$num} {
+    margin-top: 0px + $num;
+  }
+  .mr#{$num} {
+    margin-right: 0px + $num;
+  }
+  .mb#{$num} {
+    margin-bottom: 0px + $num;
+  }
+  .ml#{$num} {
+    margin-left: 0px + $num;
+  }
+  .mv#{$num} {
+    margin-top: 0px + $num;
+    margin-bottom: 0px + $num;
+  }
+  .mh#{$num} {
+    margin-left: 0px + $num;
+    margin-right: 0px + $num;
+  }
+}
+
+@for $j from 12 through 40 {
+  .fs#{$j} {
+    font-size: 0px + $j !important;
+  }
+  .lh#{$j} {
+    line-height: 0px + $j;
+  }
+}
+
+.f {
+  display: flex;
+}
+
+.f-s-c {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.f-s {
+  display: flex;
+  justify-content: space-between;
+}
+
+.f-c {
+  display: flex;
+  align-items: center;
+}
+
+.f-c-c {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.f-c-e {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.f-c-c-c {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.f600 {
+  font-weight: 600;
+}
+
+.tl {
+  text-align: left;
+}
+.tc {
+  text-align: center;
+}
+.tr {
+  text-align: right;
+}
+
+.cp {
+  cursor: pointer;
+}
+
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all 0.5s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(20px);
+}
+
+.breadcrumb-move {
+  transition: all 0.5s;
+}
+
+.breadcrumb-leave-active {
+  position: absolute;
+}
+
+.fade-enter-from {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+
+.fade-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+.fade-enter-active {
+  transition: all 0.5s;
+}
+.fade-leave-active {
+  transition: all 0.5s;
+}
+
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  z-index: 9999;
+}
+
+::-webkit-scrollbar-track {
+  border-radius: 0;
+  background-color: transparent;
+}
+
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active {
+  transition-delay: 111111s;
+  transition: color 11111s ease-out, background-color 111111s ease-out;
+}

package/components.d.ts

@@ -0,0 +1,38 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
+    ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCard: typeof import('element-plus/es')['ElCard']
+    ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
+    ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElDivider: typeof import('element-plus/es')['ElDivider']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElMenu: typeof import('element-plus/es')['ElMenu']
+    ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
+    ElPopover: typeof import('element-plus/es')['ElPopover']
+    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
+    ElSkeleton: typeof import('element-plus/es')['ElSkeleton']
+    ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
+    ElTabPane: typeof import('element-plus/es')['ElTabPane']
+    ElTabs: typeof import('element-plus/es')['ElTabs']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+  export interface ComponentCustomProperties {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
+}