@cgeui/platform-head 0.0.1

package/dist/lib/theme/index.js

@@ -0,0 +1,102 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/theme/index.tsx
+var theme_exports = {};
+__export(theme_exports, {
+  default: () => theme_default
+});
+module.exports = __toCommonJS(theme_exports);
+var import_components = require("@catd/components");
+var import_icons = require("@catd/icons");
+var import_react = require("react");
+var import_index = require("./index.less");
+var import_service = require("./service");
+var import_jsx_runtime = require("react/jsx-runtime");
+var PlatformThemeComponent = (props) => {
+  const sdk = props == null ? void 0 : props.sdk;
+  const defaultTheme = (props == null ? void 0 : props.theme) || "default";
+  const [themeName, setThemeName] = (0, import_react.useState)(defaultTheme);
+  const init = () => {
+    var _a;
+    document.getElementsByTagName("body")[0].className = `${themeName} catd-${themeName}`;
+    document.documentElement.setAttribute("catd-theme", themeName);
+    sdk.app.setTheme(themeName);
+    (_a = props == null ? void 0 : props.onChange) == null ? void 0 : _a.call(props, themeName);
+  };
+  (0, import_react.useEffect)(() => {
+    init();
+  }, [themeName]);
+  const changeTheme = () => {
+    var _a, _b;
+    const currentTheme = themeName === "dark" ? "default" : "dark";
+    setThemeName(currentTheme);
+    sdk.app.setTheme(currentTheme);
+    (_a = props == null ? void 0 : props.onChange) == null ? void 0 : _a.call(props, currentTheme);
+    const d = sdk.app.getInitialState();
+    const params = {
+      theme: currentTheme,
+      lang: (_b = d == null ? void 0 : d.setting) == null ? void 0 : _b.lang
+    };
+    (0, import_service.patformSetThemeApi)(sdk, params);
+    sdk.app.setInitialState((s) => __spreadProps(__spreadValues({}, s), {
+      setting: __spreadProps(__spreadValues({}, s.setting), {
+        theme: currentTheme
+      })
+    }));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: `platform-theme-switch ${themeName === "default" ? "sun" : "moon"}`,
+      "data-theme": themeName,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.Switch,
+          {
+            className: "theme-switch",
+            checkedChildren: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sun-style", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CatdIcons, { iconName: "basic-theme-default" }) }),
+            unCheckedChildren: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "moon-style", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CatdIcons, { iconName: "basic-theme-dark" }) }),
+            checked: themeName === "dark",
+            onChange: changeTheme
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sun-checked", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CatdIcons, { iconName: "basic-theme-default" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "moon-checked", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CatdIcons, { iconName: "basic-theme-dark" }) })
+      ]
+    }
+  );
+};
+var theme_default = PlatformThemeComponent;

package/dist/lib/theme/index.less

