store
3 months ago
GenerateBgImage.js
3 months ago
_breakpoints.scss
1 week ago
block-duplicate-helper.js
3 months ago
capitalize.js
3 months ago
color-code-to-class.js
3 months ago
color-slug-to-color-code.js
3 months ago
common.scss
1 week ago
convert-to-grid.js
3 months ago
default-color-palette.js
3 months ago
delete-from-array.js
3 months ago
depModules.js
3 months ago
disable-links.js
2 months ago
empty-string-to-undefined.js
3 months ago
example-data.js
3 months ago
fixBrokenUnicode.js
3 months ago
font-awesome-new.js
1 week ago
font-awesome-version.js
3 months ago
font-awesome.js
3 months ago
formatNumCol.js
3 months ago
gradient-slug-to-gradient-code.js
3 months ago
heading-level-utils.js
3 months ago
hex-to-rgba.js
3 months ago
horizontal-scroll-controls.js
3 months ago
icon-label.js
2 months ago
is-excludes-blocks.js
3 months ago
is-gradient-style.js
3 months ago
is-hex-color.js
3 months ago
is-not-json.js
3 months ago
is-parent-reusable-block.js
1 month ago
merge-colors.js
3 months ago
multi-array-flaten.js
3 months ago
removeProperty.js
3 months ago
replaceClientId.js
3 months ago
sanitizeSlug.js
3 months ago
settings-page-url.js
2 months ago
strip-html.js
3 months ago
taxonomy-utils.js
3 months ago
to-number.js
3 months ago
to-preset-spacing-var.js
3 months ago
unit-options.js
3 months ago
wrap-unwrap.js
3 months ago
color-slug-to-color-code.js
34 lines
| 1 | /** |
| 2 | * カラーの名前からカラーコードを取得する関数 |
| 3 | */ |
| 4 | // @wordpress/block-editor から� |
| 5 | 要なものをインポート |
| 6 | import { getColorObjectByAttributeValues } from '@wordpress/block-editor'; |
| 7 | |
| 8 | // @wordpress/data から� |
| 9 | 要なものをインポート |
| 10 | import { select } from '@wordpress/data'; |
| 11 | |
| 12 | export const colorSlugToColorCode = (color) => { |
| 13 | let colorCode; |
| 14 | if (color) { |
| 15 | // inheritの場合はundefinedを返す（パレットに表示されない） |
| 16 | if (color === 'inherit') { |
| 17 | return undefined; |
| 18 | } |
| 19 | |
| 20 | // カラーパレットの色名・スラッグ・カラーコードを取得 |
| 21 | const colorSet = select('core/block-editor').getSettings().colors; |
| 22 | |
| 23 | // titleColor の色コードを colorSet から探して色データを取得 |
| 24 | const ColorValue = getColorObjectByAttributeValues(colorSet, color); |
| 25 | |
| 26 | if (ColorValue.color !== undefined) { |
| 27 | colorCode = ColorValue.color; |
| 28 | } else { |
| 29 | colorCode = color; |
| 30 | } |
| 31 | } |
| 32 | return colorCode; |
| 33 | }; |
| 34 |