@cgeui/platform-head 0.0.1

package/dist/esm/user/detail/components/AvatarUpload/pageModel.js

@@ -0,0 +1,34 @@
+// src/user/detail/components/AvatarUpload/pageModel.ts
+function convertImageToBase64(image, outputFormat = "image/png") {
+  return new Promise((resolve, reject) => {
+    if (image instanceof File || image instanceof Blob) {
+      const reader = new FileReader();
+      reader.onload = () => resolve(reader.result);
+      reader.onerror = (error) => reject(error);
+      reader.readAsDataURL(image);
+    } else if (typeof image === "string") {
+      const img = new Image();
+      img.crossOrigin = "Anonymous";
+      img.onload = () => {
+        const canvas = document.createElement("canvas");
+        canvas.width = img.width;
+        canvas.height = img.height;
+        const ctx = canvas.getContext("2d");
+        ctx.drawImage(img, 0, 0);
+        try {
+          const dataURL = canvas.toDataURL(outputFormat);
+          resolve(dataURL);
+        } catch (error) {
+          reject(new Error("图片可能受到污染，无法转换为Base64"));
+        }
+      };
+      img.onerror = () => reject(new Error("图片加载失败"));
+      img.src = image;
+    } else {
+      reject(new Error("不支持的图片类型"));
+    }
+  });
+}
+export {
+  convertImageToBase64
+};

package/dist/esm/user/detail/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference path="../../../types/react.d.ts" />
+import type { FC } from 'react';
+import './style.less';
+interface UserPageProps {
+    sdk: any;
+}
+declare const UserPage: FC<UserPageProps>;
+export default UserPage;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/user/detail/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/user/detail/index.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,cAAc,CAAC;AAEtB,UAAU,aAAa;IACrB,GAAG,EAAE,GAAG,CAAC;CACV;AAED,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAqP/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/esm/user/detail/index.js

