Releases/theme next #105

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open

lawpachi wants to merge 459 commits into main from releases/theme-next

.dumi/global.d.ts

-Original file line number
+Diff line change
@@ -0,0 +1,24 @@
+    declare module '*.svg' {
+      import * as React from 'react';
+      export const ReactComponent: React.FunctionComponent<
+        React.SVGProps<SVGSVGElement> & { title?: string }
+      >;
+      const content: string;
+      export default content;
+    }
+    declare module '*.png' {
+      const content: string;
+      export default content;
+    }
+    declare module '*.css' {
+      const content: Record<string, string>;
+      export default content;
+    }
+    declare module '*.less' {
+      const content: Record<string, string>;
+      export default content;
+    }

.dumi/pages/index/index.tsx

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,7 +1,7 @@
  
    /* eslint-disable react/display-name */

    import React from 'react';

    import * as React from 'react';

    import { Button } from '@bifrostui/react';

    import { usePrefersColor, useNavigate, useIntl, useLocale } from 'dumi';

    import { usePrefersColor, useNavigate, useIntl } from 'dumi';

    import { ToTopOutlinedIcon } from '@bifrostui/icons';

    import Tpp from './user-icon/tpp';

    import Dm from './user-icon/dm';

    @@ -13,6 +13,7 @@ export default () => {
  
      const { locale } = useIntl();

      const current = locale === 'zh-CN' ? 'zhCN' : 'enUS';

      const navigate = useNavigate();

      return (

        <div className="main-container home-page">

          <div className="main-head">

    @@ -80,15 +81,15 @@ export default () => {
  
          <div className="main-resource">

            <div className="resource-item">

              <div className="resource-title">

                {locales[current].subTitle[0].title}

                {locales[current].subtitle[0].title}

              </div>

              <div className="resource-content">

                <div>

                  <div className="content-title">

                    {locales[current].subTitle[0].title}

                    {locales[current].subtitle[0].title}

                  </div>

                  <div className="content-desc">

                    {locales[current].subTitle[0].desc}

                    {locales[current].subtitle[0].desc}

                  </div>

                  <Button

                    size="large"

    @@ -99,7 +100,7 @@ export default () => {
  
                      navigate('/design/colors', { replace: true });

                    }}

                  >

                    {locales[current].subTitle[0].btn}

                    {locales[current].subtitle[0].btn}

                  </Button>

                </div>

                <img

    @@ -110,15 +111,15 @@ export default () => {
  
            </div>

            <div className="resource-item">

              <div className="resource-title">

                {locales[current].subTitle[1].title}

                {locales[current].subtitle[1].title}

              </div>

              <div className="resource-content">

                <div>

                  <div className="content-title">

                    {locales[current].subTitle[1].title}

                    {locales[current].subtitle[1].title}

                  </div>

                  <div className="content-desc">

                    {locales[current].subTitle[1].desc}

                    {locales[current].subtitle[1].desc}

                  </div>

                  <Button

                    size="large"

    @@ -129,7 +130,7 @@ export default () => {
  
                      navigate('/cores/button', { replace: true });

                    }}

                  >

                    {locales[current].subTitle[1].btn}

                    {locales[current].subtitle[1].btn}

                  </Button>

                </div>

                <img

    @@ -141,7 +142,7 @@ export default () => {
  
          </div>

          <div className="main-users">

            <div className="users-title">{locales[current].subTitle[2].title}</div>

            <div className="users-title">{locales[current].subtitle[2].title}</div>

            <div className="user-list">

              <Tpp color={color === 'light' ? '#eee' : '#5F6672'} />

              <Dm color={color === 'light' ? '#eee' : '#5F6672'} />

.dumi/pages/index/locales.ts

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,6 +1,6 @@
  
    export default {

      zhCN: {

        description: '一款简洁灵活的跨端组件库',

        description: '一款简洁优雅的跨端组件库',

        start: '开始体验',

        features: [

          {

    @@ -9,14 +9,14 @@ export default {
  
          },

          {

            title: '高定制',

            desc: '一致优雅的API帮助您快速创造新主题',

            desc: '一致优雅的API帮助您快速创建新主题',

          },

          {

            title: '高可用',

            desc: '完善的配套，丰富的组件，开箱即用',

            desc: '配套完善，组件丰富，开箱即用',

          },

        ],

        subTitle: [

        subtitle: [

          {

            title: '设计语言',

            desc: '基于阿里影业的众多业务实践沉淀的设计语言和设计系统',

    @@ -49,7 +49,7 @@ export default {
  
            desc: 'Complete supporting facilities, rich components, ready to use',

          },

        ],

        subTitle: [

        subtitle: [

          {

            title: 'Design language',

            desc: 'Design language and design system based on the numerous business practices of Alibaba Pictures',

.dumi/pages/index/user-icon/dm.tsx

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,4 +1,6 @@
  
    export default ({ color = '#eee' }) => {

    import * as React from 'react';

    export default function UserIcon({ color = '#eee' }) {

      return (

        <svg

          xmlns="http://www.w3.org/2000/svg"

    @@ -9,8 +11,8 @@ export default ({ color = '#eee' }) => {
  
          <path

            d="M.084 24.05a4.263 4.263 0 0 1 5.828-3.101l19.375 8.114-21.006.081A4.263 4.263 0 0 1 .084 24.05Zm4.554-10.997a4.263 4.263 0 0 1 6.571-.634L26.005 27.33 6.567 19.367a4.264 4.264 0 0 1-1.93-6.314Zm8.416-8.415a4.263 4.263 0 0 1 6.313 1.928l7.963 19.439-14.91-14.796a4.263 4.263 0 0 1 .634-6.571ZM24.05.083a4.264 4.264 0 0 1 5.094 4.198l-.081 21.006-8.114-19.375a4.264 4.264 0 0 1 3.1-5.829Zm7.85 36.314 8.205 14.306C40.948 52.17 39.89 54 38.196 54h-16.41c-1.692 0-2.752-1.83-1.91-3.297l8.205-14.306c.847-1.476 2.974-1.476 3.82 0ZM30 31.302c-11.386 6.569-6.726 15.835-22.57 18.907.408-3.58-2.182-5.491-3.845-6.222 8.913.08 11.98-3.14 15.298-6.423l.4-.394c2.477-2.43 5.226-4.823 10.717-5.868Zm3.995 1.368 19.439 7.963a4.264 4.264 0 1 1-4.643 6.948L33.995 32.67Zm21.724-1.814a4.263 4.263 0 0 1 4.198 5.095 4.263 4.263 0 0 1-5.828 3.1l-19.377-8.113 21.007-.082Zm-51.438 0 21.006.081-19.375 8.114a4.263 4.263 0 1 1-1.63-8.195Zm49.808-9.908a4.264 4.264 0 1 1 1.63 8.196l-21.006-.081ZM48.79 12.42a4.263 4.263 0 0 1 6.57.635 4.263 4.263 0 0 1-1.927 6.313l-19.44 7.964Zm-8.158-5.852a4.263 4.263 0 1 1 6.948 4.642L32.67 26.005ZM30.856 4.28A4.263 4.263 0 0 1 35.95.084a4.263 4.263 0 0 1 3.1 5.828l-8.113 19.375ZM96.496 6v7.714h19.766v5.944H97.498c2.182 8.276 8.443 16.763 18.117 21.18v7.029c-13.974-5.384-20.3-15.698-22.984-22.695-2.685 6.997-9.011 17.311-22.985 22.695v-7.03c9.674-4.416 15.936-12.903 18.117-21.179H69v-5.943l19.765-.001V6h7.732Zm27.243 31.232v-5.741c3.893-.756 6.347-2.978 7.65-4.558h-7.65v-4.889h20.096V19.74h-18.73v-4.098l18.73-.001v-2.306h-20.096V8.448l20.096-.001V6h7.069l-.001 2.446H171v4.89l-20.097-.001v2.306h18.732v4.1l-18.732-.001v2.305H171v4.89l-32.732-.001c-.071.122-.571.958-1.5 2.114h28.002a3.564 3.564 0 0 1 3.563 3.564c0 .934-.36 1.833-1.018 2.496-1.832 1.846-5.305 4.41-10.264 6.765 3.923.57 8.52.768 13.95.426v5.57c-9.092.523-16.658-.698-22.762-2.652-6.703 1.971-14.928 3.202-24.5 2.651v-5.57c6.34.43 11.737.224 16.394-.457-3.7-1.938-6.495-4.019-8.419-5.734h9.656a32.97 32.97 0 0 0 7.338 3.724 40.764 40.764 0 0 0 11.347-5.894h-28.538c-2.102 1.441-4.695 2.7-7.778 3.296Z"

            fill={color}

            fill-rule="evenodd"

            fillRule="evenodd"

          />

        </svg>

      );

    };

    }

.dumi/pages/index/user-icon/tpp.tsx

-Original file line number
+Diff line change
@@ -1,3 +1,5 @@
+    import * as React from 'react';
     export default ({ color = '#eee' }) => {
       return (
         <svg
@@ Expand All / @@ -9,7 +11,7 @@ export default ({ color = '#eee' }) => { @@
           <path
             d="M144.848 33.778v3.604h-16.292v7.327c0 2.925-1.458 3.29-10.51 3.29-.146-.203-1.351-4.5-1.351-4.5h.621c3.02-.003 4.688-.037 4.688-.694v-5.423h-18.079v-3.604h40.923Zm-35.679 4.793 6.845 2.288c-1.753 2.442-4.551 5.243-6.493 7.14l-5.596-1.882c1.589-1.676 3.814-4.763 5.244-7.546Zm29.657.091c1.939 2.147 4.288 4.702 6.022 7.22l-7.005 2.117c-1.029-2.49-2.454-5.648-4.366-7.557Zm-32.422-6.79h35.961v-3.604h-35.96v3.604Zm15.779-17.859h4.664v-2.471h-4.664v2.471Zm10.598 8.592h4.77V17.77h-4.77v4.834Zm-10.598 0h4.664V17.77h-4.664v4.834Zm-10.917 0h4.77V17.77h-4.77v4.834Zm4.77-8.592h-10.6v12.35h37.944v-12.35h-10.6v-2.471h11.978v-4.08h-40.7v4.08h11.978v2.471ZM190 33.778v3.604h-16.293v7.327c0 2.925-1.458 3.29-10.509 3.29-.147-.203-1.352-4.5-1.352-4.5h.622c3.019-.003 4.687-.037 4.687-.694v-5.423h-18.079v-3.604H190Zm-35.68 4.793 6.845 2.288c-1.752 2.442-4.551 5.243-6.493 7.14l-5.596-1.882c1.589-1.676 3.814-4.763 5.244-7.546Zm29.657.091c1.94 2.147 4.288 4.702 6.022 7.22l-7.005 2.117c-1.029-2.49-2.454-5.648-4.366-7.557Zm-32.421-6.79h35.96v-3.604h-35.96v3.604Zm15.778-17.859h4.664v-2.471h-4.664v2.471Zm10.598 8.592h4.77V17.77h-4.77v4.834Zm-10.599 0h4.664V17.77h-4.664v4.834Zm-10.916 0h4.77V17.77h-4.77v4.834Zm4.77-8.592h-10.599v12.35h37.943v-12.35h-10.599v-2.471h11.977v-4.08H149.21v4.08h11.977v2.471ZM65.36 29.99l4.693 2.034c-1.352 5.11-4.151 11.898-6.718 15.976L58 42.282c3.62-3.89 5.926-8.035 7.36-12.292ZM80.278 6c-.187.903-.657 2.014-1.316 3.18h20.47v36.052c0 2.454-5.953 2.768-15.624 2.768-.145-.208-1.332-4.606-1.332-4.606 1.039 0 2.47.058 3.95.074l.525.004c3.151.01 6.349-.221 6.349-1.65V13.905H75.395c-1.341 1.364-2.792 2.447-4.134 2.887l-2.379-3.422C71.728 10.92 72.96 9.32 73.13 6Zm-.953 9.806c-.095.453-.293.977-.57 1.536h11.314v3.652h-5.898v4.778h7.056v4.017H84.17v7.013h2.276v-4.25h4.286v8.678l-18.61-.155v-8.523h4.048v4.25h2.513v-7.013H71.63v-4.017h7.054v-4.778h-2.485c-1.275 1.41-2.742 2.597-4.019 3.016l-1.52-2.492c2.165-1.863 3.101-3.188 3.231-5.712Zm-17.521 2.348c1.957.793 5.744 2.32 7.854 3.806l-3.606 5.856c-2.621-2.42-4.927-3.948-7.656-5.764Zm.411-10.837c1.855.752 5.444 2.199 7.443 3.607l-3.417 5.55c-2.484-2.294-4.669-3.74-7.256-5.462ZM48.308 25.128c-.004.064-.065.398-.39.481-.015.003-.029.012-.044.018-.419.19-1.057.728-1.283 2.246-.083.684-.219 1.4-.366 2.17l-.002.01c-.418 2.186-1.087 4.003-1.989 5.398-1.263 1.95-2.978 3.037-4.963 3.143-1.448.076-2.666.082-3.722.014-3.06-.196-4.813-1-6.055-2.78-1.67-2.393-2.435-6.744-3.426-6.744-.991 0-1.755 4.35-3.426 6.744-1.241 1.78-2.996 2.584-6.055 2.78-1.056.068-2.273.062-3.722-.014-1.985-.106-3.7-1.193-4.962-3.143-.903-1.395-1.572-3.212-1.99-5.399l-.001-.01c-.147-.769-.284-1.485-.367-2.17-.226-1.517-.863-2.055-1.282-2.245-.015-.006-.03-.015-.045-.018-.324-.083-.386-.417-.39-.48-.037-.615-.188-1.982-.24-2.837-.04-.636.476-.719.574-.725 3.611-.232 11.99-.688 15.797.321 1.138.303 4.392.93 6.11.93 1.716 0 4.97-.627 6.108-.93 3.81-1.01 12.187-.553 15.797-.321.098.006.615.09.576.725-.054.855-.204 2.222-.242 2.836M33.001 7.042C28.626 5.863 27.281 0 19.101 0c2.961 3.452 1.595 6.482-.626 7.178C7.636 10.116-.492 19.388.023 32.203.552 45.396 11.653 54 26 54c14.346 0 25.447-8.604 25.977-21.797C52.5 19.183 44.1 9.82 33 7.042M19.037 24.876a13.584 13.584 0 0 0-.27-.054c-1.356-.257-4.122-.612-6.26-.476-.943.06-1.764.216-2.29.517-1.301.749-1.407 1.925-1.187 3.505.063.459.155.951.252 1.477.52 2.818 1.75 5.818 4.312 5.968 1.15.068 2.093.073 2.874.023 2.404-.153 3.27-.819 3.868-1.72 3.415-5.15 2.064-8.533-1.299-9.24m14.062 0 .27-.054c1.357-.257 4.122-.612 6.26-.476.943.06 1.764.216 2.289.517 1.303.749 1.408 1.925 1.189 3.505-.064.459-.156.951-.252 1.477-.522 2.818-1.751 5.818-4.313 5.968-1.15.068-2.093.073-2.874.023-2.404-.153-3.27-.819-3.867-1.72-3.416-5.15-2.065-8.533 1.298-9.24"
             fill={color}
-            fill-rule="evenodd"
+            fillRule="evenodd"
           />
         </svg>
       );
@@ Expand Down @@

.dumi/theme/builtins/Badge/index.tsx

-Original file line number
+Diff line change
@@ Expand Up / @@ -4,6 +4,9 @@ import './index.less'; @@
     const Badge: FC<{
       children: ReactNode;
       type: 'info' | 'warning' | 'error' | 'success';
-    }> = (props) => <span className="dumi-default-badge" {...props} />;
+    }> = (props) => {
+      const { key, ...restProps } = props as any;
+      return <span className="dumi-default-badge" {...restProps} />;
+    };
-    export default Badge;
+    export default Badge;

.dumi/theme/builtins/Previewer/index.less

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,8 +1,8 @@
  
    @import (reference) '../../styles/variables.less';

    .@{prefix}-previewer {

      max-width: 100%;

      margin: 24px 0 32px;

      // border: 1px solid @c-border-light;

      border-radius: 16px;

      background-color: inherit;

    @@ -22,12 +22,16 @@
  
        }

      }

      &-action-btn {

        margin-bottom: 0;

      }

      &-actions {

        position: absolute;

        right: 0;

        bottom: 0;

        display: flex;

        height: 32px;

        padding: var(--bui-spacing-md, 9px);

        align-items: center;

        justify-content: flex-end;

    @@ -62,15 +66,17 @@
  
      &-demo {

        position: relative;

        border-radius: 8px;

        padding: 40px 24px 82px;

        border-radius: var(--bui-shape-radius-card, 9px);

        padding: 12px 12px 42px;

        border: 1px solid @c-border;

        @{dark-selector} & {

          border-color: @c-border-dark;

        }

        @media @mobile {

          padding: 40px 8px 82px;

          margin: 24px -12px 0;

          border-radius: 0;

          border-width: 1px 0;

        }

        > iframe {

    @@ -91,10 +97,6 @@
  
            display: block;

            height: 24px;

            background-color: @c-border-light;

            @{dark-selector} & {

              // background-color: @c-border-less-dark;

            }

          }

          &::after {

    @@ -124,16 +126,6 @@
  
        }

      }

      &-meta {

        // margin-top: 24px;

        // border-top: 1px solid @c-border-light;

        // @{dark-selector} & {

        //   border-top-color: @c-border-less-dark;

        // }

      }

      &-desc {

        position: relative;

.dumi/theme/builtins/Previewer/index.tsx

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,7 +1,13 @@
  
    import classnames from 'classnames';

    import { IPreviewerProps, useLocation, useIntl,   openCodeSandbox,

      openStackBlitz,   getSketchJSON } from 'dumi';

      import { ReactComponent as IconCheck } from '@ant-design/icons-svg/inline-svg/outlined/check.svg';

    import clsx from 'clsx';

    import {

      IPreviewerProps,

      useLocation,

      useIntl,

      openCodeSandbox,

      openStackBlitz,

      getSketchJSON,

    } from 'dumi';

    import { ReactComponent as IconCheck } from '@ant-design/icons-svg/inline-svg/outlined/check.svg';

    import { ReactComponent as IconCodeSandbox } from '@ant-design/icons-svg/inline-svg/outlined/code-sandbox.svg';

    import { ReactComponent as IconSketch } from '@ant-design/icons-svg/inline-svg/outlined/sketch.svg';

    import { ReactComponent as IconStackBlitz } from '@ant-design/icons-svg/inline-svg/outlined/thunderbolt.svg';

    @@ -47,7 +53,7 @@ const Previewer: FC<IPreviewerProps> = (props) => {
  
      return (

        <div

          id={props.asset.id}

          className={classnames('dumi-default-previewer', props.className)}

          className={clsx('dumi-default-previewer', props.className)}

          style={props.style}

          data-debug={props.debug}

          data-active={hash === link || undefined}

    @@ -78,9 +84,9 @@ const Previewer: FC<IPreviewerProps> = (props) => {
  
                  className="dumi-default-previewer-action-btn  qr-icon"

                  type="button"

                >

                <IconQrCode  style={{ fontSize: '16px' }}/>

                <QRCode value={props.demoUrl} size={96} />

              </button>

                  <IconQrCode style={{ fontSize: '16px' }} />

                  <QRCode value={props.demoUrl} size={96} />

                </button>

              }

              {!props.disabledActions?.includes('CSB') && (

                <button

    @@ -91,7 +97,7 @@ const Previewer: FC<IPreviewerProps> = (props) => {
  
                  })}

                  onClick={() => openCodeSandbox(props)}

                >

                  <IconCodeSandbox style={{ fontSize: '16px' }}/>

                  <IconCodeSandbox style={{ fontSize: '16px' }} />

                </button>

              )}

              {!props.disabledActions?.includes('STACKBLITZ') && (

    @@ -149,10 +155,14 @@ const Previewer: FC<IPreviewerProps> = (props) => {
  
                      {intl.formatMessage({ id: 'previewer.actions.sketch.group' })}

                    </option>

                    <option value="symbol">

                      {intl.formatMessage({ id: 'previewer.actions.sketch.symbol' })}

                      {intl.formatMessage({

                        id: 'previewer.actions.sketch.symbol',

                      })}

                    </option>

                    <option value="-" disabled>

                      {intl.formatMessage({ id: 'previewer.actions.sketch.divider' })}

                      {intl.formatMessage({

                        id: 'previewer.actions.sketch.divider',

                      })}

                    </option>

                    <option value="guide">

                      {intl.formatMessage({ id: 'previewer.actions.sketch.guide' })}

    @@ -174,7 +184,7 @@ const Previewer: FC<IPreviewerProps> = (props) => {
  
                  <IconExternalLink />

                </a>

              )}

            {props.extra}

              {props.extra}

              <PreviewerActionsExtra {...props} />

              {!props.forceShowCode && (

                <button

    @@ -208,7 +218,7 @@ const Previewer: FC<IPreviewerProps> = (props) => {
  
              </div>

            )}

            <PreviewerActions

              {...{...props, showCode}}

              {...{ ...props, showCode }}

              demoContainer={

                props.iframe

                  ? (demoContainer.current?.firstElementChild as HTMLIFrameElement)

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Releases/theme next #105

Uh oh!

Diff view

Diff view

Uh oh!

There are no files selected for viewing

Uh oh!

Uh oh!

Releases/theme next #105

Are you sure you want to change the base?

Uh oh!

Releases/theme next #105

Uh oh!

Diff view

Diff view

Uh oh!

There are no files selected for viewing

Uh oh!

Uh oh!