@@ -0,0 +1,106 @@
+.platform-theme-switch[data-theme='dark'] {
+  --platform-theme-bg-color: #282e41;
+  --platform-theme-checked-bg-color: #515562;
+  --platform-theme-checked-text-color: #fff;
+}
+
+.platform-theme-switch {
+  --platform-theme-bg-color: #edeff3;
+  --platform-theme-border-radius: 2px;
+  --platform-theme-checked-bg-color: #fff;
+  --platform-theme-checked-text-color: #ff9343;
+  position: relative;
+
+  .ant-switch.theme-switch,
+  .designsc-switch.theme-switch {
+    position: relative;
+    height: 24px;
+    background: var(--platform-theme-bg-color);
+    border-radius: var(--platform-theme-border-radius);
+
+    &.ant-switch-checked,
+    &.designsc-switch-checked {
+      background: var(--platform-theme-bg-color);
+    }
+
+    .ant-switch-handle,
+    .designsc-switch-handle {
+      top: 3px;
+
+      &::before {
+        color: var(--platform-theme-checked-text-color);
+        background: var(--platform-theme-checked-bg-color);
+        border-radius: var(--platform-theme-border-radius);
+      }
+    }
+
+    .ant-switch-inner {
+      margin-right: 4px;
+    }
+
+    .designsc-switch-inner {
+      padding-right: 0;
+    }
+  }
+
+  &.moon {
+    .sun-checked {
+      display: none;
+    }
+    .moon-checked {
+      position: absolute;
+      top: 1px;
+      right: 3px;
+      color: var(--platform-theme-checked-text-color);
+    }
+  }
+
+  &.sun {
+    .moon-checked {
+      display: none;
+    }
+    .sun-checked {
+      position: absolute;
+      top: 1px;
+      left: 3px;
+      color: var(--platform-theme-checked-text-color);
+    }
+  }
+
+  .sun-style,
+  .moon-style {
+    display: inline-block;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 18px;
+    height: 18px;
+    overflow: hidden;
+
+    > span {
+      margin-top: 2px;
+    }
+
+    .catdfont {
+      font-size: 16px;
+    }
+  }
+
+  .sun-style {
+    position: absolute;
+    top: 3px;
+    left: 2px;
+  }
+
+  .moon-style {
+    color: #63748a;
+  }
+
+  .designsc-switch-inner-unchecked {
+    .moon-style {
+      > span {
+        margin-top: 6px;
+      }
+    }
+  }
+}

package/dist/lib/theme/service.d.ts

@@ -0,0 +1,2 @@
+export declare function patformSetThemeApi(sdk: any, params: object): Promise<any>;
+//# sourceMappingURL=service.d.ts.map

package/dist/lib/theme/service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.d.ts","sourceRoot":"","sources":["../../src/theme/service.ts"],"names":[],"mappings":"AACA,wBAAsB,kBAAkB,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,gBAiBhE"}

package/dist/lib/theme/service.js

@@ -0,0 +1,62 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+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/theme/service.ts
+var service_exports = {};
+__export(service_exports, {
+  patformSetThemeApi: () => patformSetThemeApi
+});
+module.exports = __toCommonJS(service_exports);
+function patformSetThemeApi(sdk, params) {
+  return __async(this, null, function* () {
+    let settingsMap = "";
+    try {
+      settingsMap = JSON.stringify(params);
+    } catch (error) {
+      return;
+    }
+    return sdk.api.adapter("/tenant/api/v1/system/userconfig", {
+      method: "PUT",
+      headers: {
+        "Content-Type": "application/json"
+      }
+    }).request({
+      settingsMap
+    });
+  });
+}

package/dist/lib/user/detail/components/AvatarCardFormItem/index.d.ts

@@ -0,0 +1,6 @@
+interface AvatarCardFormItemProps {
+    sdk: any;
+}
+declare const AvatarCardFormItem: (props: AvatarCardFormItemProps) => any;
+export default AvatarCardFormItem;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/user/detail/components/AvatarCardFormItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/user/detail/components/AvatarCardFormItem/index.tsx"],"names":[],"mappings":"AAEA,UAAU,uBAAuB;IAC/B,GAAG,EAAE,GAAG,CAAC;CACV;AAED,QAAA,MAAM,kBAAkB,UAAW,uBAAuB,QAMzD,CAAC;AACF,eAAe,kBAAkB,CAAC"}

package/dist/lib/user/detail/components/AvatarCardFormItem/index.js

@@ -0,0 +1,54 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/user/detail/components/AvatarCardFormItem/index.tsx
+var AvatarCardFormItem_exports = {};
+__export(AvatarCardFormItem_exports, {
+  default: () => AvatarCardFormItem_default
+});
+module.exports = __toCommonJS(AvatarCardFormItem_exports);
+var import_AvatarUpload = __toESM(require("../AvatarUpload"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var AvatarCardFormItem = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AvatarUpload.default, __spreadValues({}, props)) });
+};
+var AvatarCardFormItem_default = AvatarCardFormItem;

