← All changes | modules/atomic-widgets/elements/atomic-button/atomic-button.php +30 -70 4.3.0 → 3.28.0-dev2 View file →

		@@ -2,18 +2,14 @@
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;
11		-use Elementor\Modules\AtomicWidgets\Elements\Base\Html_Tag_Computer;
	9	+use Elementor\Modules\AtomicWidgets\Elements\Has_Template;
12	10	use Elementor\Modules\AtomicWidgets\PropTypes\Background_Prop_Type;
13		-use Elementor\Modules\AtomicWidgets\PropTypes\Attributes_Prop_Type;
14	11	use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
15		-use Elementor\Modules\AtomicWidgets\PropTypes\Escaped_Html_Prop_Type;
16	12	use Elementor\Modules\AtomicWidgets\PropTypes\Color_Prop_Type;
17	13	use Elementor\Modules\AtomicWidgets\PropTypes\Link_Prop_Type;
18	14	use Elementor\Modules\AtomicWidgets\PropTypes\Dimensions_Prop_Type;
19	15	use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type;
		@@ -19,9 +15,9 @@
19	15	use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type;
20	16	use Elementor\Modules\AtomicWidgets\PropTypes\Size_Prop_Type;
21	17	use Elementor\Modules\AtomicWidgets\Styles\Style_Definition;
22	18	use Elementor\Modules\AtomicWidgets\Styles\Style_Variant;
23		-use Elementor\Modules\Components\PropTypes\Overridable_Prop_Type;
	19	+use Elementor\Modules\WpRest\Classes\WP_Post;
24	20
25	21	if ( ! defined( 'ABSPATH' ) ) {
26	22	exit;
27	23	}
		@@ -29,47 +25,29 @@
