@timus-networks/theme 1.0.36 → 1.0.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/components-js/{ThemeTimePicker.vue → ThemePopover.vue} +3 -3
  2. package/components-js/TimusSamples.vue +3 -2
  3. package/components-ts/{ThemeTimePicker.vue → ThemePopover.vue} +3 -3
  4. package/components-ts/TimusSamples.vue +3 -2
  5. package/output/main.css +1 -1
  6. package/package.json +1 -1
package/components-js/{ThemeTimePicker.vue → ThemePopover.vue} RENAMED
@@ -2,7 +2,7 @@
2
2
  <div class="pt-8 pb-16 flex gap-12 flex-col">
3
3
  <h1>Popover</h1>
4
4
  <section>
5
- <h2>Basic Usage</h2>
5
+ <h2>Dropdown</h2>
6
6
  <p class="p-md-c my-6">Hover on the dropdown menu to unfold it for more actions.</p>
7
7
  <div class="grid grid-flow-col auto-cols-max gap-4">
8
8
  <el-dropdown trigger="click">
@@ -39,8 +39,8 @@
39
39
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
40
40
  <p class="text-xs">
41
41
  <code>
42
- &lt;el-popover placement=&quot;right&quot; title=&quot;Başlık&quot; trigger=&quot;click&quot;&gt; &lt;el-button
43
- slot=&quot;reference&quot;&gt;Tıkla&lt;/el-button&gt; &lt;/el-popover&gt;
42
+ &lt;el-dropdown trigger="click"&gt; &lt;span&gt; Dropdown List &lt;/span&gt; &lt;el-dropdown-menu slot="dropdown"&gt; &lt;el-dropdown-item
43
+ /&gt; &lt;/el-dropdown-menu&gt; &lt;/el-popover&gt;
44
44
  </code>
45
45
  </p>
46
46
  </div>
package/components-js/TimusSamples.vue CHANGED
@@ -7,7 +7,7 @@
7
7
  <el-tab-pane label="Checkbox" name="fourth"><ThemeCheckbox></ThemeCheckbox></el-tab-pane>
8
8
  <el-tab-pane label="Radio" name="five"><ThemeRadio></ThemeRadio></el-tab-pane>
9
9
  <el-tab-pane label="Number" name="six"><ThemeInputNumbers></ThemeInputNumbers></el-tab-pane>
10
- <el-tab-pane label="Picker" name="seven"><ThemeTimePicker></ThemeTimePicker></el-tab-pane>
10
+ <el-tab-pane label="Popover & Dropdown" name="seven"><ThemePopover></ThemePopover></el-tab-pane>
11
11
  <el-tab-pane label="Select" name="eight"><ThemeSelect></ThemeSelect></el-tab-pane>
12
12
  <el-tab-pane label="Form" name="nine"><ThemeForm></ThemeForm></el-tab-pane>
13
13
  <el-tab-pane label="Link" name="ten"><ThemeLink></ThemeLink></el-tab-pane>
@@ -28,6 +28,7 @@
28
28
  <script>
29
29
  import ThemeInputNumbers from './ThemeInputNumbers.vue';
30
30
  import ThemeInputs from './ThemeInputs.vue';
31
+ import ThemePopover from './ThemePopover.vue';
31
32
 
32
33
  export default {
33
34
  data() {
@@ -40,6 +41,6 @@ export default {
40
41
  console.log(tab, event);
41
42
  },
42
43
  },
43
- components: { ThemeInputs, ThemeInputNumbers },
44
+ components: { ThemeInputs, ThemeInputNumbers, ThemePopover },
44
45
  };
45
46
  </script>
package/components-ts/{ThemeTimePicker.vue → ThemePopover.vue} RENAMED
@@ -2,7 +2,7 @@
2
2
  <div class="pt-8 pb-16 flex gap-12 flex-col">
3
3
  <h1>Popover</h1>
4
4
  <section>
5
- <h2>Basic Usage</h2>
5
+ <h2>Dropdown</h2>
6
6
  <p class="p-md-c my-6">Hover on the dropdown menu to unfold it for more actions.</p>
7
7
  <div class="grid grid-flow-col auto-cols-max gap-4">
8
8
  <el-dropdown trigger="click">
@@ -39,8 +39,8 @@
39
39
  <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
40
40
  <p class="text-xs">
41
41
  <code>
42
- &lt;el-popover placement=&quot;right&quot; title=&quot;Başlık&quot; trigger=&quot;click&quot;&gt; &lt;el-button
43
- slot=&quot;reference&quot;&gt;Tıkla&lt;/el-button&gt; &lt;/el-popover&gt;
42
+ &lt;el-dropdown trigger="click"&gt; &lt;span&gt; Dropdown List &lt;/span&gt; &lt;el-dropdown-menu slot="dropdown"&gt; &lt;el-dropdown-item
43
+ /&gt; &lt;/el-dropdown-menu&gt; &lt;/el-popover&gt;
44
44
  </code>
45
45
  </p>
46
46
  </div>
package/components-ts/TimusSamples.vue CHANGED
@@ -7,7 +7,7 @@
7
7
  <el-tab-pane label="Checkbox" name="fourth"><ThemeCheckbox></ThemeCheckbox></el-tab-pane>
8
8
  <el-tab-pane label="Radio" name="five"><ThemeRadio></ThemeRadio></el-tab-pane>
9
9
  <el-tab-pane label="Number" name="six"><ThemeInputNumbers></ThemeInputNumbers></el-tab-pane>
10
- <el-tab-pane label="Picker" name="seven"><ThemeTimePicker></ThemeTimePicker></el-tab-pane>
10
+ <el-tab-pane label="Popover & Dropdown" name="seven"><ThemePopover></ThemePopover></el-tab-pane>
11
11
  <el-tab-pane label="Select" name="eight"><ThemeSelect></ThemeSelect></el-tab-pane>
12
12
  <el-tab-pane label="Form" name="nine"><ThemeForm></ThemeForm></el-tab-pane>
13
13
  <el-tab-pane label="Link" name="ten"><ThemeLink></ThemeLink></el-tab-pane>
@@ -28,6 +28,7 @@
28
28
  <script>
29
29
  import ThemeInputNumbers from './ThemeInputNumbers.vue';
30
30
  import ThemeInputs from './ThemeInputs.vue';
31
+ import ThemePopover from './ThemePopover.vue';
31
32
 
32
33
  export default {
33
34
  data() {
@@ -40,6 +41,6 @@ export default {
40
41
  console.log(tab, event);
41
42
  },
42
43
  },
43
- components: { ThemeInputs, ThemeInputNumbers },
44
+ components: { ThemeInputs, ThemeInputNumbers, ThemePopover },
44
45
  };
45
46
  </script>