package/dist/lib/user/detail/components/AvatarTag/index.d.ts

@@ -0,0 +1,7 @@
+import './index.less';
+declare const AvatarTag: ({ children, color }: {
+    children?: any;
+    color?: string;
+}) => any;
+export default AvatarTag;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/user/detail/components/AvatarTag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/user/detail/components/AvatarTag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AACtB,QAAA,MAAM,SAAS;eAA+C,GAAG;YAAU,MAAM;SAEhF,CAAC;AACF,eAAe,SAAS,CAAC"}

package/dist/lib/user/detail/components/AvatarTag/index.js

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/user/detail/components/AvatarTag/index.tsx
+var AvatarTag_exports = {};
+__export(AvatarTag_exports, {
+  default: () => AvatarTag_default
+});
+module.exports = __toCommonJS(AvatarTag_exports);
+var import_index = require("./index.less");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AvatarTag = ({ children, color = "grey" }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `encarbon-ui-avatarTag ${color}`, children });
+};
+var AvatarTag_default = AvatarTag;

package/dist/lib/user/detail/components/AvatarTag/index.less

@@ -0,0 +1,22 @@
+.encarbon-ui-avatarTag {
+  display: inline-block;
+  width: fit-content;
+  min-width: 60px;
+  height: 20px;
+  line-height: 20px;
+  color: #fff;
+  font-weight: 400;
+  font-size: 12px;
+  letter-spacing: 0;
+  text-align: center;
+  border-radius: 6px 0 6px 0;
+  margin-left: 16px;
+
+  &.green {
+    background-image: linear-gradient(180deg, #36eca4 0%, #30c147 100%);
+  }
+
+  &.golden {
+    background-image: linear-gradient(180deg, #e2cf83 0%, #938652 100%);
+  }
+}

package/dist/lib/user/detail/components/AvatarUpload/index.d.ts

@@ -0,0 +1,10 @@
+import './index.less';
+interface AvatarUploadProps {
+    sdk: any;
+    value?: string;
+    isEdit?: boolean;
+    onChangeAvatar?: (url: string) => void;
+}
+declare const AvatarUpload: React.FC<AvatarUploadProps>;
+export default AvatarUpload;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/user/detail/components/AvatarUpload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/user/detail/components/AvatarUpload/index.tsx"],"names":[],"mappings":"AAOA,OAAO,cAAc,CAAC;AAGtB,UAAU,iBAAiB;IACzB,GAAG,EAAE,GAAG,CAAC;IACT,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4E7C,CAAC;AACF,eAAe,YAAY,CAAC"}

package/dist/lib/user/detail/components/AvatarUpload/index.js

@@ -0,0 +1,134 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+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/components/AvatarUpload/index.tsx
+var AvatarUpload_exports = {};
+__export(AvatarUpload_exports, {
+  default: () => AvatarUpload_default
+});
+module.exports = __toCommonJS(AvatarUpload_exports);
+var import_icons = require("@ant-design/icons");
+var import_components = require("@catd/components");
+var import_lodash = require("lodash");
+var import_react = require("react");
+var import_i18n = require("../../../i18n");
+var import_service = require("../../service");
+var import_index = require("./index.less");
+var import_pageModel = require("./pageModel");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AvatarUpload = (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 [loading, setLoading] = (0, import_react.useState)(false);
+  const [imageUrl, setImageUrl] = (0, import_react.useState)(props == null ? void 0 : props.value);
+  const beforeUpload = (0, import_react.useCallback)((file) => {
+    const isJpgOrPng = file.type === "image/jpeg" || file.type === "image/png";
+    if (!isJpgOrPng) {
+      import_components.message.error(cecSdk.i18n.namespaces.account.uploadMsg);
+    }
+    const isLt2M = file.size / 1024 / 1024 < 2;
+    if (!isLt2M) {
+      import_components.message.error(cecSdk.i18n.namespaces.account.sizeExceed);
+    }
+    return isJpgOrPng && isLt2M;
+  }, []);
+  const uploadButton = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "encarbon-ui-avatarBox-upload-text", children: [
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PlusOutlined, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: import_i18n.PLATFORM_USER_I18N.getUserAvatarUploadText(cecSdk) })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "encarbon-ui-avatarBox-disabled", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Image, { width: "100%", height: "100%", src: imageUrl }) }) : "",
+    (props == null ? void 0 : props.isEdit) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Upload,
+      __spreadProps(__spreadValues({
+        name: "avatar",
+        listType: "picture-card",
+        className: "encarbon-ui-avatarBox",
+        showUploadList: false,
+        customRequest: (option) => __async(void 0, null, function* () {
+          setLoading(true);
+          const file = yield (0, import_pageModel.convertImageToBase64)(option.file);
+          (0, import_service.modifyAvatarBase64Post)(
+            cecSdk,
+            { avatarImg: file, userId },
+            {
+              onSuccess: {
+                content: cecSdk.i18n.namespaces.account.getAvatarMsg,
+                callback() {
+                  var _a2;
+                  setLoading(false);
+                  setImageUrl(String(file));
+                  (_a2 = props == null ? void 0 : props.onChangeAvatar) == null ? void 0 : _a2.call(props, String(file));
+                  cecSdk.app.setInitialState(
+                    (s) => (0, import_lodash.merge)({}, s, {
+                      currentUser: {
+                        avatar: file
+                      }
+                    })
+                  );
+                }
+              }
+            }
+          );
+        }),
+        beforeUpload
+      }, (0, import_lodash.pick)(props, ["className", "style"])), {
+        children: uploadButton
+      })
+    ) : ""
+  ] });
+};
+var AvatarUpload_default = AvatarUpload;

