@witlink/usercenter 1.0.0

package/README.md

@@ -0,0 +1,155 @@
+## @witlink/usercenter lib库介绍
+> 为了提供给其他系统使用用户中心的页面，所以提供了@witlink/usercenter lib库，将打包产物发布为npm包供其他系统使用
+
+### 如何发布npm包
+[如何发布npm包](https://blog.csdn.net/m0_75044165/article/details/144183114)
+
+### 如何使用@witlink/usercenter包
+##### 1. 安装@witlink/usercenter包
+
+```bash
+npm install @witlink/usercenter
+```
+##### 2. 使用@witlink/usercenter包
+```js
+import {
+    changeLanguage,     // 切换多语言方法
+    userCenterRouteMap, // 路由表
+
+    // 以下为组件
+    SysFunctions,       // 菜单管理
+    SysLang,            // 多语言
+    SysOrg,             // 公司管理
+    SysOrgan,           // 组织架构管理
+    SysParameter,       // 系统参数
+    SysRole,            // 角色管理
+    SysUser,            // 用户管理
+    SysUserInfo,        //个人中心 
+} from '@witlink/usercenter'
+```
+
++  切换多语言
+
+```js
+// 在应用初始化和切换多语言时调用该方法
+type LangType = 'zh_CN' | 'en_US' | 'fr_FR'
+changeLanguage(lang: LangType)
+```
+
++ 使用@witlink/usercenter包的组件
+1. 通过路由表注册组件
+
+```js
+    // userCenterRouteMap 结构如下
+    interface userCenterRouteMapType = {
+        '/sys/functions': SysFunctions,
+        '/sys/lang': SysLang,
+        '/sys/org': SysOrg,
+        '/sys/organ': SysOrgan,
+        '/sys/parameter': SysParameter,
+        '/sys/role': SysRole,
+        '/sys/user': SysUser,
+        '/sys/userinfo': SysUserInfo,
+    }
+
+    {
+        path: '/userinfo',
+        name: 'userinfo',
+        component: () =>  userCenterRouteMap['/sys/userinfo'],
+    }
+```
+
+2. 直接使用组件
+
+```js
+    {
+        path: '/userinfo',
+        name: 'userinfo',
+        component: SysUserInfo,
+    }
+``` 
+
+#### 3. 修改@witlink/usercenter的组件主题
+
+> 目前仅支持统一修改ant design vue 提供的 `SeedToken MapToken ` 的各项配置改变各页面的主题 或者 通过`:deep()` 深度修改各组件的样式
+
++ 目前支持的配置项如下(如有其他参数需要-联系作者)：
+```css
+    colorPrimary: var(--uc-primary-color); //  #1677ff
+    colorPrimaryBorder: var(--uc-primary-border-color); // #91caff;
+    colorPrimaryBorderHover: var(--uc-primary-border-hover-color); // #69b1ff;
+    colorPrimaryText: var(--uc-primary-text-color); // #1677ff;
+    colorPrimaryTextActive: var(--uc-primary-text-active-color); // #0958d9;
+    colorPrimaryTextHover: var(--uc-primary-text-hover-color); // #4096ff;
+    borderRadius：var(--uc-border-radius); 4px;
+    colorLink: var(--uc-link-color); // #1677ff;
+```
++ 如何修改各参数的值
+
+1. 初始修改各参数值设置
+```css
+:root {
+  --uc-primary-color: #1677ff;
+  --uc-primary-border-color: #91caff;
+  --uc-primary-border-hover-color:#69b1ff;
+  --uc-primary-text-color: #1677ff;
+  --uc-primary-text-active-color: #0958d9;
+  --uc-primary-text-hover-color: #4096ff;
+  --uc-border-radius: 4px;
+  --uc-link-color: #1677ff;
+}
+```
+
+2. 需要动态切换主题时
+```js
+// 示例 修改colorPrimary 为红色
+
+// 1. 建议有动态切换需求时， config的token的需要与外部联动，可以将configToken 存储在store中，读取为 appStore.configToken
+    //     <a-config-provider
+    //       :locale="localeMap[appStore.langId]"
+    //       :theme="{
+    //         token: appStore.configToken,
+    //       }"
+    //     >
+    //     <App>
+    //       <Layout></Layout>
+    //     </App>
+    //   </a-config-provider>
+// 2. 动态修改主题
+
+function changeTheme() {
+   document.documentElement.style.setProperty('--uc-primary-color','red');
+
+    appStore.setConfigToken({
+      ...getTokenStyle(),
+    })
+}
+
+function getTokenStyle() {
+  return {
+    colorPrimary: getComputedStyle(document.documentElement).getPropertyValue(
+      `--${prefixCls}-primary-color`
+    ),
+    colorPrimaryBorder: getComputedStyle(
+      document.documentElement
+    ).getPropertyValue(`--${prefixCls}-primary-border-color`),
+    colorPrimaryBorderHover: getComputedStyle(
+      document.documentElement
+    ).getPropertyValue(`--${prefixCls}-primary-border-hover-color`),
+    colorPrimaryText: getComputedStyle(
+      document.documentElement
+    ).getPropertyValue(`--${prefixCls}-primary-text-color`),
+    colorPrimaryTextActive: getComputedStyle(
+      document.documentElement
+    ).getPropertyValue(`--${prefixCls}-primary-text-active-color`),
+    colorPrimaryTextHover: getComputedStyle(
+      document.documentElement
+    ).getPropertyValue(`--${prefixCls}-primary-text-hover-color`),
+    colorLink: getComputedStyle(document.documentElement).getPropertyValue(
+      `--${prefixCls}-link-color`
+    ),
+  }
+}
+
+changeTheme()
+```

package/dist/404.e6ab6ba0.mjs

@@ -0,0 +1,10 @@
+import { openBlock as e, createElementBlock as r } from "vue";
+import { _ as t } from "./index.003313e6.mjs";
+const c = {};
+function n(o, i) {
+  return e(), r("div", null, "404");
+}
+const s = /* @__PURE__ */ t(c, [["render", n], ["__file", "D:/inhe-code/witlink-platform-usercenter-web/witlink-platform-usercenter1/src/views/error/404.vue"]]);
+export {
+  s as default
+};