@@ -0,0 +1,266 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/user/detail/index.tsx
+import { Button, Card, Form, Input, message } from "@catd/components";
+import { merge } from "lodash";
+import { useEffect, useState } from "react";
+import { PLATFORM_USER_I18N } from "../i18n";
+import AvatarTag from "./components/AvatarTag";
+import AvatarUpload from "./components/AvatarUpload";
+import { getUserAvatarGet, getUserDetail, modifyUserDetail } from "./service";
+import "./style.less";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var UserPage = (props) => {
+  var _a, _b, _c, _d;
+  const cecSdk = props == null ? void 0 : props.sdk;
+  const userId = (_d = (_c = (_b = (_a = cecSdk == null ? void 0 : cecSdk.instance) == null ? void 0 : _a.app) == null ? void 0 : _b.initialState) == null ? void 0 : _c.user) == null ? void 0 : _d.userId;
+  const [values, setValues] = useState({});
+  const [dataLoaded, setDataLoaded] = useState(false);
+  const [form] = Form.useForm();
+  const [isEdit, setIsEdit] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const getUserDetailData = () => __async(void 0, null, function* () {
+    var _a2;
+    let avatarImage = "";
+    let userData = {};
+    const dataList = yield Promise.all([
+      getUserAvatarGet(cecSdk, userId),
+      getUserDetail(cecSdk, userId)
+    ]);
+    dataList == null ? void 0 : dataList.forEach((res, index) => {
+      var _a3;
+      if (index === 0) {
+        avatarImage = res == null ? void 0 : res.data;
+      }
+      if (index === 1) {
+        userData = (_a3 = res == null ? void 0 : res.data) == null ? void 0 : _a3.data;
+      }
+    });
+    const roles = (userData == null ? void 0 : userData.roles) || [];
+    const roleName = roles == null ? void 0 : roles.map((item) => item == null ? void 0 : item.roleName).join("、");
+    const departmentName = (_a2 = userData == null ? void 0 : userData.dept) == null ? void 0 : _a2.deptName;
+    const userDetailData = __spreadProps(__spreadValues({}, userData), { roleName, departmentName, avatar: avatarImage });
+    setValues(userDetailData);
+    setDataLoaded(true);
+    cecSdk.app.setInitialState(
+      (s) => merge({}, s, {
+        currentUser: userDetailData
+      })
+    );
+  });
+  const RenderAvatarTag = () => {
+    const isAdmin = values.isAdmin === 1;
+    return isAdmin ? /* @__PURE__ */ jsx(AvatarTag, { color: "golden", children: cecSdk.i18n.namespaces.account.administrators }) : /* @__PURE__ */ jsx(AvatarTag, { color: "green", children: cecSdk.i18n.namespaces.account.registeredUsers });
+  };
+  const onSaveEdit = () => __async(void 0, null, function* () {
+    setLoading(true);
+    const params = form.getFieldsValue();
+    const p = {};
+    p.nickName = params.nickName;
+    p.email = params.email;
+    p.phonenumber = params.phonenumber;
+    p.userId = userId;
+    const result = yield modifyUserDetail(cecSdk, p);
+    if (result == null ? void 0 : result.success) {
+      yield cecSdk.app.update();
+      message.success(cecSdk.i18n.namespaces.common.savedSuccess);
+      setIsEdit(false);
+      getUserDetailData();
+    }
+    setLoading(false);
+  });
+  const onClickEdit = () => {
+    setIsEdit(true);
+  };
+  const onCancelEdit = () => {
+    setIsEdit(false);
+    form.resetFields();
+    setLoading(false);
+  };
+  useEffect(() => {
+    getUserDetailData();
+    document.documentElement.setAttribute("page-full-style", "full");
+    return () => {
+      document.documentElement.setAttribute("page-full-style", "");
+    };
+  }, []);
+  const RenderUserNamelabel = () => {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      PLATFORM_USER_I18N.getUserNameText(cecSdk),
+      RenderAvatarTag()
+    ] });
+  };
+  return /* @__PURE__ */ jsx("div", { className: "encarbon-userDetailPage", children: /* @__PURE__ */ jsx(Card, { bordered: false, children: dataLoaded ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+    Form,
+    {
+      form,
+      autoComplete: false,
+      initialValues: values,
+      className: "encarbon-user-datail-form",
+      colon: false,
+      layout: "vertical",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "encarbon-user-datail-form-avatar", children: /* @__PURE__ */ jsx(Form.Item, { name: "avatar", label: PLATFORM_USER_I18N.getUserAvatarText(cecSdk), children: /* @__PURE__ */ jsx(
+          AvatarUpload,
+          {
+            sdk: cecSdk,
+            isEdit,
+            onChangeAvatar: (url) => {
+              form.setFieldsValue({
+                avatar: url
+              });
+              setValues((prev) => {
+                const d = Object.assign({}, prev, { avatar: url });
+                cecSdk.app.setInitialState(
+                  (s) => merge({}, s, {
+                    currentUser: d
+                  })
+                );
+                return d;
+              });
+            }
+          }
+        ) }) }),
+        /* @__PURE__ */ jsxs("div", { className: "encarbon-user-datail-form-basic", children: [
+          /* @__PURE__ */ jsxs("div", { className: "encarbon-user-datail-form-basic-item", children: [
+            /* @__PURE__ */ jsx(
+              Form.Item,
+              {
+                name: "nickName",
+                label: PLATFORM_USER_I18N.getUserNickNameText(cecSdk),
+                rules: [
+                  {
+                    required: isEdit,
+                    validator: (_, value) => {
+                      if (!value) {
+                        return Promise.reject(
+                          new Error(PLATFORM_USER_I18N.getUserInputEmptyValidateText(cecSdk))
+                        );
+                      }
+                      if (!new RegExp(
+                        /^[a-zA-Z\u4e00-\u9fa5][\w\u4e00-\u9fa5\s\-·.。，,、'‘’"“”]*$/
+                      ).test(value))
+                        return Promise.reject(
+                          new Error(PLATFORM_USER_I18N.getNickNameValidateText(cecSdk))
+                        );
+                      return Promise.resolve();
+                    }
+                  }
+                ],
+                children: /* @__PURE__ */ jsx(Input, { maxLength: 50, disabled: !isEdit })
+              }
+            ),
+            /* @__PURE__ */ jsx(Form.Item, { name: "userName", label: RenderUserNamelabel(), children: /* @__PURE__ */ jsx(Input, { disabled: true }) }),
+            /* @__PURE__ */ jsx(
+              Form.Item,
+              {
+                name: "phonenumber",
+                label: PLATFORM_USER_I18N.getUserPhoneText(cecSdk),
+                rules: [
+                  {
+                    required: isEdit,
+                    validator: (_, value) => {
+                      if (!value) {
+                        return Promise.reject(
+                          new Error(PLATFORM_USER_I18N.getUserInputEmptyValidateText(cecSdk))
+                        );
+                      }
+                      if (!new RegExp(/^1[3-9]\d{9}$/).test(value))
+                        return Promise.reject(
+                          new Error(PLATFORM_USER_I18N.getUserPhoneValidateText(cecSdk))
+                        );
+                      return Promise.resolve();
+                    }
+                  }
+                ],
+                children: /* @__PURE__ */ jsx(Input, { disabled: !isEdit })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Item,
+              {
+                label: PLATFORM_USER_I18N.getUserDepartText(cecSdk),
+                name: "departmentName",
+                children: /* @__PURE__ */ jsx(Input, { disabled: true })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Item,
+              {
+                name: "email",
+                label: PLATFORM_USER_I18N.getUserEmailText(cecSdk),
+                rules: [
+                  {
+                    required: isEdit,
+                    validator: (_, value) => {
+                      if (!value) {
+                        return Promise.reject(
+                          new Error(PLATFORM_USER_I18N.getUserInputEmptyValidateText(cecSdk))
+                        );
+                      }
+                      if (!new RegExp(
+                        /^(?!.*[._-]{2})[a-zA-Z0-9][a-zA-Z0-9._%+-]*@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/
+                      ).test(value))
+                        return Promise.reject(
+                          new Error(PLATFORM_USER_I18N.getUserEmailValidateText(cecSdk))
+                        );
+                      return Promise.resolve();
+                    }
+                  }
+                ],
+                children: /* @__PURE__ */ jsx(Input, { disabled: !isEdit })
+              }
+            ),
+            /* @__PURE__ */ jsx(Form.Item, { label: PLATFORM_USER_I18N.getUserRoleText(cecSdk), name: "roleName", children: /* @__PURE__ */ jsx(Input, { disabled: true }) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "encarbon-user-detail-form-basic-btns", children: /* @__PURE__ */ jsx("div", { children: isEdit ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Button, { onClick: onCancelEdit, children: PLATFORM_USER_I18N.getUserCancelText(cecSdk) }),
+            /* @__PURE__ */ jsx(Button, { type: "primary", onClick: onSaveEdit, loading, children: PLATFORM_USER_I18N.getUserSaveText(cecSdk) })
+          ] }) : /* @__PURE__ */ jsx(Button, { type: "primary", onClick: onClickEdit, children: PLATFORM_USER_I18N.getUserEditText(cecSdk) }) }) })
+        ] })
+      ]
+    }
+  ) }) : null }) });
+};
+var detail_default = UserPage;
+export {
+  detail_default as default
+};

