From 10d491493263ba2aa26f4275a65b14b2e296f3e7 Mon Sep 17 00:00:00 2001 From: aolyang Date: Sun, 29 Dec 2024 22:27:40 +0800 Subject: [PATCH] update: alignments --- .../components/editor-toolbars/ColorFill.tsx | 2 +- .../components/editor-toolbars/ColorText.tsx | 2 +- .../editor-toolbars/FontSubscript.tsx | 8 ++++++- .../editor-toolbars/FontSuperscript.tsx | 8 ++++++- .../editor-toolbars/TextAlignCenter.tsx | 6 +++++ .../editor-toolbars/TextAlignJustify.tsx | 6 +++++ .../editor-toolbars/TextAlignLeft.tsx | 6 +++++ .../editor-toolbars/TextAlignRight.tsx | 6 +++++ .../src/components/page-index/ToolbarRich.tsx | 24 ++++++++++++------- packages/tiptiz-editor-icons/src/index.ts | 8 ++++++- 10 files changed, 63 insertions(+), 13 deletions(-) create mode 100644 docs/src/components/editor-toolbars/TextAlignCenter.tsx create mode 100644 docs/src/components/editor-toolbars/TextAlignJustify.tsx create mode 100644 docs/src/components/editor-toolbars/TextAlignLeft.tsx create mode 100644 docs/src/components/editor-toolbars/TextAlignRight.tsx diff --git a/docs/src/components/editor-toolbars/ColorFill.tsx b/docs/src/components/editor-toolbars/ColorFill.tsx index 127989a..d653ef0 100644 --- a/docs/src/components/editor-toolbars/ColorFill.tsx +++ b/docs/src/components/editor-toolbars/ColorFill.tsx @@ -15,7 +15,7 @@ export default function ColorFill({ color }: ColorTextProps) { size="small" color="inherit" > - + diff --git a/docs/src/components/editor-toolbars/ColorText.tsx b/docs/src/components/editor-toolbars/ColorText.tsx index 34e6d20..7dd245e 100644 --- a/docs/src/components/editor-toolbars/ColorText.tsx +++ b/docs/src/components/editor-toolbars/ColorText.tsx @@ -15,7 +15,7 @@ export default function ColorText({ color }: ColorTextProps) { size="small" color="inherit" > - + diff --git a/docs/src/components/editor-toolbars/FontSubscript.tsx b/docs/src/components/editor-toolbars/FontSubscript.tsx index e56550a..20bc3c7 100644 --- a/docs/src/components/editor-toolbars/FontSubscript.tsx +++ b/docs/src/components/editor-toolbars/FontSubscript.tsx @@ -2,5 +2,11 @@ import IconBar from "@/components/IconBar" import { ediSubscript } from "@tiptiz/editor-icons" export default function FontSubscript() { - return + return ( + + ) } diff --git a/docs/src/components/editor-toolbars/FontSuperscript.tsx b/docs/src/components/editor-toolbars/FontSuperscript.tsx index 823289c..8c8efa6 100644 --- a/docs/src/components/editor-toolbars/FontSuperscript.tsx +++ b/docs/src/components/editor-toolbars/FontSuperscript.tsx @@ -2,5 +2,11 @@ import IconBar from "@/components/IconBar" import { ediSuperscript } from "@tiptiz/editor-icons" export default function FontSuperscript() { - return + return ( + + ) } diff --git a/docs/src/components/editor-toolbars/TextAlignCenter.tsx b/docs/src/components/editor-toolbars/TextAlignCenter.tsx new file mode 100644 index 0000000..8254787 --- /dev/null +++ b/docs/src/components/editor-toolbars/TextAlignCenter.tsx @@ -0,0 +1,6 @@ +import IconBar from "@/components/IconBar" +import { ediAlignCenter } from "@tiptiz/editor-icons" + +export default function TextAlignCenter() { + return +} diff --git a/docs/src/components/editor-toolbars/TextAlignJustify.tsx b/docs/src/components/editor-toolbars/TextAlignJustify.tsx new file mode 100644 index 0000000..a306185 --- /dev/null +++ b/docs/src/components/editor-toolbars/TextAlignJustify.tsx @@ -0,0 +1,6 @@ +import IconBar from "@/components/IconBar" +import { ediAlignJustify } from "@tiptiz/editor-icons" + +export default function TextAlignJustify() { + return +} diff --git a/docs/src/components/editor-toolbars/TextAlignLeft.tsx b/docs/src/components/editor-toolbars/TextAlignLeft.tsx new file mode 100644 index 0000000..ff27241 --- /dev/null +++ b/docs/src/components/editor-toolbars/TextAlignLeft.tsx @@ -0,0 +1,6 @@ +import IconBar from "@/components/IconBar" +import { ediAlignLeft } from "@tiptiz/editor-icons" + +export default function TextAlignLeft() { + return +} diff --git a/docs/src/components/editor-toolbars/TextAlignRight.tsx b/docs/src/components/editor-toolbars/TextAlignRight.tsx new file mode 100644 index 0000000..098cc06 --- /dev/null +++ b/docs/src/components/editor-toolbars/TextAlignRight.tsx @@ -0,0 +1,6 @@ +import IconBar from "@/components/IconBar" +import { ediAlignRight } from "@tiptiz/editor-icons" + +export default function TextAlignRight() { + return +} diff --git a/docs/src/components/page-index/ToolbarRich.tsx b/docs/src/components/page-index/ToolbarRich.tsx index f7d88ab..37d8981 100644 --- a/docs/src/components/page-index/ToolbarRich.tsx +++ b/docs/src/components/page-index/ToolbarRich.tsx @@ -1,26 +1,30 @@ "use client" import "@/styles/toolbars.css" -import ColorFill from "@/components/editor-toolbars/ColorFill" -import ColorText from "@/components/editor-toolbars/ColorText" -import FontBold from "@/components/editor-toolbars/FontBold" -import FontItalic from "@/components/editor-toolbars/FontItalic" -import FontStrike from "@/components/editor-toolbars/FontStrike" -import FontSubscript from "@/components/editor-toolbars/FontSubscript" -import FontSuperscript from "@/components/editor-toolbars/FontSuperscript" -import FontUnderline from "@/components/editor-toolbars/FontUnderline" import Hr from "@/components/Hr" import cn from "clsx" +import ColorFill from "../editor-toolbars/ColorFill" +import ColorText from "../editor-toolbars/ColorText" +import FontBold from "../editor-toolbars/FontBold" import FontFamily from "../editor-toolbars/FontFamily" +import FontItalic from "../editor-toolbars/FontItalic" import FontSize from "../editor-toolbars/FontSize" import FontSizeMinus from "../editor-toolbars/FontSizeMinus" import FontSizePus from "../editor-toolbars/FontSizePus" +import FontStrike from "../editor-toolbars/FontStrike" +import FontSubscript from "../editor-toolbars/FontSubscript" +import FontSuperscript from "../editor-toolbars/FontSuperscript" +import FontUnderline from "../editor-toolbars/FontUnderline" import FormatBrush from "../editor-toolbars/FormatBrush" import FormatClear from "../editor-toolbars/FormatClear" import HeadingLevel from "../editor-toolbars/HeadingLevel" import LineHeight from "../editor-toolbars/LineHeight" import Redo from "../editor-toolbars/Redo" +import TextAlignCenter from "../editor-toolbars/TextAlignCenter" +import TextAlignJustify from "../editor-toolbars/TextAlignJustify" +import TextAlignLeft from "../editor-toolbars/TextAlignLeft" +import TextAlignRight from "../editor-toolbars/TextAlignRight" import Undo from "../editor-toolbars/Undo" export default function ToolbarRich() { @@ -56,6 +60,10 @@ export default function ToolbarRich() { + + + +
diff --git a/packages/tiptiz-editor-icons/src/index.ts b/packages/tiptiz-editor-icons/src/index.ts index c471852..1f8a081 100644 --- a/packages/tiptiz-editor-icons/src/index.ts +++ b/packages/tiptiz-editor-icons/src/index.ts @@ -29,7 +29,6 @@ export const ediHeadingPound = mdiFormatHeaderPound export const ediFontSizePlus = "M1 19L6.25 5h2.5L14 19h-2.4l-1.275-3.575h-5.65L3.4 19zm4.4-5.6h4.2L7.55 7.6h-.1zM18 16v-3h-3v-2h3V8h2v3h3v2h-3v3z" export const ediFontSizeMinus = "M1 19L6.25 5h2.5L14 19h-2.4l-1.275-3.575h-5.65L3.4 19zm4.4-5.6h4.2L7.55 7.6h-.1zM15 13v-2h8v2z" - import { mdiFormatLineSpacing } from "@mdi/js" export const ediLineHeight = mdiFormatLineSpacing // "M5.707 3.293L5 2.586l-.707.707L2 5.586l-.707.707l1.414 1.414L3.414 7L4 6.414v11.171L3.414 17l-.707-.707l-1.414 1.414l.707.707l2.293 2.293l.707.707l.707-.707L8 18.414l.707-.707l-1.414-1.414l-.707.707l-.586.585V6.414L6.586 7l.707.707l1.414-1.414L8 5.586zM13 4h-1v2h10V4zm-2 7h-1v2h12v-2zm1 7h10v2H12z" @@ -55,3 +54,10 @@ import { mdiColorHelper, mdiFormatColorFill, mdiFormatColorText } from "@mdi/js" export const ediColorHelper = mdiColorHelper export const ediColorText = mdiFormatColorText export const ediColorFill = mdiFormatColorFill + +import { mdiFormatAlignLeft, mdiFormatAlignCenter, mdiFormatAlignRight, mdiFormatAlignJustify } from "@mdi/js" + +export const ediAlignLeft = mdiFormatAlignLeft +export const ediAlignCenter = mdiFormatAlignCenter +export const ediAlignRight = mdiFormatAlignRight +export const ediAlignJustify = mdiFormatAlignJustify