@cgeui/platform-head 0.0.1

package/dist/esm/platformMessage/webSocket.d.ts

@@ -0,0 +1,30 @@
+export default class Socket {
+    opts: {
+        heartbeatInterval: number;
+        reconnectInterval: number;
+        maxReconnectAttempts: number;
+    };
+    url: string;
+    token: {
+        token: string;
+    };
+    ws: any;
+    reconnectAttempts: number;
+    listeners: any;
+    heartbeatInterval: any;
+    constructor(url: string, token: {
+        token: string;
+    });
+    init(): void;
+    onOpen(event: any): void;
+    onMessage(event: any): void;
+    onError(event: any): void;
+    onClose(event: any): void;
+    startHeartbeat(): void;
+    stopHeartbeat(): void;
+    send(data: any): void;
+    on(event: any, callback: any): void;
+    off(event: any, callback: any): void;
+    emit(event: any, data: any): void;
+}
+//# sourceMappingURL=webSocket.d.ts.map

package/dist/esm/platformMessage/webSocket.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webSocket.d.ts","sourceRoot":"","sources":["../../src/platformMessage/webSocket.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAO,MAAM;IACzB,IAAI;;;;MAIF;IACF,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACzB,EAAE,EAAE,GAAG,CAAC;IACR,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,GAAG,CAAC;IACf,iBAAiB,EAAE,GAAG,CAAC;gBAEX,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;IAQjD,IAAI;IAQJ,MAAM,CAAC,KAAK,KAAA;IAMZ,SAAS,CAAC,KAAK,KAAA;IAGf,OAAO,CAAC,KAAK,KAAA;IAIb,OAAO,CAAC,KAAK,KAAA;IAWb,cAAc;IAOd,aAAa;IAMb,IAAI,CAAC,IAAI,KAAA;IAOT,EAAE,CAAC,KAAK,KAAA,EAAE,QAAQ,KAAA;IAMlB,GAAG,CAAC,KAAK,KAAA,EAAE,QAAQ,KAAA;IAOnB,IAAI,CAAC,KAAK,KAAA,EAAE,IAAI,KAAA;CAOjB"}

package/dist/esm/platformMessage/webSocket.js

@@ -0,0 +1,94 @@
+// src/platformMessage/webSocket.ts
+var Socket = class {
+  constructor(url, token) {
+    this.opts = {
+      heartbeatInterval: 3e4,
+      //默认30s
+      reconnectInterval: 5e3,
+      //默认5重连一次
+      maxReconnectAttempts: 10
+      //默认重连次数
+    };
+    this.url = url;
+    this.ws = null;
+    this.reconnectAttempts = 0;
+    this.listeners = {};
+    this.token = token;
+    this.init();
+  }
+  init() {
+    console.log(this.url, "this.urlthis.urlthis.url");
+    this.ws = new WebSocket(this.url);
+    this.ws.onopen = this.onOpen.bind(this);
+    this.ws.onmessage = this.onMessage.bind(this);
+    this.ws.onerror = this.onError.bind(this);
+    this.ws.onclose = this.onClose.bind(this);
+  }
+  onOpen(event) {
+    console.log("websocket opened", event);
+    this.startHeartbeat();
+    this.emit("open", event);
+  }
+  onMessage(event) {
+    this.emit("message", event.data);
+  }
+  onError(event) {
+    console.log("websocket error", event);
+    this.emit("error", event);
+  }
+  onClose(event) {
+    console.log("websocket close", event);
+    this.stopHeartbeat();
+    this.emit("close", event);
+    if (this.reconnectAttempts < this.opts.maxReconnectAttempts) {
+      setTimeout(() => {
+        this.reconnectAttempts++;
+        this.init();
+      }, this.opts.reconnectInterval);
+    }
+  }
+  startHeartbeat() {
+    this.heartbeatInterval = setInterval(() => {
+      if (this.ws.readyState == WebSocket.OPEN) {
+        this.ws.send("ping");
+      }
+    }, this.opts.heartbeatInterval);
+  }
+  stopHeartbeat() {
+    if (this.heartbeatInterval) {
+      clearInterval(this.heartbeatInterval);
+      this.heartbeatInterval = null;
+    }
+  }
+  send(data) {
+    if (this.ws.readyState == WebSocket.OPEN) {
+      this.ws.send(data);
+    } else {
+      console.log("发送失败send", data);
+    }
+  }
+  on(event, callback) {
+    if (!this.listeners[event]) {
+      this.listeners[event] = [];
+    }
+    this.listeners[event].push(callback);
+  }
+  off(event, callback) {
+    if (!this.listeners[event])
+      return;
+    let index = this.listeners[event].indexOf(callback);
+    if (index > -1) {
+      this.listeners[event].splice(index, 1);
+    }
+  }
+  emit(event, data) {
+    if (this.listeners[event]) {
+      this.listeners[event].forEach((callback) => {
+        callback(data);
+      });
+    }
+  }
+};
+export {
+  Socket as default
+};

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

@@ -0,0 +1,8 @@
+import './index.less';
+declare const PlatformThemeComponent: (props: {
+    sdk: any;
+    theme: string;
+    onChange: (theme: string) => void;
+}) => any;
+export default PlatformThemeComponent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.tsx"],"names":[],"mappings":"AAGA,OAAO,cAAc,CAAC;AAGtB,QAAA,MAAM,sBAAsB;SACrB,GAAG;WACD,MAAM;sBACK,MAAM,KAAK,IAAI;SAmElC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/esm/theme/index.js