package/dist/esm/user/detail/service.d.ts

@@ -0,0 +1,6 @@
+export declare function getUserDetail(cecSdk: any, userId: string): Promise<any>;
+export declare function getUserAvatarGet(cecSdk: any, userId: string): Promise<any>;
+export declare function modifyUserDetail(cecSdk: any, params: any): Promise<any>;
+export declare function modifyAvatar(cecSdk: any, data: any, options?: {}): Promise<any>;
+export declare function modifyAvatarBase64Post(cecSdk: any, data: any, options?: {}): Promise<any>;
+//# sourceMappingURL=service.d.ts.map

package/dist/esm/user/detail/service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.d.ts","sourceRoot":"","sources":["../../../src/user/detail/service.ts"],"names":[],"mappings":"AAAA,wBAAsB,aAAa,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,gBAG9D;AAED,wBAAsB,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,gBAEjE;AAED,wBAAsB,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,gBAO9D;AAED,wBAAsB,YAAY,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,KAAK,gBAOtE;AAED,wBAAsB,sBAAsB,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,KAAK,gBAOhF"}

package/dist/esm/user/detail/service.js

@@ -0,0 +1,77 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/user/detail/service.ts
+function getUserDetail(cecSdk, userId) {
+  return __async(this, null, function* () {
+    return cecSdk.api.adapter(`/tenant/api/v1/system/user/${userId}`).request();
+  });
+}
+function getUserAvatarGet(cecSdk, userId) {
+  return __async(this, null, function* () {
+    return cecSdk.api.adapter(`/tenant/api/v1/system/user/profile/avatar/${userId}`).request();
+  });
+}
+function modifyUserDetail(cecSdk, params) {
+  return __async(this, null, function* () {
+    return cecSdk.api.adapter(`/tenant/api/v1/system/user/profile`, {
+      method: "PUT",
+      data: params
+    }).request();
+  });
+}
+function modifyAvatar(_0, _1) {
+  return __async(this, arguments, function* (cecSdk, data, options = {}) {
+    return cecSdk.api.adapter(`/tenant/api/v1/system/user/profile/avatar`, __spreadValues({
+      method: "POST"
+    }, options)).request(data);
+  });
+}
+function modifyAvatarBase64Post(_0, _1) {
+  return __async(this, arguments, function* (cecSdk, data, options = {}) {
+    return cecSdk.api.adapter(`/tenant/api/v1/system/user/profile/uploadAvatar`, __spreadValues({
+      method: "POST"
+    }, options)).request(data);
+  });
+}
+export {
+  getUserAvatarGet,
+  getUserDetail,
+  modifyAvatar,
+  modifyAvatarBase64Post,
+  modifyUserDetail
+};

