← All changes
|
modules/atomic-widgets/elements/atomic-image/atomic-image.php
+11
-60
4.3.0-beta2
→
3.29.0-beta4
View file →
| @@ -1,22 +1,18 @@ | ||
| 1 | 1 | <?php |
| 2 | 2 | namespace Elementor\Modules\AtomicWidgets\Elements\Atomic_Image; |
| 3 | 3 | |
| 4 | 4 | use Elementor\Modules\AtomicWidgets\Controls\Types\Link_Control; |
| 5 | -use Elementor\Modules\AtomicWidgets\Elements\Base\Has_Template; | |
| 5 | +use Elementor\Modules\AtomicWidgets\Elements\Has_Template; | |
| 6 | 6 | use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type; |
| 7 | 7 | use Elementor\Modules\AtomicWidgets\PropTypes\Image_Prop_Type; |
| 8 | 8 | use Elementor\Modules\AtomicWidgets\PropTypes\Link_Prop_Type; |
| 9 | 9 | use Elementor\Modules\AtomicWidgets\Controls\Section; |
| 10 | -use Elementor\Modules\AtomicWidgets\Elements\Base\Atomic_Widget_Base; | |
| 11 | -use Elementor\Modules\AtomicWidgets\Elements\Base\Html_Tag_Computer; | |
| 12 | -use Elementor\Modules\AtomicWidgets\PropTypes\Attributes_Prop_Type; | |
| 10 | +use Elementor\Modules\AtomicWidgets\Elements\Atomic_Widget_Base; | |
| 13 | 11 | use Elementor\Modules\AtomicWidgets\Controls\Types\Image_Control; |
| 14 | -use Elementor\Modules\AtomicWidgets\Utils\Image\Placeholder_Image; | |
| 12 | +use Elementor\Modules\AtomicWidgets\Image\Placeholder_Image; | |
| 15 | 13 | use Elementor\Modules\AtomicWidgets\Styles\Style_Definition; |
| 16 | 14 | use Elementor\Modules\AtomicWidgets\Styles\Style_Variant; |
| 17 | -use Elementor\Modules\AtomicWidgets\Controls\Types\Text_Control; | |
| 18 | -use Elementor\Modules\Components\PropTypes\Overridable_Prop_Type; | |
| 19 | 15 | |
| 20 | 16 | if ( ! defined( 'ABSPATH' ) ) { |
| 21 | 17 | exit; // Exit if accessed directly. |
| 22 | 18 | } |
| @@ -23,10 +19,8 @@ | ||
| 23 | 19 | |
| 24 | 20 | class Atomic_Image extends Atomic_Widget_Base { |
| 25 | 21 | use Has_Template; |
| 26 | 22 | |
| 27 | - public static $widget_description = 'Display an image with customizable styles and link options.'; | |
| 28 | - | |
| 29 | 23 | const LINK_BASE_STYLE_KEY = 'link-base'; |
| 30 | 24 | const BASE_STYLE_KEY = 'base'; |
| 31 | 25 | |
| 32 | 26 | public static function get_element_type(): string { |
| @@ -44,20 +38,10 @@ | ||
| 44 | 38 | public function get_icon() { |
| 45 | 39 | return 'eicon-e-image'; |
| 46 | 40 | } |
| 47 | 41 | |
| 48 | - public static function html_tag_follows_link(): bool { | |
| 49 | - return false; | |
| 50 | - } | |
| 51 | - | |
| 52 | - public static function get_computed_html_tag( array $settings ): string { | |
| 53 | - return Html_Tag_Computer::compute( $settings, 'img', [ | |
| 54 | - Html_Tag_Computer::FOLLOW_LINK_OPTION => static::html_tag_follows_link(), | |
| 55 | - ] ); | |
| 56 | - } | |
| 57 | - | |
| 58 | 42 | protected static function define_props_schema(): array { |
| 59 | - $props = [ | |
| 43 | + return [ | |
| 60 | 44 | 'classes' => Classes_Prop_Type::make() |
| 61 | 45 | ->default( [] ), |
| 62 | 46 | |
| 63 | 47 | 'image' => Image_Prop_Type::make() |
| @@ -64,39 +48,21 @@ | ||
| 64 | 48 | ->default_url( Placeholder_Image::get_placeholder_image() ) |
| 65 | 49 | ->default_size( 'full' ), |
| 66 | 50 | |
| 67 | 51 | 'link' => Link_Prop_Type::make(), |
| 68 | - | |
| 69 | - 'attributes' => Attributes_Prop_Type::make()->meta( Overridable_Prop_Type::ignore() ), | |
| 70 | 52 | ]; |
| 71 | - | |
| 72 | - return $props; | |
| 73 | 53 | } |
| 74 | 54 | |
| 75 | 55 | protected function define_atomic_controls(): array { |
| 76 | - return [ | |
| 77 | - Section::make() | |
| 78 | - ->set_label( esc_html__( 'Content', 'elementor' ) ) | |
| 79 | - ->set_id( 'content' ) | |
| 80 | - ->set_items( [ | |
| 81 | - Image_Control::bind_to( 'image' ) | |
| 82 | - ->set_label( __( 'Image', 'elementor' ) ), | |
| 83 | - ] ), | |
| 84 | - Section::make() | |
| 85 | - ->set_label( __( 'Settings', 'elementor' ) ) | |
| 86 | - ->set_id( 'settings' ) | |
| 87 | - ->set_items( $this->get_settings_controls() ), | |
| 88 | - ]; | |
| 89 | - } | |
| 56 | + $content_section = Section::make() | |
| 57 | + ->set_label( esc_html__( 'Content', 'elementor' ) ) | |
| 58 | + ->set_items( [ | |
| 59 | + Image_Control::bind_to( 'image' ), | |
| 60 | + Link_Control::bind_to( 'link' ), | |
| 61 | + ] ); | |
| 90 | 62 | |
| 91 | - protected function get_settings_controls(): array { | |
| 92 | 63 | return [ |
| 93 | - Link_Control::bind_to( 'link' ) | |
| 94 | - ->set_placeholder( __( 'Type or paste your URL', 'elementor' ) ) | |
| 95 | - ->set_label( __( 'Link', 'elementor' ) ), | |
| 96 | - Text_Control::bind_to( '_cssid' ) | |
| 97 | - ->set_label( __( 'ID', 'elementor' ) ) | |
| 98 | - ->set_meta( $this->get_css_id_control_meta() ), | |
| 64 | + $content_section, | |
| 99 | 65 | ]; |
| 100 | 66 | } |
| 101 | 67 | |
| 102 | 68 | protected function define_base_styles(): array { |
| @@ -103,12 +69,10 @@ | ||
| 103 | 69 | return [ |
| 104 | 70 | self::LINK_BASE_STYLE_KEY => Style_Definition::make() |
| 105 | 71 | ->add_variant( |
| 106 | 72 | Style_Variant::make() |
| 107 | - ->add_prop( 'all', 'unset' ) | |
| 108 | 73 | ->add_prop( 'display', 'inherit' ) |
| 109 | 74 | ->add_prop( 'width', 'fit-content' ) |
| 110 | - ->add_prop( 'cursor', 'pointer' ) | |
| 111 | 75 | ), |
| 112 | 76 | self::BASE_STYLE_KEY => Style_Definition::make() |
| 113 | 77 | ->add_variant( |
| 114 | 78 | Style_Variant::make() |
| @@ -120,19 +84,6 @@ | ||
| 120 | 84 | protected function get_templates(): array { |
| 121 | 85 | return [ |
| 122 | 86 | 'elementor/elements/atomic-image' => __DIR__ . '/atomic-image.html.twig', |
| 123 | 87 | ]; |
| 124 | - } | |
| 125 | - | |
| 126 | - public function render_markdown(): string { | |
| 127 | - $settings = $this->get_atomic_settings(); | |
| 128 | - $src = $settings['image']['src'] ?? ''; | |
| 129 | - | |
| 130 | - if ( empty( $src ) ) { | |
| 131 | - return ''; | |
| 132 | - } | |
| 133 | - | |
| 134 | - $alt = $settings['image']['alt'] ?? ''; | |
| 135 | - | |
| 136 | - return ' . ')'; | |
| 137 | 88 | } |
| 138 | 89 | } |