@@ -0,0 +1,85 @@
+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));
+
+// src/theme/index.tsx
+import { Switch } from "@catd/components";
+import { CatdIcons } from "@catd/icons";
+import { useEffect, useState } from "react";
+import "./index.less";
+import { patformSetThemeApi } from "./service";
+import { jsx, jsxs } from "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] = 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);
+  };
+  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
+    };
+    patformSetThemeApi(sdk, params);
+    sdk.app.setInitialState((s) => __spreadProps(__spreadValues({}, s), {
+      setting: __spreadProps(__spreadValues({}, s.setting), {
+        theme: currentTheme
+      })
+    }));
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `platform-theme-switch ${themeName === "default" ? "sun" : "moon"}`,
+      "data-theme": themeName,
+      children: [
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            className: "theme-switch",
+            checkedChildren: /* @__PURE__ */ jsx("span", { className: "sun-style", children: /* @__PURE__ */ jsx(CatdIcons, { iconName: "basic-theme-default" }) }),
+            unCheckedChildren: /* @__PURE__ */ jsx("span", { className: "moon-style", children: /* @__PURE__ */ jsx(CatdIcons, { iconName: "basic-theme-dark" }) }),
+            checked: themeName === "dark",
+            onChange: changeTheme
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "sun-checked", children: /* @__PURE__ */ jsx(CatdIcons, { iconName: "basic-theme-default" }) }),
+        /* @__PURE__ */ jsx("span", { className: "moon-checked", children: /* @__PURE__ */ jsx(CatdIcons, { iconName: "basic-theme-dark" }) })
+      ]
+    }
+  );
+};
+var theme_default = PlatformThemeComponent;
+export {
+  theme_default as default
+};

package/dist/esm/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/esm/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/esm/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/esm/theme/service.js

@@ -0,0 +1,43 @@
+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
+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
+    });
+  });
+}
+export {
+  patformSetThemeApi
+};

package/dist/esm/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/esm/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/esm/user/detail/components/AvatarCardFormItem/index.js

@@ -0,0 +1,27 @@
+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;
+};
+
+// src/user/detail/components/AvatarCardFormItem/index.tsx
+import AvatarUpload from "../AvatarUpload";
+import { jsx } from "react/jsx-runtime";
+var AvatarCardFormItem = (props) => {
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(AvatarUpload, __spreadValues({}, props)) });
+};
+var AvatarCardFormItem_default = AvatarCardFormItem;
+export {
+  AvatarCardFormItem_default as default
+};

package/dist/esm/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/esm/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/esm/user/detail/components/AvatarTag/index.js

@@ -0,0 +1,10 @@
+// src/user/detail/components/AvatarTag/index.tsx
+import "./index.less";
+import { jsx } from "react/jsx-runtime";
+var AvatarTag = ({ children, color = "grey" }) => {
+  return /* @__PURE__ */ jsx("div", { className: `encarbon-ui-avatarTag ${color}`, children });
+};
+var AvatarTag_default = AvatarTag;
+export {
+  AvatarTag_default as default
+};

package/dist/esm/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/esm/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/esm/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/esm/user/detail/components/AvatarUpload/index.js

@@ -0,0 +1,117 @@
+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/components/AvatarUpload/index.tsx
+import { LoadingOutlined, PlusOutlined } from "@ant-design/icons";
+import { Image, message, Upload } from "@catd/components";
+import { merge, pick } from "lodash";
+import { useCallback, useState } from "react";
+import { PLATFORM_USER_I18N } from "../../../i18n";
+import { modifyAvatarBase64Post } from "../../service";
+import "./index.less";
+import { convertImageToBase64 } from "./pageModel";
+import { Fragment, jsx, jsxs } from "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] = useState(false);
+  const [imageUrl, setImageUrl] = useState(props == null ? void 0 : props.value);
+  const beforeUpload = useCallback((file) => {
+    const isJpgOrPng = file.type === "image/jpeg" || file.type === "image/png";
+    if (!isJpgOrPng) {
+      message.error(cecSdk.i18n.namespaces.account.uploadMsg);
+    }
+    const isLt2M = file.size / 1024 / 1024 < 2;
+    if (!isLt2M) {
+      message.error(cecSdk.i18n.namespaces.account.sizeExceed);
+    }
+    return isJpgOrPng && isLt2M;
+  }, []);
+  const uploadButton = /* @__PURE__ */ jsxs("div", { className: "encarbon-ui-avatarBox-upload-text", children: [
+    loading ? /* @__PURE__ */ jsx(LoadingOutlined, {}) : /* @__PURE__ */ jsx(PlusOutlined, {}),
+    /* @__PURE__ */ jsx("div", { children: PLATFORM_USER_I18N.getUserAvatarUploadText(cecSdk) })
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    imageUrl ? /* @__PURE__ */ jsx("div", { className: "encarbon-ui-avatarBox-disabled", children: /* @__PURE__ */ jsx(Image, { width: "100%", height: "100%", src: imageUrl }) }) : "",
+    (props == null ? void 0 : props.isEdit) ? /* @__PURE__ */ jsx(
+      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 convertImageToBase64(option.file);
+          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) => merge({}, s, {
+                      currentUser: {
+                        avatar: file
+                      }
+                    })
+                  );
+                }
+              }
+            }
+          );
+        }),
+        beforeUpload
+      }, pick(props, ["className", "style"])), {
+        children: uploadButton
+      })
+    ) : ""
+  ] });
+};
+var AvatarUpload_default = AvatarUpload;
+export {
+  AvatarUpload_default as default
+};

package/dist/esm/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/esm/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/esm/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"}