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