@abtnode/blocklet-services 1.16.34-beta-20241129-100152-679bd732 → 1.16.34-beta-20241204-140321-4d75ca21

package/dist/assets/index-PD8enw5a.js

@@ -0,0 +1,4 @@
+import{r as h,a2 as g,a_ as y,j as t,C as P,n as v,B as c,a3 as d,P as m,a0 as w}from"./index-BxKrUgd9.js";import{P as T}from"./page-header-B5a7RE0E.js";import{u as B}from"./config-space-BPpdFWKx.js";import{C as E,D,a as N}from"./connect-to-ZJr8_Nq9.js";import{S as u}from"./step-actions-D_1mpc4C.js";import{S as b}from"./layout-Btp-_hcD.js";import"./index-CG1XIXZC.js";import"./api-lbSHYKYc.js";import"./index-BDxuBkP1.js";import"./OpenInNew-C5XvRsRC.js";import"./Link-Dgz_hg-A.js";import"./Stack-690-8aHU.js";import"./Skeleton-BQ4gLbdR.js";import"./HelpOutline-D-mVzldg.js";import"./index-B2fUK0Jg.js";import"./ExpandMore-XeiYcXA0.js";import"./ButtonGroup-9mTO_MUt.js";import"./DialogContentText-BSTFqlB8.js";import"./TextField-CFRK87D0.js";import"./FormControl-D9UzJGr3.js";import"./useFormControl-De83T2k8.js";import"./Select-BM5xijW7.js";import"./DeleteOutline-CFkN2u6G.js";import"./format-error-jTY-wvGv.js";import"./content-layout-DSpN7kL2.js";function l({onNext:a,onPrevious:x}){var n,r,p;const{t:i}=h.useContext(g),{blocklet:e}=y(),{spaceGateway:C,settingStorageEndpoint:j,updateSpaceGateway:f,hasStorageEndpoint:S,loading:o,storageEndpoint:s}=B();return o?t.jsx(P,{relative:"parent",children:t.jsx(v,{})}):t.jsxs(G,{children:[t.jsx("div",{className:"header",children:t.jsx(T,{title:i("setup.didSpace.title"),subTitle:i("setup.didSpace.subTitle"),onClickBack:x})}),t.jsx(c,{sx:{width:"100%",maxWidth:"720px"},children:S?t.jsx(E,{spaceGateway:C,settingStorageEndpoint:j}):t.jsx(D,{})}),((n=e==null?void 0:e.capabilities)==null?void 0:n.didSpace)&&t.jsx(c,{display:"flex",alignItems:"center",justifyContent:"center",paddingTop:"24px",children:t.jsx(N,{onConnect:f,storageEndpoint:s})}),((r=e==null?void 0:e.capabilities)==null?void 0:r.didSpace)==="required"&&t.jsx(u,{mt:8,children:t.jsx(d,{loading:o,variant:"contained",disabled:o||!s,onClick:()=>a(),children:i("setup.continue")})}),((p=e==null?void 0:e.capabilities)==null?void 0:p.didSpace)==="optional"&&t.jsx(u,{blocklet:e,onStartNow:()=>a("complete"),children:t.jsx(d,{className:"start-now",loading:o,variant:"contained",disabled:o,onClick:()=>a(),children:i(s?"setup.continue":"setup.skip")})})]})}l.propTypes={onNext:m.func,onPrevious:m.func};l.defaultProps={onNext:()=>{},onPrevious:()=>{}};const G=w(b)`
+  height: 100%;
+  overflow-y: auto;
+`;export{l as default};

package/dist/assets/{index-CAz4oQnr.js → index-UEoZJA9L.js}