package/dist/lib/user/detail/components/AvatarUpload/index.less

@@ -0,0 +1,33 @@
+@upload-iimg-size: 144px;
+
+.encarbon-ui-avatar-size {
+  width: @upload-iimg-size;
+  height: @upload-iimg-size;
+  border-radius: 50%;
+  overflow: hidden;
+}
+
+.encarbon-ui-avatarBox {
+  text-align: center;
+  margin-top: var(--catd-margin-l);
+  // .encarbon-ui-avatar-size();
+
+  // .designsc-upload {
+  // .encarbon-ui-avatar-size();
+  // }
+
+  .designsc-upload-select,
+  .ant-upload-select {
+    width: 116px !important;
+    height: 32px !important;
+    border-radius: 2px !important;
+  }
+  .encarbon-ui-avatarBox-upload-text {
+    display: flex;
+    align-items: center;
+  }
+}
+
+.encarbon-ui-avatarBox-disabled {
+  .encarbon-ui-avatar-size();
+}

package/dist/lib/user/detail/components/AvatarUpload/pageModel.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 将图片转换为Base64编码
+ * @param {File|Blob|string} image - 图片文件、Blob对象或图片URL
+ * @param {string} [outputFormat='image/png'] - 输出格式，默认为'image/png'
+ * @returns {Promise<string>} 返回一个Promise，解析为Base64编码的字符串
+ */
+export declare function convertImageToBase64(image: any, outputFormat?: string): Promise<unknown>;
+//# sourceMappingURL=pageModel.d.ts.map

package/dist/lib/user/detail/components/AvatarUpload/pageModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageModel.d.ts","sourceRoot":"","sources":["../../../../../src/user/detail/components/AvatarUpload/pageModel.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,KAAA,EAAE,YAAY,SAAc,oBAoCrE"}

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

@@ -0,0 +1,54 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/user/detail/components/AvatarUpload/pageModel.ts
+var pageModel_exports = {};
+__export(pageModel_exports, {
+  convertImageToBase64: () => convertImageToBase64
+});
+module.exports = __toCommonJS(pageModel_exports);
+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("不支持的图片类型"));
+    }
+  });
+}

package/dist/lib/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