-
-
Notifications
You must be signed in to change notification settings - Fork 527
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
refactor(ui): refactoring CanvasIcon
- Loading branch information
Showing
14 changed files
with
47 additions
and
357 deletions.
There are no files selected for viewing
31 changes: 3 additions & 28 deletions
31
packages/base-ui/src/Components/CanvasIcon/BorderLine/BorderDashDot.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,36 +1,11 @@ | ||
import { Component } from 'react'; | ||
import { JSXComponent } from '../../../BaseComponent'; | ||
import { IconComponent } from '../../../Interfaces'; | ||
import { CanvasIcon } from '../CanvasIcon'; | ||
|
||
interface IProps { | ||
width?: string; | ||
height?: string; | ||
} | ||
interface IState {} | ||
|
||
class BorderDashDot extends Component<IProps, IState> { | ||
render() { | ||
const { width = '100', height = '10' } = this.props; | ||
return ( | ||
<CanvasIcon | ||
width={width} | ||
height={height} | ||
type="DashDot" | ||
hv="h" | ||
mSt={0} | ||
mEd={5} | ||
lineSt={100} | ||
lineEd={5} | ||
/> | ||
); | ||
} | ||
export function BorderDashDot(props: IProps) { | ||
const { width = '100', height = '10' } = props; | ||
return <CanvasIcon width={width} height={height} type="DashDot" hv="h" mSt={0} mEd={5} lineSt={100} lineEd={5} />; | ||
} | ||
|
||
export class UniverBorderDashDot implements IconComponent { | ||
render(): JSXComponent<IProps> { | ||
return BorderDashDot; | ||
} | ||
} | ||
|
||
export default BorderDashDot; |
31 changes: 3 additions & 28 deletions
31
packages/base-ui/src/Components/CanvasIcon/BorderLine/BorderDashDotDot.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,36 +1,11 @@ | ||
import { Component } from 'react'; | ||
import { JSXComponent } from '../../../BaseComponent'; | ||
import { IconComponent } from '../../../Interfaces'; | ||
import { CanvasIcon } from '../CanvasIcon'; | ||
|
||
interface IProps { | ||
width?: string; | ||
height?: string; | ||
} | ||
interface IState {} | ||
|
||
class BorderDashDotDot extends Component<IProps, IState> { | ||
render() { | ||
const { width = '100', height = '10' } = this.props; | ||
return ( | ||
<CanvasIcon | ||
width={width} | ||
height={height} | ||
type="DashDotDot" | ||
hv="h" | ||
mSt={0} | ||
mEd={5} | ||
lineSt={100} | ||
lineEd={5} | ||
/> | ||
); | ||
} | ||
export function BorderDashDotDot(props: IProps) { | ||
const { width = '100', height = '10' } = props; | ||
return <CanvasIcon width={width} height={height} type="DashDotDot" hv="h" mSt={0} mEd={5} lineSt={100} lineEd={5} />; | ||
} | ||
|
||
export class UniverBorderDashDotDot implements IconComponent { | ||
render(): JSXComponent<IProps> { | ||
return BorderDashDotDot; | ||
} | ||
} | ||
|
||
export default BorderDashDotDot; |
31 changes: 3 additions & 28 deletions
31
packages/base-ui/src/Components/CanvasIcon/BorderLine/BorderDashed.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,36 +1,11 @@ | ||
import { Component } from 'react'; | ||
import { JSXComponent } from '../../../BaseComponent'; | ||
import { IconComponent } from '../../../Interfaces'; | ||
import { CanvasIcon } from '../CanvasIcon'; | ||
|
||
interface IProps { | ||
width?: string; | ||
height?: string; | ||
} | ||
interface IState {} | ||
|
||
class BorderDashed extends Component<IProps, IState> { | ||
render() { | ||
const { width = '100', height = '10' } = this.props; | ||
return ( | ||
<CanvasIcon | ||
width={width} | ||
height={height} | ||
type="Dashed" | ||
hv="h" | ||
mSt={0} | ||
mEd={5} | ||
lineSt={100} | ||
lineEd={5} | ||
/> | ||
); | ||
} | ||
export function BorderDashed(props: IProps) { | ||
const { width = '100', height = '10' } = props; | ||
return <CanvasIcon width={width} height={height} type="Dashed" hv="h" mSt={0} mEd={5} lineSt={100} lineEd={5} />; | ||
} | ||
|
||
export class UniverBorderDashed implements IconComponent { | ||
render(): JSXComponent<IProps> { | ||
return BorderDashed; | ||
} | ||
} | ||
|
||
export default BorderDashed; |
31 changes: 3 additions & 28 deletions
31
packages/base-ui/src/Components/CanvasIcon/BorderLine/BorderDotted.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,36 +1,11 @@ | ||
import { Component } from 'react'; | ||
import { JSXComponent } from '../../../BaseComponent'; | ||
import { IconComponent } from '../../../Interfaces'; | ||
import { CanvasIcon } from '../CanvasIcon'; | ||
|
||
interface IProps { | ||
width?: string; | ||
height?: string; | ||
} | ||
interface IState {} | ||
|
||
class BorderDotted extends Component<IProps, IState> { | ||
render() { | ||
const { width = '100', height = '10' } = this.props; | ||
return ( | ||
<CanvasIcon | ||
width={width} | ||
height={height} | ||
type="Dotted" | ||
hv="h" | ||
mSt={0} | ||
mEd={5} | ||
lineSt={100} | ||
lineEd={5} | ||
/> | ||
); | ||
} | ||
export function BorderDotted(props: IProps) { | ||
const { width = '100', height = '10' } = props; | ||
return <CanvasIcon width={width} height={height} type="Dotted" hv="h" mSt={0} mEd={5} lineSt={100} lineEd={5} />; | ||
} | ||
|
||
export class UniverBorderDotted implements IconComponent { | ||
render(): JSXComponent<IProps> { | ||
return BorderDotted; | ||
} | ||
} | ||
|
||
export default BorderDotted; |
31 changes: 3 additions & 28 deletions
31
packages/base-ui/src/Components/CanvasIcon/BorderLine/BorderHair.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,36 +1,11 @@ | ||
import { Component } from 'react'; | ||
import { JSXComponent } from '../../../BaseComponent'; | ||
import { IconComponent } from '../../../Interfaces'; | ||
import { CanvasIcon } from '../CanvasIcon'; | ||
|
||
interface IProps { | ||
width?: string; | ||
height?: string; | ||
} | ||
interface IState {} | ||
|
||
class BorderHair extends Component<IProps, IState> { | ||
render() { | ||
const { width = '100', height = '10' } = this.props; | ||
return ( | ||
<CanvasIcon | ||
width={width} | ||
height={height} | ||
type="Hair" | ||
hv="h" | ||
mSt={0} | ||
mEd={5} | ||
lineSt={100} | ||
lineEd={5} | ||
/> | ||
); | ||
} | ||
export function BorderHair(props: IProps) { | ||
const { width = '100', height = '10' } = props; | ||
return <CanvasIcon width={width} height={height} type="Hair" hv="h" mSt={0} mEd={5} lineSt={100} lineEd={5} />; | ||
} | ||
|
||
export class UniverBorderHair implements IconComponent { | ||
render(): JSXComponent<IProps> { | ||
return BorderHair; | ||
} | ||
} | ||
|
||
export default BorderHair; |
31 changes: 3 additions & 28 deletions
31
packages/base-ui/src/Components/CanvasIcon/BorderLine/BorderMedium.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,36 +1,11 @@ | ||
import { Component } from 'react'; | ||
import { JSXComponent } from '../../../BaseComponent'; | ||
import { IconComponent } from '../../../Interfaces'; | ||
import { CanvasIcon } from '../CanvasIcon'; | ||
|
||
interface IProps { | ||
width?: string; | ||
height?: string; | ||
} | ||
interface IState {} | ||
|
||
class BorderMedium extends Component<IProps, IState> { | ||
render() { | ||
const { width = '100', height = '10' } = this.props; | ||
return ( | ||
<CanvasIcon | ||
width={width} | ||
height={height} | ||
type="Medium" | ||
hv="h" | ||
mSt={0} | ||
mEd={5} | ||
lineSt={100} | ||
lineEd={5} | ||
/> | ||
); | ||
} | ||
export function BorderMedium(props: IProps) { | ||
const { width = '100', height = '10' } = props; | ||
return <CanvasIcon width={width} height={height} type="Medium" hv="h" mSt={0} mEd={5} lineSt={100} lineEd={5} />; | ||
} | ||
|
||
export class UniverBorderMedium implements IconComponent { | ||
render(): JSXComponent<IProps> { | ||
return BorderMedium; | ||
} | ||
} | ||
|
||
export default BorderMedium; |
31 changes: 3 additions & 28 deletions
31
packages/base-ui/src/Components/CanvasIcon/BorderLine/BorderMediumDashDot.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,36 +1,11 @@ | ||
import { Component } from 'react'; | ||
import { JSXComponent } from '../../../BaseComponent'; | ||
import { IconComponent } from '../../../Interfaces'; | ||
import { CanvasIcon } from '../CanvasIcon'; | ||
|
||
interface IProps { | ||
width?: string; | ||
height?: string; | ||
} | ||
interface IState {} | ||
|
||
class BorderMediumDashDot extends Component<IProps, IState> { | ||
render() { | ||
const { width = '100', height = '10' } = this.props; | ||
return ( | ||
<CanvasIcon | ||
width={width} | ||
height={height} | ||
type="MediumDashDot" | ||
hv="h" | ||
mSt={0} | ||
mEd={5} | ||
lineSt={100} | ||
lineEd={5} | ||
/> | ||
); | ||
} | ||
export function BorderMediumDashDot(props: IProps) { | ||
const { width = '100', height = '10' } = props; | ||
return <CanvasIcon width={width} height={height} type="MediumDashDot" hv="h" mSt={0} mEd={5} lineSt={100} lineEd={5} />; | ||
} | ||
|
||
export class UniverBorderMediumDashDot implements IconComponent { | ||
render(): JSXComponent<IProps> { | ||
return BorderMediumDashDot; | ||
} | ||
} | ||
|
||
export default BorderMediumDashDot; |
30 changes: 3 additions & 27 deletions
30
packages/base-ui/src/Components/CanvasIcon/BorderLine/BorderMediumDashDotDot.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,35 +1,11 @@ | ||
import { Component } from 'react'; | ||
import { JSXComponent } from '../../../BaseComponent'; | ||
import { IconComponent } from '../../../Interfaces'; | ||
import { CanvasIcon } from '../CanvasIcon'; | ||
|
||
interface IProps { | ||
width?: string; | ||
height?: string; | ||
} | ||
interface IState {} | ||
|
||
class BorderMediumDashDotDot extends Component<IProps, IState> { | ||
render() { | ||
const { width = '100', height = '10' } = this.props; | ||
return ( | ||
<CanvasIcon | ||
width={width} | ||
height={height} | ||
type="MediumDashDotDot" | ||
hv="h" | ||
mSt={0} | ||
mEd={5} | ||
lineSt={100} | ||
lineEd={5} | ||
/> | ||
); | ||
} | ||
export function BorderMediumDashDotDot(props: IProps) { | ||
const { width = '100', height = '10' } = props; | ||
return <CanvasIcon width={width} height={height} type="MediumDashDotDot" hv="h" mSt={0} mEd={5} lineSt={100} lineEd={5} />; | ||
} | ||
export class UniverBorderMediumDashDotDot implements IconComponent { | ||
render(): JSXComponent<IProps> { | ||
return BorderMediumDashDotDot; | ||
} | ||
} | ||
|
||
export default BorderMediumDashDotDot; |
31 changes: 3 additions & 28 deletions
31
packages/base-ui/src/Components/CanvasIcon/BorderLine/BorderMediumDashed.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,36 +1,11 @@ | ||
import { Component } from 'react'; | ||
import { JSXComponent } from '../../../BaseComponent'; | ||
import { IconComponent } from '../../../Interfaces'; | ||
import { CanvasIcon } from '../CanvasIcon'; | ||
|
||
interface IProps { | ||
width?: string; | ||
height?: string; | ||
} | ||
interface IState {} | ||
|
||
class BorderMediumDashed extends Component<IProps, IState> { | ||
render() { | ||
const { width = '100', height = '10' } = this.props; | ||
return ( | ||
<CanvasIcon | ||
width={width} | ||
height={height} | ||
type="MediumDashed" | ||
hv="h" | ||
mSt={0} | ||
mEd={5} | ||
lineSt={100} | ||
lineEd={5} | ||
/> | ||
); | ||
} | ||
export function BorderMediumDashed(props: IProps) { | ||
const { width = '100', height = '10' } = props; | ||
return <CanvasIcon width={width} height={height} type="MediumDashed" hv="h" mSt={0} mEd={5} lineSt={100} lineEd={5} />; | ||
} | ||
|
||
export class UniverBorderMediumDashed implements IconComponent { | ||
render(): JSXComponent<IProps> { | ||
return BorderMediumDashed; | ||
} | ||
} | ||
|
||
export default BorderMediumDashed; |
31 changes: 3 additions & 28 deletions
31
packages/base-ui/src/Components/CanvasIcon/BorderLine/BorderThick.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,36 +1,11 @@ | ||
import { Component } from 'react'; | ||
import { JSXComponent } from '../../../BaseComponent'; | ||
import { IconComponent } from '../../../Interfaces'; | ||
import { CanvasIcon } from '../CanvasIcon'; | ||
|
||
interface IProps { | ||
width?: string; | ||
height?: string; | ||
} | ||
interface IState {} | ||
|
||
class BorderThick extends Component<IProps, IState> { | ||
render() { | ||
const { width = '100', height = '10' } = this.props; | ||
return ( | ||
<CanvasIcon | ||
width={width} | ||
height={height} | ||
type="Thick" | ||
hv="h" | ||
mSt={0} | ||
mEd={5} | ||
lineSt={100} | ||
lineEd={5} | ||
/> | ||
); | ||
} | ||
export function BorderThick(props: IProps) { | ||
const { width = '100', height = '10' } = props; | ||
return <CanvasIcon width={width} height={height} type="Thick" hv="h" mSt={0} mEd={5} lineSt={100} lineEd={5} />; | ||
} | ||
|
||
export class UniverBorderThick implements IconComponent { | ||
render(): JSXComponent<IProps> { | ||
return BorderThick; | ||
} | ||
} | ||
|
||
export default BorderThick; |
Oops, something went wrong.