@@ -1 +1 @@
-import{r as a,a2 as e,j as t,R as n,a0 as o}from"./index-jHlcxkEo.js";function p(){const{t:s}=a.useContext(e);return t.jsx(r,{style:{paddingTop:"25vh"},children:t.jsx(n,{status:"404",description:s("noMatch.desc"),style:{backgroundColor:"transparent"}})})}const r=o.main``;export{p as default};
+import{r as a,a2 as e,j as t,R as n,a0 as o}from"./index-BxKrUgd9.js";function p(){const{t:s}=a.useContext(e);return t.jsx(r,{style:{paddingTop:"25vh"},children:t.jsx(n,{status:"404",description:s("noMatch.desc"),style:{backgroundColor:"transparent"}})})}const r=o.main``;export{p as default};

package/dist/assets/index-W2CQmt_X.js

@@ -0,0 +1,544 @@
+import{r as A,j as t,P as i,b9 as Z,a0 as g,a1 as z,ae as U,cG as Y,n as S,cH as G,cD as W,cI as V,cJ as q,cK as _,T as ee,C as te}from"./index-BxKrUgd9.js";import{j as ie}from"./url-join-aL0dlRwK.js";import{S as j}from"./Skeleton-BQ4gLbdR.js";import{H as ne}from"./Hidden-B_FCIv2F.js";const H=A.createContext(),{Provider:oe}=H,N=(e,o,a=window.location.pathname.replace(/\/$/,"/"))=>e?o?e===a:new RegExp(e).test(a):!1;function D({children:e,steps:o,mode:a}){const[h,m]=A.useState("");!h&&o.length&&m(o[0].key);const p=o.map(n=>n.children?[{key:n.key,hasChild:!0},n.children.map(c=>({parentKey:n.key,key:c.key}))]:{key:n.key}).flat(1/0),d=p.filter(n=>!n.hasChild),y=n=>{let c;const s=p.findIndex(l=>l.key===h?(c=l.parentKey,!0):!1);if(c===n)return"current";const f=p.findIndex(l=>l.key===n);if(f!==-1){if(f===s)return"current";if(f<s)return"before"}return"after"};function b(n){m(n)}function r(n){if(typeof n=="function"){const c=n(d.findIndex(s=>s.key===h));m(d[c].key)}else m(d[n].key)}const u=d.findIndex(n=>n.key===h);A.useEffect(()=>{if(a==="history"){let n="";o.some(c=>c.children&&c.children.length?c.children.some(s=>N(s.path,s.exact)?(n=s.key,!0):!1):N(c.path,c.exact)?(n=c.key,!0):!1),n&&m(n)}return()=>{}},[o,a]);const k={steps:o,totalStepsCount:d.length,getStepStatus:y,setActiveStepByKey:b,setActiveStepByIndex:r,activeStep:u,canBackToStep:n=>a==="memory"&&u!==0&&n<u};return t.jsx(oe,{value:k,children:e})}function P(){return A.useContext(H)}D.propTypes={children:i.any.isRequired,steps:i.array.isRequired,mode:i.string};D.defaultProps={mode:"history"};var se=Object.prototype.hasOwnProperty,ae=Object.prototype.toString;function re(e){if(e==null)return!0;if(typeof e=="boolean")return!1;if(typeof e=="number")return e===0;if(typeof e=="string"||typeof e=="function"||Array.isArray(e))return e.length===0;if(e instanceof Error)return e.message==="";if(e.toString==ae)switch(e.toString()){case"[object File]":case"[object Map]":case"[object Set]":return e.size===0;case"[object Object]":{for(var o in e)if(se.call(e,o))return!1;return!0}}return!1}var le=re;const ce=Z(le),pe="data:image/png;base64,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",C={en:{optional:"Optional",defaultNavSubTitle:"Launching"},zh:{optional:"可选",defaultNavSubTitle:"启动"}},de=e=>C[e]?C[e]:C.en,he=e=>e==="zh"?"启动":"Launching",J=e=>(e==null?void 0:e.title)||(e==null?void 0:e.name)||"";function v({blockletMeta:e,subTitle:o,logoUrl:a,locale:h,navLogo:m,loading:p}){const d=z(k=>k.breakpoints.down("md")),y=d?18:48,b=A.useRef(null),[r,u]=A.useState("");return A.useEffect(()=>{b.current&&b.current.offsetHeight>34&&(r===""?u("middle"):r==="middle"&&u("small"))},[r]),t.jsxs(xe,{className:r==="small"?"center-mode":"",children:[d?t.jsx("div",{className:"app-icon",children:m}):t.jsxs("div",{className:"app-icon",children:[p&&t.jsx(me,{blockletSize:y,isMobile:d}),!p&&t.jsx(X,{blockletSize:y,logoUrl:a})]}),t.jsxs("div",{className:"header-title",children:[d&&o&&t.jsx("div",{className:"header-title-sub",children:o}),t.jsxs("div",{className:"app-name-content",children:[!d&&t.jsx("div",{className:"launching-context",children:o||he(h)}),t.jsx("div",{className:`header-title-name ${r==="middle"||r==="small"?"middle-size":""}`,ref:b,children:t.jsx(M,{logoUrl:a,isMobile:d,blockletMeta:e,blockletSize:y,loading:p})})]})]})]})}v.propTypes={blockletMeta:i.object,subTitle:i.any,logoUrl:i.string,locale:i.string,navLogo:i.any,loading:i.bool};v.defaultProps={subTitle:"",logoUrl:"",locale:"",navLogo:"",loading:!1,blockletMeta:{}};function me({blockletSize:e,isMobile:o}){return o?t.jsx(j,{variant:"rectangular",width:100,height:16,alt:"icon",style:{marginTop:4}}):t.jsx(j,{variant:"rectangular",width:e,height:e})}function X({logoUrl:e,blockletSize:o}){return t.jsx(U,{width:o,height:o,src:e,alt:"blocklet icon",fallback:pe,style:{verticalAlign:"text-bottom"}},`layout-app-icon-${e}`)}function M({isMobile:e,logoUrl:o,blockletMeta:a,blockletSize:h,loading:m}){const p=J(a);return m?t.jsx(j,{variant:"rectangular",width:100,height:16,alt:"icon",style:{marginTop:4}}):ce(a)?t.jsx(j,{variant:"rectangular",animation:!1,width:100,height:16,alt:"icon",style:{marginTop:4}}):e?t.jsxs(ue,{children:[t.jsx(X,{blockletSize:h,logoUrl:o}),t.jsx("span",{className:"ellipsis-title",children:J(a)})]}):t.jsx(fe,{target:"_blank",href:ie((a==null?void 0:a.registryUrl)||"",`/blocklets/${a==null?void 0:a.did}`),title:p,children:p})}const ue=g.div`
+  .ellipsis-title {
+    flex: 1;
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    ${e=>e.theme.breakpoints.down("md")} {
+      left: 26px;
+      width: calc(100% - 26px);
+    }
+  }
+`;M.propTypes={blockletMeta:i.object};M.defaultProps={blockletMeta:{}};const fe=g.a`
+  color: ${e=>e.theme.palette.common.black};
+  text-decoration: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  font-family:
+    Lato,
+    Avenir,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    'Helvetica Neue',
+    Arial,
+    sans-serif,
+    'Apple Color Emoji',
+    'Segoe UI Emoji',
+    'Segoe UI Symbol';
+  text-decoration: none;
+  font-weight: 700;
+  -webkit-font-smoothing: antialiased;
+
+  ${e=>e.theme.breakpoints.down("md")} {
+    display: block;
+    max-width: calc(100vw - 150px);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`,xe=g.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  width: 100%;
+  ${e=>e.theme.breakpoints.up("md")} {
+    min-height: 70px;
+  }
+  ${e=>e.theme.breakpoints.down("md")} {
+    align-items: center;
+  }
+  .app-name-content {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    ${e=>e.theme.breakpoints.up("md")} {
+      align-items: flex-start;
+      flex-direction: column;
+    }
+    ${e=>e.theme.breakpoints.down("md")} {
+      justify-content: flex-start;
+      height: 22px;
+    }
+  }
+  .launching-context {
+    flex-shrink: 0;
+    font-size: 14px;
+    font-weight: 600;
+    color: ${e=>e.theme.palette.grey[500]};
+    ${e=>e.theme.breakpoints.up("md")} {
+      margin-bottom: 4px;
+    }
+    ${e=>e.theme.breakpoints.down("md")} {
+      font-size: 14px;
+      line-height: 15px;
+      &:after {
+        display: inline-block;
+        margin: 0 4px;
+        content: ':';
+      }
+    }
+  }
+
+  &.center-mode {
+    align-items: flex-start;
+    .launching-context {
+      ${e=>e.theme.breakpoints.up("sm")} {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  .app-icon {
+    flex-shrink: 0;
+    > * {
+      display: block;
+      vertical-align: middle;
+    }
+  }
+
+  .header-title {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: flex-start;
+    margin-left: 24px;
+    ${e=>e.theme.breakpoints.down("md")} {
+      margin-left: 16px;
+    }
+    .header-title-name {
+      position: relative;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      flex: 1;
+      height: 100%;
+      color: ${e=>e.theme.palette.common.black};
+      font-weight: 700;
+      ${e=>e.theme.breakpoints.up("sm")} {
+        font-size: 18px;
+
+        &.middle-size {
+          font-size: 16px;
+        }
+      }
+      ${e=>e.theme.breakpoints.down("md")} {
+        display: block;
+        max-width: calc(100vw - 100px);
+        font-size: 16px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+
+    .header-title-sub {
+      color: ${e=>e.theme.palette.grey[700]};
+      font-size: 12px;
+      line-height: 16px;
+
+      ${e=>e.theme.breakpoints.down("md")} {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+`;function Q({blockletMeta:e,logoUrl:o,locale:a,useOfSkeleton:h,subTitle:m,loading:p}){const{steps:d,activeStep:y,setActiveStepByKey:b,setActiveStepByIndex:r,getStepStatus:u,canBackToStep:k}=P(),n=h?p:!1,c=(s,f)=>{const l=["step-block"],x=u(s.key);switch(x){case"current":l.push("step-active");break;case"before":l.push("step-checked");break}switch(s.showChild){case"activated":x==="after"&&l.push("hide-step-child");break;case"activating":(x==="after"||x==="before")&&l.push("hide-step-child");break;case"always":l.push("always-step-child");break}return s.optional===!0&&y<f&&l.push("step-optional"),l.join(" ")};return t.jsxs(ge,{children:[t.jsx(v,{blockletMeta:e,loading:p,logoUrl:o,locale:a,subTitle:m}),t.jsx(ye,{className:`${n?"hide-child-step-desc":""}`,children:d.map((s,f)=>{const l=!n&&k(f);return t.jsxs("div",{className:c(s,f),children:[t.jsx("div",{className:"step-icon",children:t.jsx(Y,{style:{fontSize:16}})}),t.jsx("div",{className:"step-line"}),t.jsxs("div",{className:"step-content",title:s.name,children:[t.jsx("span",{className:`step-content-name ${l?" step-clickable":""}`,onClick:()=>{if(l){if(s.key){b(s.key);return}r(f)}},children:n?t.jsx(j,{variant:"text",width:100}):s.name}),s.description&&t.jsx("div",{className:"step-desc",children:s.description}),s.children&&s.children.length&&t.jsx("div",{className:"step-children",children:s.children.map(x=>{let w="";switch(u(x.key)){case"before":w="step-child-block-checked";break;case"current":w="step-child-block-active";break}return t.jsx("div",{className:`step-child-block ${w}`,children:x.name},x.key)})})]})]},s.key)})})]})}const ge=g.div`
+  overflow-y: auto;
+  ${e=>e.theme.breakpoints.up("md")} {
+    padding: 24px;
+    border-right: 1px solid ${e=>e.theme.palette.grey[100]};
+    flex: 0 0 280px;
+    min-height: 48px;
+
+    .MuiStepConnector-vertical {
+      padding: 0;
+    }
+  }
+
+  ${e=>e.theme.breakpoints.down("md")} {
+    padding: 16px;
+
+    .MuiStepConnector-lineVertical {
+      border: none;
+    }
+  }
+
+  .stepper {
+    padding: 0 !important;
+    background: transparent;
+
+    ${e=>e.theme.breakpoints.up("sm")} {
+      margin-top: 100px;
+    }
+
+    ${e=>e.theme.breakpoints.down("md")} {
+      margin-top: 40px;
+    }
+
+    .step {
+      cursor: pointer;
+    }
+  }
+
+  .always-step-child {
+    .step-child-block {
+      animation: none !important;
+    }
+  }
+`,ye=g.div`
+  display: flex;
+  flex-direction: column;
+  margin-top: 60px;
+
+  @media (max-height: 900px) {
+    margin-top: 32px;
+  }
+
+  ${e=>e.theme.breakpoints.down("md")} {
+    margin-top: 30px;
+  }
+  .step-clickable {
+    cursor: pointer;
+    &:hover {
+      color: ${e=>e.theme.palette.primary.main};
+    }
+  }
+  .step-line {
+    display: block;
+    position: absolute;
+    z-index: 1;
+    left: 11px;
+    top: 12px;
+    width: 2px;
+    height: 100%;
+    opacity: 0.5;
+    background-color: ${e=>e.theme.palette.grey[400]};
+    transition: all ease 0.2s;
+  }
+  .step-icon {
+    position: relative;
+    z-index: 2;
+    display: flex;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    width: 24px;
+    height: 24px;
+    border-radius: 13px;
+    background-color: ${e=>e.theme.palette.grey[400]};
+    color: ${e=>e.theme.palette.common.white};
+    transition: all ease 0.3s;
+    &:before {
+      position: absolute;
+      left: 4px;
+      top: 4px;
+      z-index: 3;
+      display: block;
+      background-color: ${e=>e.theme.palette.common.white};
+      width: 16px;
+      height: 16px;
+      border-radius: 10px;
+      content: '';
+      transform: scale(0);
+      transition: all ease 0.3s;
+    }
+    & > * {
+      transform: scale(0);
+      transition: all ease 0.2s;
+    }
+  }
+  .step-content {
+    position: relative;
+    flex: 1;
+    padding-top: 1px;
+    margin-left: 22px;
+    font-size: 16px;
+    color: ${e=>e.theme.palette.grey[700]};
+    white-space: nowrap;
+  }
+  .step-desc {
+    margin-top: 24px;
+    font-size: 12px;
+    font-weight: 500;
+    height: 17px;
+    color: ${e=>e.theme.palette.grey[700]};
+    transition: all ease 0.3s;
+    overflow: hidden;
+  }
+  ${e=>e.theme.breakpoints.up("md")} {
+    .step-content-name {
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+  &.hide-child-step-desc {
+    .step-desc {
+      margin: 0;
+      opacity: 0;
+      height: 0;
+    }
+  }
+  .step-block {
+    position: relative;
+    display: flex;
+    min-height: 70px;
+    opacity: 0.5;
+    overflow: hidden;
+    transition: all ease 0.2s;
+    &:last-child {
+      height: auto;
+      min-height: auto;
+    }
+    &.step-optional {
+      height: 0;
+      opacity: 0;
+      min-height: 0px;
+    }
+
+    &.step-checked,
+    &.step-active {
+      .step-desc {
+        margin: 0;
+        opacity: 0;
+        height: 0;
+      }
+    }
+
+    &.step-checked {
+      opacity: 1;
+      .step-icon {
+        color: ${e=>e.theme.palette.common.white};
+        background-color: ${e=>e.theme.palette.primary.main};
+        & > * {
+          transform: scale(1);
+        }
+      }
+
+      .step-line {
+        background-color: ${e=>e.theme.palette.primary.main};
+        opacity: 1;
+      }
+    }
+
+    &.step-active {
+      opacity: 1;
+      .step-icon {
+        background-color: ${e=>e.theme.palette.primary.main};
+      }
+      .step-icon:before {
+        transform: scale(1);
+      }
+      .step-content {
+        color: ${e=>e.theme.palette.primary.main};
+      }
+    }
+
+    &:last-child {
+      .step-line {
+        display: none;
+      }
+
+      .step-child-block {
+        &:last-child {
+          padding-bottom: 0;
+        }
+      }
+    }
+
+    &.hide-step-child {
+      .step-children {
+        .step-child-block {
+          margin-top: 0;
+          height: 0;
+          opacity: 0;
+          &:last-child {
+            padding-bottom: 0;
+          }
+        }
+      }
+    }
+  }
+  .step-children {
+    padding-top: 20px;
+    .step-child-block {
+      margin-top: 4px;
+      height: 24px;
+      line-height: 24px;
+      font-size: 14px;
+      color: #9397a1;
+      transition: all ease 0.3s;
+      &:first-of-type {
+        margin-top: 8px;
+      }
+      &:last-child {
+        padding-bottom: 40px;
+      }
+      &.step-child-block-active {
+        color: ${e=>e.theme.palette.common.black};
+        font-weight: 700;
+      }
+      &.step-child-block-checked {
+        color: ${e=>e.theme.palette.common.black};
+      }
+    }
+  }
+
+  .step-active {
+    .step-child-block {
+      animation: stepChildAnime ease 0.3s;
+    }
+  }
+
+  @keyframes stepChildAnime {
+    0% {
+      height: 0;
+    }
+    100% {
+      height: 24px;
+    }
+  }
+`;Q.propTypes={blockletMeta:i.object.isRequired,logoUrl:i.string,locale:i.string,useOfSkeleton:i.bool,subTitle:i.string,loading:i.bool};Q.defaultProps={logoUrl:"",locale:"",useOfSkeleton:!1,subTitle:"",loading:!1};function T({value:e,size:o,style:a,...h}){return t.jsxs(Ae,{style:{width:o,height:o,...a},...h,children:[t.jsx(S,{variant:"determinate",role:"progressbar",value:100,size:o,"aria-label":"decorative progress bar",thickness:10,style:{color:"#dddddd"}}),t.jsx(S,{variant:"determinate",value:e,role:"progressbar",size:o,thickness:10,"aria-label":"main progress bar"})]})}T.propTypes={value:i.number.isRequired,size:i.number,style:i.object};T.defaultProps={size:10,style:{}};const Ae=g.span`
+  display: inline-block;
+  position: relative;
+  > * {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+  }
+`,B="72px",be=g.div`
+  box-sizing: border-box;
+  display: flex;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  padding-top: ${B};
+`,ke=g.div`
+  display: flex;
+  min-width: 900px;
+  max-width: ${e=>e.contentMaxWidth};
+  max-height: 880px;
+  border-radius: 8px;
+  background-color: #fff;
+  width: ${e=>e.width||"80%"};
+  height: ${e=>e.height||"80%"};
+
+  @media (max-height: 1200px) {
+    margin-top: ${B};
+    height: 100%;
+    max-height: 100%;
+  }
+`,we=G({typography:{fontSize:14},palette:{primary:{main:"#1dc1c7",contrastText:"#fff"},secondary:{main:"#1976d2",contrastText:"#fff"}}});function K({blockletMeta:e,loading:o,children:a,logoUrl:h,locale:m,header:p,headerEndAddons:d,pcWidth:y,pcHeight:b,navLogo:r,useOfSkeleton:u,stepTip:k,navSubTitle:n,contentMaxWidth:c,theme:s,...f}){const l=z($=>$.breakpoints.down("md")),{activeStep:x,totalStepsCount:w}=P(),E=e||{},F=l?be:ke,O=de(m);r&&!A.isValidElement(r)&&W(r)&&(l?r=r.mobile:r=t.jsx(Ee,{children:r.desktop}));const L=Object.assign(we,s||{});return t.jsx(V,{injectFirst:!0,children:t.jsx(q,{theme:L,children:t.jsx(_,{theme:L,children:t.jsxs(ve,{...f,children:[t.jsxs(je,{maxWidth:c,width:y,className:"ll-header",children:[p&&p,!p&&t.jsxs(t.Fragment,{children:[l&&t.jsx("div",{className:"left",children:t.jsx(v,{blockletMeta:E,navLogo:r,subTitle:t.jsxs("span",{children:[`${n||O.defaultNavSubTitle} ${x+1}/${w}`,t.jsx(T,{value:(x+1)/w*100,style:{marginLeft:3}})]}),logoUrl:h,locale:m,loading:o})}),r&&!l&&t.jsx("div",{className:"left",children:r}),d&&t.jsx("div",{className:"right",children:d})]})]}),t.jsxs(F,{contentMaxWidth:c,className:"ll-container",children:[t.jsx(ne,{mdDown:!0,children:t.jsx(Q,{locale:m,blockletMeta:E,logoUrl:h,useOfSkeleton:u,subTitle:n,loading:o})}),t.jsx(ee,{component:"div",className:"layout-content",children:t.jsx(A.Suspense,{fallback:t.jsx(te,{relative:"parent",children:t.jsx(S,{style:{marginTop:36}})}),children:a})})]})]})})})})}K.propTypes={loading:i.bool,blockletMeta:i.object,children:i.object.isRequired,logoUrl:i.string,locale:i.oneOf(["en","zh"]),header:i.any,headerEndAddons:i.any,pcWidth:i.any,pcHeight:i.any,contentMaxWidth:i.string,navLogo:i.oneOfType([i.node,i.object]),useOfSkeleton:i.bool,stepTip:i.string,navSubTitle:i.string,theme:i.object};K.defaultProps={loading:!1,blockletMeta:{},logoUrl:"",locale:"en",header:null,headerEndAddons:null,pcWidth:"80%",pcHeight:"80%",contentMaxWidth:"1245px",navLogo:"",useOfSkeleton:!0,stepTip:"",navSubTitle:"",theme:null};const I=navigator.userAgent.toLocaleLowerCase();let R="";I.includes("iphone os")&&I.includes("crios")&&(R="height: calc(100vh - 60px);");const je=g.header`
+  width: ${e=>e.width||"80%"};
+  min-width: 900px;
+  box-sizing: border-box;
+  position: absolute;
+  z-index: 200;
+  top: 0;
+  display: flex;
+  max-width: ${e=>e.maxWidth};
+  height: 68px;
+  align-items: center;
+
+  ${e=>e.theme.breakpoints.up("sm")} and (min-height: 900px) {
+    justify-content: flex-end;
+  }
+
+  ${e=>e.theme.breakpoints.down("md")} {
+    min-width: 360px;
+    width: 100%;
+    height: ${B};
+    justify-content: space-between;
+    background: #f6f8fa;
+  }
+
+  .left {
+    flex: 1;
+    display: flex;
+    align-items: center;
+  }
+
+  .right {
+    display: flex;
+    align-items: center;
+    ${e=>e.theme.breakpoints.down("md")} {
+      button,
+      a {
+        padding-left: 8px;
+        padding-right: 8px;
+      }
+    }
+  }
+`,ve=g.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  letter-spacing: normal;
+  ${R}
+
+  header:empty {
+    display: none;
+  }
+
+  header:empty + div {
+    margin-top: 0;
+    padding-top: 0;
+  }
+
+  .circular {
+    display: inline-block;
+    position: relative;
+    width: 15px;
+    height: 12px;
+    > * {
+      position: absolute;
+      left: 3px;
+      top: 2px;
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .layout-content {
+    width: 100%;
+    min-width: 0;
+    flex-grow: 1;
+    height: 100%;
+    padding: 32px;
+
+    ${e=>e.theme.breakpoints.down("md")} {
+      padding: 16px;
+    }
+  }
+
+  ${e=>e.theme.breakpoints.up("sm")} {
+    background: #f6f8fa;
+  }
+
+  ${e=>e.theme.breakpoints.down("md")} {
+    background: ${e=>e.theme.palette.common.white};
+  }
+`,Ee=g.div`
+  display: block;
+  margin-top: 4px;
+`;export{K as L,D as S,P as u};