@blocklet/ui-react 3.4.7 → 3.4.8

package/lib/common/header-addons.js

@@ -1,59 +1,51 @@
-import { jsx as i, Fragment as b } from "react/jsx-runtime";
+import { jsx as s, Fragment as b } from "react/jsx-runtime";
 import "iconify-icon";
-import a from "prop-types";
-import { use as L, createElement as v } from "react";
-import { SessionContext as N } from "@arcblock/did-connect-react/lib/Session";
-import T from "@arcblock/ux/lib/Config/theme-mode-toggle";
-import { useLocaleContext as k } from "@arcblock/ux/lib/Locale/context";
+import r from "prop-types";
+import { use as L, createElement as k } from "react";
+import { SessionContext as w } from "@arcblock/did-connect-react/lib/Session";
+import N from "@arcblock/ux/lib/Config/theme-mode-toggle";
+import { useLocaleContext as T } from "@arcblock/ux/lib/Locale/context";
 import C from "@arcblock/ux/lib/Locale/selector";
-import S from "@arcblock/ux/lib/SessionBlocklet";
-import D from "@arcblock/ux/lib/SessionUser";
-import { WELLKNOWN_BLOCKLET_ADMIN_PATH as E } from "@abtnode/constant";
-import { getLocalizedNavigation as M, filterNavByRole as O } from "../blocklets.js";
-import { SessionManagerProps as R } from "../types.js";
-import W from "./domain-warning.js";
-import P from "./notification-addon.js";
-import B from "./org-switch/index.js";
-const _ = () => !!(window?.blocklet?.navigation ?? []).find((o) => o.id === "/userCenter/notification"), j = (n) => {
-  const { settings: o = {} } = n ?? window?.blocklet ?? {};
-  return o?.org?.enabled || !1;
-}, x = () => {
-  const { pathname: n = "" } = window.location || {};
-  return n.startsWith(E);
-};
+import R from "@arcblock/ux/lib/SessionBlocklet";
+import S from "@arcblock/ux/lib/SessionUser";
+import { getLocalizedNavigation as M, filterNavByRole as B } from "../blocklets.js";
+import { SessionManagerProps as D } from "../types.js";
+import P from "./domain-warning.js";
+import j from "./notification-addon.js";
+const x = () => !!(window?.blocklet?.navigation ?? []).find((o) => o.id === "/userCenter/notification");
 function z({
-  formattedBlocklet: n,
+  formattedBlocklet: l,
   addons: o = null,
   showDomainWarningDialog: m = !0,
   sessionManagerProps: u = { showRole: !0 }
 }) {
-  const e = L(N), { locale: t, languages: p, defaultLocale: g } = k() || {}, { enableConnect: d = !0, enableLocale: h = !0 } = n, y = !!e?.session?.user;
-  let l = M({
-    navigation: n?.navigation?.sessionManager,
-    locale: t,
+  const n = L(w), { locale: i, languages: p, defaultLocale: g } = T() || {}, { enableConnect: d = !0, enableLocale: h = !0 } = l, y = !!n?.session?.user;
+  let a = M({
+    navigation: l?.navigation?.sessionManager,
+    locale: i,
     defaultLocale: g
   }) || [];
-  l = O(l, e?.session?.user?.role);
+  a = B(a, n?.session?.user?.role);
   const c = (() => {
     if (o && typeof o != "function")
       return Array.isArray(o) ? o : [o];
-    let s = [];
-    if (_() && s.push(/* @__PURE__ */ i(P, { session: e.session }, "notification-addon")), h && t && p.length > 1 && s.push(/* @__PURE__ */ i(C, { showText: !1 }, "locale-selector")), s.push(/* @__PURE__ */ i(T, {}, "theme-mode-toggle")), d && e) {
+    let e = [];
+    if (x() && e.push(/* @__PURE__ */ s(j, { session: n.session }, "notification-addon")), h && i && p.length > 1 && e.push(/* @__PURE__ */ s(C, { showText: !1 }, "locale-selector")), e.push(/* @__PURE__ */ s(N, {}, "theme-mode-toggle")), d && n) {
       const f = [];
-      y && (l ? l.slice(0, 5) : []).forEach((r) => {
+      y && (a ? a.slice(0, 5) : []).forEach((t) => {
         f.push({
-          label: r.title,
-          icon: r.icon ? /* @__PURE__ */ i("iconify-icon", { icon: r.icon, height: 24, style: { marginRight: 8 } }) : null,
+          label: t.title,
+          icon: t.icon ? /* @__PURE__ */ s("iconify-icon", { icon: t.icon, height: 24, style: { marginRight: 8 } }) : null,
           component: "a",
-          href: r.link,
-          key: r.link
+          href: t.link,
+          key: t.link
         });
-      }), s.push(/* @__PURE__ */ i(S, { session: e.session, locale: t }, "session-blocklet")), s.push(
-        /* @__PURE__ */ i(
-          D,
+      }), e.push(/* @__PURE__ */ s(R, { session: n.session, locale: i }, "session-blocklet")), e.push(
+        /* @__PURE__ */ s(
+          S,
           {
-            session: e.session,
-            locale: t,
+            session: n.session,
+            locale: i,
             menu: f,
             showRole: !0,
             ...u
@@ -62,21 +54,21 @@ function z({
         )
       );
     }
-    return !x() && j(n) && e?.session?.user && s.unshift(/* @__PURE__ */ i(B, { session: e.session, locale: t }, "orgs-switch")), typeof o == "function" && (s = o(s) || []), s;
-  })(), w = Array.isArray(c) ? c : [c], A = [
-    m ? /* @__PURE__ */ i(W, { session: e?.session, locale: t }) : null,
-    ...w
+    return typeof o == "function" && (e = o(e) || []), e;
+  })(), v = Array.isArray(c) ? c : [c], A = [
+    m ? /* @__PURE__ */ s(P, { session: n?.session, locale: i }) : null,
+    ...v
   ].filter(Boolean);
-  return v(b, null, ...A);
+  return k(b, null, ...A);
 }
 z.propTypes = {
-  formattedBlocklet: a.object.isRequired,
+  formattedBlocklet: r.object.isRequired,
   // 需要考虑 定制的 addons 与内置的 连接钱包/选择语言 addons 共存的情况
   // - PropTypes.func: 可以把自定义 addons 插在 session-manager 或 locale-selector (如果存在的话) 前/中/后
   // - PropTypes.node: 将 addons 原样传给 UX Header 组件
-  addons: a.oneOfType([a.func, a.node]),
-  sessionManagerProps: R,
-  showDomainWarningDialog: a.bool
+  addons: r.oneOfType([r.func, r.node]),
+  sessionManagerProps: D,
+  showDomainWarningDialog: r.bool
 };
 export {
   z as default

package/lib/common/org-switch/avatar-uploader.d.ts

@@ -0,0 +1,30 @@
+import { default as PropTypes } from 'prop-types';
+declare function AvatarUploader({ org, size, teamDid: teamDidProp, prefix, locale, headers, onChange, onError, editable, }: {
+    org?: null | undefined;
+    size?: number | undefined;
+    teamDid?: string | undefined;
+    prefix?: string | undefined;
+    locale?: string | undefined;
+    headers?: ((...args: any[]) => void) | undefined;
+    onChange?: ((...args: any[]) => void) | undefined;
+    onError?: ((...args: any[]) => void) | undefined;
+    editable?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace AvatarUploader {
+    namespace propTypes {
+        let org: PropTypes.Requireable<PropTypes.InferProps<{
+            id: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+            avatar: PropTypes.Requireable<string>;
+        }>>;
+        let size: PropTypes.Requireable<number>;
+        let teamDid: PropTypes.Requireable<string>;
+        let prefix: PropTypes.Requireable<string>;
+        let headers: PropTypes.Requireable<(...args: any[]) => any>;
+        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        let onError: PropTypes.Requireable<(...args: any[]) => any>;
+        let editable: PropTypes.Requireable<boolean>;
+        let locale: PropTypes.Requireable<string>;
+    }
+}
+export default AvatarUploader;

package/lib/common/org-switch/avatar-uploader.js

@@ -0,0 +1,170 @@
+import { jsxs as E, jsx as n, Fragment as k } from "react/jsx-runtime";
+import { lazy as M, useRef as D, useState as I, useMemo as g, Suspense as T } from "react";
+import v from "lodash/noop";
+import e from "prop-types";
+import { Box as b, CircularProgress as X } from "@mui/material";
+import { styled as Z } from "@arcblock/ux/lib/Theme";
+import { joinURL as y } from "ufo";
+import { useMemoizedFn as l } from "ahooks";
+import $ from "@mui/icons-material/CameraAlt";
+import { translate as K } from "@arcblock/ux/lib/Locale/util";
+import q from "@arcblock/ux/lib/Img";
+import B from "./locales.js";
+const H = M(() => import("@blocklet/uploader").then((t) => ({ default: t.Uploader }))), P = "/blocklet", V = [".png", ".jpg", ".jpeg", ".webp", ".bmp", ".ico"], G = 5 * 1024 * 1024, A = 256, S = 3;
+function J(t, o, a) {
+  return y(t, P, o, "orgs", "avatar", a);
+}
+function Q(t, o) {
+  return y(t, P, o, "orgs", "avatar", "upload");
+}
+function Y({
+  org: t = null,
+  size: o = 80,
+  teamDid: a = "",
+  prefix: i = "/.well-known/service",
+  locale: U = "en",
+  headers: R = v,
+  onChange: O = v,
+  onError: x = v,
+  editable: p = !0
+}) {
+  const C = l((r, h = {}) => K(B, r, U, "en", h)), u = D(null), [d, c] = I(!1), [m, F] = I(""), s = g(() => a || (typeof window < "u" ? window.blocklet?.did : ""), [a]), f = g(() => s ? Q(i, s) : null, [i, s]), _ = p && !!f, z = l(() => {
+    _ && !d && u.current?.open();
+  }), L = l((r) => {
+    u.current?.close(), c(!1);
+    const { avatarPath: h } = r.data;
+    F(r.uploadURL), O(h);
+  }), N = l(() => {
+    c(!0);
+  }), W = l((r) => {
+    c(!1), console.error("Avatar upload failed:", r), x(r);
+  }), w = g(() => {
+    if (m)
+      return m;
+    const r = t?.avatar;
+    return r ? t?.id ? J(i, s, r) : r.startsWith("http://") || r.startsWith("https://") || r.startsWith("/") ? r : y(i, r) : null;
+  }, [m, t?.avatar, t?.id, i, s]), j = t?.name || "";
+  return /* @__PURE__ */ E(tt, { $size: o, $editable: p, $uploading: d, onClick: z, children: [
+    f && /* @__PURE__ */ n(T, { fallback: null, children: /* @__PURE__ */ n(
+      H,
+      {
+        ref: u,
+        locale: U,
+        popup: !0,
+        onUploadFinish: L,
+        onUploadStart: N,
+        onError: W,
+        plugins: ["ImageEditor"],
+        installerProps: { disabled: !0 },
+        apiPathProps: {
+          uploader: f,
+          disableMediaKitPrefix: !0,
+          disableMediaKitStatus: !0
+        },
+        coreProps: {
+          restrictions: {
+            allowedFileExts: V,
+            maxFileSize: G,
+            maxNumberOfFiles: 1
+          }
+        },
+        dashboardProps: {
+          autoOpen: "imageEditor"
+        },
+        imageEditorProps: {
+          actions: {
+            revert: !0,
+            rotate: !0,
+            granularRotate: !0,
+            flip: !0,
+            zoomIn: !0,
+            zoomOut: !0,
+            cropSquare: !1,
+            cropWidescreen: !1,
+            cropWidescreenVertical: !1
+          },
+          cropperOptions: {
+            autoCrop: !0,
+            autoCropArea: 1,
+            aspectRatio: 1,
+            initialAspectRatio: 1,
+            croppedCanvasOptions: {
+              minWidth: A,
+              minHeight: A
+            }
+          }
+        },
+        tusProps: {
+          headers: R
+        }
+      }
+    ) }),
+    /* @__PURE__ */ n(
+      q,
+      {
+        src: w || "",
+        alt: j,
+        width: o,
+        height: o,
+        ratio: 1,
+        size: "cover",
+        position: "center",
+        lazy: !1,
+        style: {
+          borderRadius: "50%",
+          overflow: "hidden"
+        }
+      },
+      w || "no-avatar"
+    ),
+    p && /* @__PURE__ */ n(b, { className: "upload-overlay", children: d ? /* @__PURE__ */ n(X, { size: o / S, sx: { color: "white" } }) : /* @__PURE__ */ E(k, { children: [
+      /* @__PURE__ */ n($, { sx: { fontSize: o / S, color: "white" } }),
+      /* @__PURE__ */ n(b, { component: "span", sx: { fontSize: 12, color: "white" }, children: C("upload") })
+    ] }) })
+  ] });
+}
+Y.propTypes = {
+  org: e.shape({
+    id: e.string,
+    name: e.string,
+    avatar: e.string
+  }),
+  size: e.number,
+  teamDid: e.string,
+  prefix: e.string,
+  headers: e.func,
+  onChange: e.func,
+  onError: e.func,
+  editable: e.bool,
+  locale: e.string
+};
+const tt = Z(b, {
+  shouldForwardProp: (t) => !["$size", "$editable", "$uploading"].includes(t)
+})(({ $size: t, $editable: o, $uploading: a }) => ({
+  position: "relative",
+  width: t,
+  height: t,
+  borderRadius: "50%",
+  overflow: "hidden",
+  cursor: o && !a ? "pointer" : "default",
+  ".upload-overlay": {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "rgba(0, 0, 0, 0.5)",
+    opacity: a ? 1 : 0,
+    transition: "opacity 0.2s ease-in-out"
+  },
+  "&:hover .upload-overlay": {
+    opacity: o ? 1 : 0
+  }
+}));
+export {
+  Y as default
+};

package/lib/common/org-switch/create.d.ts

@@ -1,14 +1,34 @@
 import { default as PropTypes } from 'prop-types';
-declare function CreateOrgDialog({ onSuccess, onCancel, locale }: {
+declare function OrgMutateDialog({ mode, org, onSuccess, onCancel, locale, teamDid: teamDidProp, prefix, headers, }: {
+    mode?: string | undefined;
+    org?: null | undefined;
     onSuccess?: ((...args: any[]) => void) | undefined;
     onCancel?: ((...args: any[]) => void) | undefined;
     locale?: string | undefined;
+    teamDid?: string | undefined;
+    prefix?: string | undefined;
+    headers?: ((...args: any[]) => void) | undefined;
 }): import("react/jsx-runtime").JSX.Element;
-declare namespace CreateOrgDialog {
-    namespace propTypes {
+declare namespace OrgMutateDialog {
+    export namespace propTypes {
+        let mode: PropTypes.Requireable<string>;
+        let org: PropTypes.Requireable<PropTypes.InferProps<{
+            id: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+            description: PropTypes.Requireable<string>;
+            avatar: PropTypes.Requireable<string>;
+        }>>;
         let onSuccess: PropTypes.Requireable<(...args: any[]) => any>;
         let onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         let locale: PropTypes.Requireable<string>;
+        let teamDid: PropTypes.Requireable<string>;
+        let prefix: PropTypes.Requireable<string>;
+        let headers: PropTypes.Requireable<(...args: any[]) => any>;
     }
+    export { MODE_CREATE };
+    export { MODE_EDIT };
 }
-export default CreateOrgDialog;
+export default OrgMutateDialog;
+export { OrgMutateDialog as CreateOrgDialog };
+declare const MODE_CREATE: "create";
+declare const MODE_EDIT: "edit";

package/lib/common/org-switch/create.js

@@ -1,120 +1,181 @@
-import { jsxs as m, jsx as r, Fragment as w } from "react/jsx-runtime";
-import { useState as f } from "react";
-import l from "prop-types";
-import { useMemoizedFn as B, useReactive as D } from "ahooks";
-import g from "lodash/noop";
-import E from "@arcblock/ux/lib/Dialog";
-import { Typography as h, TextField as y, DialogContentText as L, Alert as O, CircularProgress as S } from "@mui/material";
-import W from "@arcblock/ux/lib/Toast";
-import v from "@arcblock/ux/lib/Button";
-import { translate as j } from "@arcblock/ux/lib/Locale/util";
-import { formatAxiosError as k } from "../../UserCenter/libs/utils.js";
-import z from "./use-org.js";
-import A from "./locales.js";
-function M({ onSuccess: C = g, onCancel: s = g, locale: T = "en" }) {
-  const [i, c] = f(!1), [u, o] = f(""), { createOrg: b } = z(), t = B((e, a = {}) => j(A, e, T, "en", a)), n = D({
+import { jsxs as m, jsx as o, Fragment as P } from "react/jsx-runtime";
+import { useState as D, useEffect as q } from "react";
+import a from "prop-types";
+import { useMemoizedFn as d, useReactive as U } from "ahooks";
+import u from "lodash/noop";
+import G from "@arcblock/ux/lib/Dialog";
+import { DialogContentText as H, Box as J, Typography as p, TextField as w, Alert as K, CircularProgress as N } from "@mui/material";
+import Q from "@arcblock/ux/lib/Toast";
+import O from "@arcblock/ux/lib/Button";
+import { translate as V } from "@arcblock/ux/lib/Locale/util";
+import { formatAxiosError as X } from "../../UserCenter/libs/utils.js";
+import Y from "./use-org.js";
+import Z from "./locales.js";
+import $ from "./avatar-uploader.js";
+const f = "create", g = "edit";
+function v({
+  mode: _ = f,
+  org: i = null,
+  onSuccess: b = u,
+  onCancel: h = u,
+  locale: M = "en",
+  teamDid: A = "",
+  prefix: F = "/.well-known/service",
+  headers: B = u
+}) {
+  const s = _ === g, [c, y] = D(!1), [E, n] = D(""), { createOrg: k, updateOrg: z } = Y(), I = A || (typeof window < "u" ? window.blocklet?.did : ""), e = d((r, l = {}) => V(Z, r, M, "en", l)), t = U({
     name: "",
-    description: ""
-  }), x = async () => {
-    const e = n.name.trim();
-    if (!e) {
-      o(t("nameEmpty"));
+    description: "",
+    avatar: ""
+  });
+  q(() => {
+    s && i && (t.name = i.name || "", t.description = i.description || "", t.avatar = i.avatar || "");
+  }, [s, i]);
+  const L = d((r) => {
+    n(""), t.avatar = r;
+  }), R = d(() => {
+    const r = t.name.trim();
+    return r ? r.length > 25 ? (n(e("nameTooLong", { length: 25 })), !1) : t.description.trim().length > 255 ? (n(e("descriptionTooLong", { length: 255 })), !1) : t.avatar ? !0 : (n(e("avatarEmpty")), !1) : (n(e("nameEmpty")), !1);
+  }), S = async () => {
+    if (!R())
       return;
-    }
-    if (e.length > 25) {
-      o(t("nameTooLong", { length: 25 }));
-      return;
-    }
-    const a = n.description.trim();
-    if (a.length > 255) {
-      o(t("descriptionTooLong", { length: 25 }));
-      return;
-    }
-    o(""), c(!0);
+    n(""), y(!0);
+    const r = t.name.trim(), l = t.description.trim(), T = t.avatar;
     try {
-      await b({ name: e, description: a }), C();
-    } catch (d) {
-      console.error(d);
-      const p = k(d);
-      o(p), W.error(p);
+      s && i?.id ? await z(i.id, {
+        name: r,
+        description: l,
+        avatar: T
+      }) : await k({
+        name: r,
+        description: l,
+        avatar: T
+      }), b();
+    } catch (x) {
+      console.error(x);
+      const C = X(x);
+      n(C), Q.error(C);
     } finally {
-      c(!1);
+      y(!1);
     }
-  }, F = /* @__PURE__ */ m("div", { children: [
-    /* @__PURE__ */ r(h, { component: "div", style: { marginTop: 16 }, children: /* @__PURE__ */ r(
-      y,
-      {
-        label: t("mutate.name"),
-        autoComplete: "off",
-        variant: "outlined",
-        name: "name",
-        "data-cy": "mutate-org-input-name",
-        fullWidth: !0,
-        autoFocus: !0,
-        value: n.name,
-        onChange: (e) => {
-          o(""), n.name = e.target.value;
-        },
-        disabled: i
-      }
-    ) }),
-    /* @__PURE__ */ r(h, { component: "div", style: { marginTop: 16, marginBottom: 16 }, children: /* @__PURE__ */ r(
-      y,
-      {
-        label: t("mutate.description"),
-        autoComplete: "off",
-        variant: "outlined",
-        name: "description",
-        "data-cy": "mutate-org-input-description",
-        fullWidth: !0,
-        value: n.description,
-        onChange: (e) => {
-          o(""), n.description = e.target.value;
-        },
-        disabled: i,
-        multiline: !0,
-        rows: 3
-      }
-    ) })
-  ] });
+  }, W = s ? e("mutate.title", { mode: e("edit") }) : e("mutate.title", { mode: e("create") }), j = e(s ? "save" : "create");
   return /* @__PURE__ */ m(
-    E,
+    G,
     {
-      title: t("mutate.title", { mode: t("create") }),
+      title: W,
       fullWidth: !0,
       open: !0,
-      onClose: s,
+      onClose: h,
       showCloseButton: !1,
-      actions: /* @__PURE__ */ m(w, { children: [
-        /* @__PURE__ */ r(v, { onClick: s, color: "inherit", children: t("cancel") }),
+      actions: /* @__PURE__ */ m(P, { children: [
+        /* @__PURE__ */ o(O, { onClick: h, color: "inherit", children: e("cancel") }),
         /* @__PURE__ */ m(
-          v,
+          O,
           {
             "data-cy": "mutate-org-confirm",
-            onClick: x,
+            onClick: S,
             color: "primary",
-            disabled: i,
+            disabled: c,
             variant: "contained",
             autoFocus: !0,
             children: [
-              i && /* @__PURE__ */ r(S, { size: 16 }),
-              t("create")
+              c && /* @__PURE__ */ o(N, { size: 16, sx: { mr: 1 } }),
+              j
             ]
           }
         )
       ] }),
       children: [
-        /* @__PURE__ */ r(L, { component: "div", children: F }),
-        !!u && /* @__PURE__ */ r(O, { severity: "error", style: { width: "100%", margin: 0 }, children: u })
+        /* @__PURE__ */ m(H, { component: "div", children: [
+          /* @__PURE__ */ m(
+            J,
+            {
+              sx: {
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+                py: 2
+              },
+              children: [
+                /* @__PURE__ */ o(
+                  $,
+                  {
+                    org: s ? i : { name: t.name },
+                    size: 90,
+                    teamDid: I,
+                    prefix: F,
+                    headers: B,
+                    onChange: L,
+                    value: t.avatar,
+                    editable: !0
+                  }
+                ),
+                /* @__PURE__ */ o(p, { variant: "caption", color: "text.secondary", sx: { mt: 1 }, children: e("avatar") })
+              ]
+            }
+          ),
+          /* @__PURE__ */ o(p, { component: "div", style: { marginTop: 16 }, children: /* @__PURE__ */ o(
+            w,
+            {
+              label: e("mutate.name"),
+              autoComplete: "off",
+              variant: "outlined",
+              name: "name",
+              "data-cy": "mutate-org-input-name",
+              fullWidth: !0,
+              autoFocus: !0,
+              value: t.name,
+              onChange: (r) => {
+                n(""), t.name = r.target.value;
+              },
+              disabled: c,
+              required: !0
+            }
+          ) }),
+          /* @__PURE__ */ o(p, { component: "div", style: { marginTop: 16, marginBottom: 16 }, children: /* @__PURE__ */ o(
+            w,
+            {
+              label: e("mutate.description"),
+              autoComplete: "off",
+              variant: "outlined",
+              name: "description",
+              "data-cy": "mutate-org-input-description",
+              fullWidth: !0,
+              value: t.description,
+              onChange: (r) => {
+                n(""), t.description = r.target.value;
+              },
+              disabled: c,
+              multiline: !0,
+              rows: 3
+            }
+          ) })
+        ] }),
+        !!E && /* @__PURE__ */ o(K, { severity: "error", style: { width: "100%", margin: 0 }, children: E })
       ]
     }
   );
 }
-M.propTypes = {
-  onSuccess: l.func,
-  onCancel: l.func,
-  locale: l.string
+v.propTypes = {
+  /** 操作模式：'create' 创建 | 'edit' 编辑 */
+  mode: a.oneOf([f, g]),
+  /** 编辑模式下的组织数据 */
+  org: a.shape({
+    id: a.string,
+    name: a.string,
+    description: a.string,
+    avatar: a.string
+  }),
+  onSuccess: a.func,
+  onCancel: a.func,
+  locale: a.string,
+  teamDid: a.string,
+  prefix: a.string,
+  headers: a.func
 };
+v.MODE_CREATE = f;
+v.MODE_EDIT = g;
 export {
-  M as default
+  v as CreateOrgDialog,
+  v as default
 };