package/dist/esm/user/detail/style.less

@@ -0,0 +1,51 @@
+.encarbon-userDetailPage {
+  height: 100%;
+
+  .designsc-card {
+    margin-bottom: 0;
+    height: 100%;
+  }
+}
+
+.encarbon-user-datail-form {
+  display: flex;
+
+  &-avatar {
+    width: 144px;
+    margin-right: 40px;
+
+    .designsc-row,
+    .ant-row {
+      .designsc-form-item-label,
+      .ant-form-item-label {
+        margin-bottom: var(--catd-margin-l);
+      }
+    }
+  }
+
+  &-basic {
+    flex: 1;
+
+    &-item {
+      display: flex;
+      gap: 0 40px;
+      flex-wrap: wrap;
+      > .designsc-form-item,
+      > .ant-form-item {
+        flex: 46%;
+        margin-bottom: var(--catd-margin-xxxl) !important;
+        color: var(--catd-text-color-primary);
+      }
+    }
+
+    .encarbon-user-detail-form-basic-btns {
+      display: flex;
+      gap: 0 40px;
+      flex-wrap: wrap;
+      > div {
+        text-align: right;
+        width: 100%;
+      }
+    }
+  }
+}

package/dist/esm/user/i18n.d.ts

@@ -0,0 +1,20 @@
+export declare const PLATFORM_USER_I18N: {
+    getUserLoginoutText: (sdk: any) => any;
+    getUserLoginedoutText: (sdk: any) => any;
+    getUserAvatarText: (sdk: any) => any;
+    getUserNickNameText: (sdk: any) => any;
+    getUserNameText: (sdk: any) => any;
+    getUserPhoneText: (sdk: any) => any;
+    getUserAvatarUploadText: (sdk: any) => any;
+    getUserEditText: (sdk: any) => any;
+    getUserSaveText: (sdk: any) => any;
+    getUserCancelText: (sdk: any) => any;
+    getUserRoleText: (sdk: any) => any;
+    getUserEmailText: (sdk: any) => any;
+    getUserDepartText: (sdk: any) => any;
+    getUserEmailValidateText: (sdk: any) => any;
+    getUserInputEmptyValidateText: (sdk: any) => any;
+    getUserPhoneValidateText: (sdk: any) => any;
+    getNickNameValidateText: (sdk: any) => any;
+};
+//# sourceMappingURL=i18n.d.ts.map

