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

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