29	25	class Atomic_Button extends Atomic_Widget_Base {
30	26	use Has_Template;
31	27
32	28	public static function get_element_type(): string {
33		- return 'e-button';
	29	+ return 'a-button';
34	30	}
35	31
36	32	public function get_title() {
37		- return esc_html__( 'Button', 'elementor' );
	33	+ return esc_html__( 'Atomic Button', 'elementor' );
38	34	}
39	35
40		- public function get_keywords() {
41		- return [ 'ato', 'atom', 'atoms', 'atomic', 'button', 'cta', 'link', 'click' ];
42		- }
43		-
44	36	public function get_icon() {
45	37	return 'eicon-e-button';
46	38	}
47	39
48		- public static function get_computed_html_tag( array $settings ): string {
49		- return Html_Tag_Computer::compute( $settings, 'button' );
50		- }
51		-
52	40	protected static function define_props_schema(): array {
53		- $props = [
	41	+ return [
54	42	'classes' => Classes_Prop_Type::make()
55	43	->default( [] ),
56	44
57		- 'text' => Escaped_Html_Prop_Type::make()
58		- ->default( __( 'Click here', 'elementor' ) )
59		- ->description( 'The text displayed on the button.' )
60		- ->alias( 'content', 'label' ),
	45	+ 'text' => String_Prop_Type::make()
	46	+ ->default( __( 'Click here', 'elementor' ) ),
61	47
62	48	'link' => Link_Prop_Type::make(),
63		-
64		- 'tag' => String_Prop_Type::make()
65		- ->default( 'button' )
66		- ->description( 'The HTML tag for the button element.' ),
67		-
68		- 'attributes' => Attributes_Prop_Type::make()->meta( Overridable_Prop_Type::ignore() ),
69	49	];
70		-
71		- return $props;
72	50	}
73	51
74	52	protected function define_atomic_controls(): array {
75	53	return [
		@@ -74,51 +52,43 @@
74	52	protected function define_atomic_controls(): array {
75	53	return [
76	54	Section::make()
77	55	->set_label( __( 'Content', 'elementor' ) )
78		- ->set_id( 'content' )
79	56	->set_items( [
80		- Inline_Editing_Control::bind_to( 'text' )
81		- ->set_placeholder( __( 'Type your button text here', 'elementor' ) )
82		- ->set_label( __( 'Button text', 'elementor' ) ),
	57	+ Text_Control::bind_to( 'text' )
	58	+ ->set_label( __( 'Button text', 'elementor' ) )
	59	+ ->set_placeholder( __( 'Type your button text here', 'elementor' ) ),
	60	+
	61	+ Link_Control::bind_to( 'link' ),
83	62	] ),
84		- Section::make()
85		- ->set_label( __( 'Settings', 'elementor' ) )
86		- ->set_id( 'settings' )
87		- ->set_items( $this->get_settings_controls() ),
88	63	];
89	64	}
90	65
91		- protected function get_settings_controls(): array {
92		- 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() ),
99		- ];
100		- }
101		-
102	66	protected function define_base_styles(): array {
	67	+ $color_value = Color_Prop_Type::generate( 'white' );
	68	+ $font_family_value = String_Prop_Type::generate( 'Poppins' );
	69	+ $font_size_value = Size_Prop_Type::generate( [
	70	+ 'size' => 16,
	71	+ 'unit' => 'px',
	72	+ ] );
103	73	$background_color_value = Background_Prop_Type::generate( [
104	74	'color' => Color_Prop_Type::generate( '#375EFB' ),
105	75	] );
106	76	$display_value = String_Prop_Type::generate( 'inline-block' );
107	77	$padding_value = Dimensions_Prop_Type::generate( [
108		- 'block-start' => Size_Prop_Type::generate( [
	78	+ 'top' => Size_Prop_Type::generate( [
109	79	'size' => 12,
110	80	'unit' => 'px',
111	81	]),
112		- 'inline-end' => Size_Prop_Type::generate( [
	82	+ 'right' => Size_Prop_Type::generate( [
113	83	'size' => 24,
114	84	'unit' => 'px',
115	85	]),
116		- 'block-end' => Size_Prop_Type::generate( [
	86	+ 'bottom' => Size_Prop_Type::generate( [
117	87	'size' => 12,
118	88	'unit' => 'px',
119	89	]),
120		- 'inline-start' => Size_Prop_Type::generate( [
	90	+ 'left' => Size_Prop_Type::generate( [
121	91	'size' => 24,
122	92	'unit' => 'px',
123	93	]),
124	94	]);
		@@ -129,20 +99,25 @@
129	99	$border_width_value = Size_Prop_Type::generate( [
130	100	'size' => 0,
131	101	'unit' => 'px',
132	102	] );
133		- $align_text_value = String_Prop_Type::generate( 'center' );
	103	+ $text_align_value = String_Prop_Type::generate( 'center' );
	104	+ $font_weight_value = String_Prop_Type::generate( '500' );
134	105
135	106	return [
136	107	'base' => Style_Definition::make()
137	108	->add_variant(
138	109	Style_Variant::make()
	110	+ ->add_prop( 'color', $color_value )
	111	+ ->add_prop( 'font-family', $font_family_value )
	112	+ ->add_prop( 'font-size', $font_size_value )
139	113	->add_prop( 'background', $background_color_value )
140	114	->add_prop( 'display', $display_value )
	115	+ ->add_prop( 'font-weight', $font_weight_value )
141	116	->add_prop( 'padding', $padding_value )
	117	+ ->add_prop( 'text-align', $text_align_value )
142	118	->add_prop( 'border-radius', $border_radius_value )
143	119	->add_prop( 'border-width', $border_width_value )
144		- ->add_prop( 'text-align', $align_text_value )
145	120	),
146	121	];
147	122	}
148	123
		@@ -149,21 +124,6 @@
149	124	protected function get_templates(): array {
150	125	return [
151	126	'elementor/elements/atomic-button' => __DIR__ . '/atomic-button.html.twig',
152	127	];
153		- }
154		-
155		- public function render_markdown(): string {
156		- $settings = $this->get_atomic_settings();
157		- $text = wp_strip_all_tags( $settings['text'] ?? '' );
158		-
159		- if ( empty( $text ) ) {
160		- return '';
161		- }
162		-
163		- if ( ! empty( $settings['link']['href'] ) ) {
164		- return '[' . $text . '](' . esc_url( $settings['link']['href'] ) . ')';
165		- }
166		-
167		- return '**' . $text . '**';
168	128	}
169	129	}