package/dist/esm/user/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/user/i18n.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;CAkB9B,CAAC"}

package/dist/esm/user/i18n.js

@@ -0,0 +1,27 @@
+// src/user/i18n.ts
+var platFormUserI18n = (sdk, id, value) => {
+  var _a, _b;
+  return (_b = (_a = sdk == null ? void 0 : sdk.i18n) == null ? void 0 : _a.intl) == null ? void 0 : _b.formatMessage({ id }, value);
+};
+var PLATFORM_USER_I18N = {
+  getUserLoginoutText: (sdk) => platFormUserI18n(sdk, "退出登录"),
+  getUserLoginedoutText: (sdk) => platFormUserI18n(sdk, "已退出登录"),
+  getUserAvatarText: (sdk) => platFormUserI18n(sdk, "头像"),
+  getUserNickNameText: (sdk) => platFormUserI18n(sdk, "用户姓名"),
+  getUserNameText: (sdk) => platFormUserI18n(sdk, "用户账号"),
+  getUserPhoneText: (sdk) => platFormUserI18n(sdk, "手机号"),
+  getUserAvatarUploadText: (sdk) => platFormUserI18n(sdk, "上传头像"),
+  getUserEditText: (sdk) => platFormUserI18n(sdk, "修改信息"),
+  getUserSaveText: (sdk) => platFormUserI18n(sdk, "保存"),
+  getUserCancelText: (sdk) => platFormUserI18n(sdk, "取消"),
+  getUserRoleText: (sdk) => platFormUserI18n(sdk, "角色"),
+  getUserEmailText: (sdk) => platFormUserI18n(sdk, "邮箱"),
+  getUserDepartText: (sdk) => platFormUserI18n(sdk, "所属组织"),
+  getUserEmailValidateText: (sdk) => platFormUserI18n(sdk, "请输入正确的邮箱"),
+  getUserInputEmptyValidateText: (sdk) => platFormUserI18n(sdk, "请输入"),
+  getUserPhoneValidateText: (sdk) => platFormUserI18n(sdk, "请输入正确的手机号"),
+  getNickNameValidateText: (sdk) => platFormUserI18n(sdk, "用户姓名不能以特殊字符开头")
+};
+export {
+  PLATFORM_USER_I18N
+};

package/dist/esm/user/index.d.ts

@@ -0,0 +1,13 @@
+import './index.less';
+declare const GlobalUserComponent: (props: {
+    sdk: any;
+    audioSet?: boolean;
+    isLogoutCover?: boolean;
+    logoutCallback?: (showMessage: boolean) => void;
+    isShowPasswordModal?: boolean;
+    isShowUserInfoPage?: boolean;
+    isPasswordCover?: boolean;
+    passwordCallback?: (params: any, message: string) => void;
+}) => any;
+export default GlobalUserComponent;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/user/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/user/index.tsx"],"names":[],"mappings":"AAOA,OAAO,cAAc,CAAC;AAItB,QAAA,MAAM,mBAAmB;SAClB,GAAG;eACG,OAAO;oBACF,OAAO;mCACQ,OAAO,KAAK,IAAI;0BACzB,OAAO;yBACR,OAAO;sBACV,OAAO;gCACG,GAAG,WAAW,MAAM,KAAK,IAAI;SA+L1D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}