← All changes
|
modules/atomic-widgets/elements/atomic-button/atomic-button.php
+25
-49
4.1.0-dev2
→
3.30.1
View file →
| @@ -2,17 +2,15 @@ | ||
| 2 | 2 | |
| 3 | 3 | namespace Elementor\Modules\AtomicWidgets\Elements\Atomic_Button; |
| 4 | 4 | |
| 5 | 5 | use Elementor\Modules\AtomicWidgets\Controls\Types\Text_Control; |
| 6 | -use Elementor\Modules\AtomicWidgets\Controls\Types\Inline_Editing_Control; | |
| 7 | -use Elementor\Modules\AtomicWidgets\Elements\Base\Atomic_Widget_Base; | |
| 6 | +use Elementor\Modules\AtomicWidgets\Elements\Atomic_Widget_Base; | |
| 8 | 7 | use Elementor\Modules\AtomicWidgets\Controls\Section; |
| 9 | 8 | use Elementor\Modules\AtomicWidgets\Controls\Types\Link_Control; |
| 10 | -use Elementor\Modules\AtomicWidgets\Elements\Base\Has_Template; | |
| 9 | +use Elementor\Modules\AtomicWidgets\Elements\Has_Template; | |
| 10 | +use Elementor\Modules\AtomicWidgets\Module; | |
| 11 | 11 | use Elementor\Modules\AtomicWidgets\PropTypes\Background_Prop_Type; |
| 12 | -use Elementor\Modules\AtomicWidgets\PropTypes\Attributes_Prop_Type; | |
| 13 | 12 | use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type; |
| 14 | -use Elementor\Modules\AtomicWidgets\PropTypes\Html_V3_Prop_Type; | |
| 15 | 13 | use Elementor\Modules\AtomicWidgets\PropTypes\Color_Prop_Type; |
| 16 | 14 | use Elementor\Modules\AtomicWidgets\PropTypes\Link_Prop_Type; |
| 17 | 15 | use Elementor\Modules\AtomicWidgets\PropTypes\Dimensions_Prop_Type; |
| 18 | 16 | use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type; |
| @@ -18,9 +16,9 @@ | ||
| 18 | 16 | use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type; |
| 19 | 17 | use Elementor\Modules\AtomicWidgets\PropTypes\Size_Prop_Type; |
| 20 | 18 | use Elementor\Modules\AtomicWidgets\Styles\Style_Definition; |
| 21 | 19 | use Elementor\Modules\AtomicWidgets\Styles\Style_Variant; |
| 22 | -use Elementor\Modules\Components\PropTypes\Overridable_Prop_Type; | |
| 20 | +use Elementor\Plugin; | |
| 23 | 21 | |
| 24 | 22 | if ( ! defined( 'ABSPATH' ) ) { |
| 25 | 23 | exit; |
| 26 | 24 | } |
| @@ -48,54 +46,47 @@ | ||
| 48 | 46 | $props = [ |
| 49 | 47 | 'classes' => Classes_Prop_Type::make() |
| 50 | 48 | ->default( [] ), |
| 51 | 49 | |
| 52 | - 'text' => Html_V3_Prop_Type::make() | |
| 53 | - ->default( [ | |
| 54 | - 'content' => String_Prop_Type::generate( __( 'Click here', 'elementor' ) ), | |
| 55 | - 'children' => [], | |
| 56 | - ] ) | |
| 57 | - ->description( 'The text displayed on the button.' ), | |
| 50 | + 'text' => String_Prop_Type::make() | |
| 51 | + ->default( __( 'Click here', 'elementor' ) ), | |
| 58 | 52 | |
| 59 | 53 | 'link' => Link_Prop_Type::make(), |
| 54 | + ]; | |
| 60 | 55 | |
| 61 | - 'tag' => String_Prop_Type::make() | |
| 62 | - ->default( 'button' ) | |
| 63 | - ->description( 'The HTML tag for the button element.' ), | |
| 56 | + if ( Plugin::$instance->experiments->is_feature_active( Module::EXPERIMENT_VERSION_3_30 ) ) { | |
| 57 | + $props['_cssid'] = String_Prop_Type::make(); | |
| 58 | + } | |
| 64 | 59 | |
| 65 | - 'attributes' => Attributes_Prop_Type::make()->meta( Overridable_Prop_Type::ignore() ), | |
| 66 | - ]; | |
| 67 | - | |
| 68 | 60 | return $props; |
| 69 | 61 | } |
| 70 | 62 | |
| 71 | 63 | protected function define_atomic_controls(): array { |
| 64 | + $settings_section_items = [ | |
| 65 | + Link_Control::bind_to( 'link' ), | |
| 66 | + ]; | |
| 67 | + | |
| 68 | + if ( Plugin::$instance->experiments->is_feature_active( Module::EXPERIMENT_VERSION_3_30 ) ) { | |
| 69 | + $settings_section_items[] = Text_Control::bind_to( '_cssid' )->set_label( __( 'ID', 'elementor' ) )->set_meta( [ | |
| 70 | + 'layout' => 'two-columns', | |
| 71 | + 'topDivider' => true, | |
| 72 | + ] ); | |
| 73 | + } | |
| 74 | + | |
| 72 | 75 | return [ |
| 73 | 76 | Section::make() |
| 74 | 77 | ->set_label( __( 'Content', 'elementor' ) ) |
| 75 | 78 | ->set_items( [ |
| 76 | - Inline_Editing_Control::bind_to( 'text' ) | |
| 77 | - ->set_placeholder( __( 'Type your button text here', 'elementor' ) ) | |
| 78 | - ->set_label( __( 'Button text', 'elementor' ) ), | |
| 79 | + Text_Control::bind_to( 'text' ) | |
| 80 | + ->set_label( __( 'Button text', 'elementor' ) ) | |
| 81 | + ->set_placeholder( __( 'Type your button text here', 'elementor' ) ), | |
| 79 | 82 | ] ), |
| 80 | 83 | Section::make() |
| 81 | 84 | ->set_label( __( 'Settings', 'elementor' ) ) |
| 82 | - ->set_id( 'settings' ) | |
| 83 | - ->set_items( $this->get_settings_controls() ), | |
| 85 | + ->set_items( $settings_section_items ), | |
| 84 | 86 | ]; |
| 85 | 87 | } |
| 86 | 88 | |
| 87 | - protected function get_settings_controls(): array { | |
| 88 | - return [ | |
| 89 | - Link_Control::bind_to( 'link' ) | |
| 90 | - ->set_placeholder( __( 'Type or paste your URL', 'elementor' ) ) | |
| 91 | - ->set_label( __( 'Link', 'elementor' ) ), | |
| 92 | - Text_Control::bind_to( '_cssid' ) | |
| 93 | - ->set_label( __( 'ID', 'elementor' ) ) | |
| 94 | - ->set_meta( $this->get_css_id_control_meta() ), | |
| 95 | - ]; | |
| 96 | - } | |
| 97 | - | |
| 98 | 89 | protected function define_base_styles(): array { |
| 99 | 90 | $background_color_value = Background_Prop_Type::generate( [ |
| 100 | 91 | 'color' => Color_Prop_Type::generate( '#375EFB' ), |
| 101 | 92 | ] ); |
| @@ -145,21 +136,6 @@ | ||
| 145 | 136 | protected function get_templates(): array { |
| 146 | 137 | return [ |
| 147 | 138 | 'elementor/elements/atomic-button' => __DIR__ . '/atomic-button.html.twig', |
| 148 | 139 | ]; |
| 149 | - } | |
| 150 | - | |
| 151 | - public function render_markdown(): string { | |
| 152 | - $settings = $this->get_atomic_settings(); | |
| 153 | - $text = wp_strip_all_tags( $settings['text'] ?? '' ); | |
| 154 | - | |
| 155 | - if ( empty( $text ) ) { | |
| 156 | - return ''; | |
| 157 | - } | |
| 158 | - | |
| 159 | - if ( ! empty( $settings['link']['href'] ) ) { | |
| 160 | - return '[' . $text . '](' . esc_url( $settings['link']['href'] ) . ')'; | |
| 161 | - } | |
| 162 | - | |
| 163 | - return '**' . $text . '**'; | |
| 164 | 140 | } |
| 165 | 141 | } |