@timus-networks/theme 1.0.184 → 2.0.1

package/components-ts/ThemeInputs.vue

@@ -1,316 +0,0 @@
-<template>
-  <div class="pt-8 pb-16 flex gap-12 flex-col">
-    <section>
-      <h1>Basic</h1>
-      <p class="p-lg my-6">Standart metin girişi için temel <code>el-input</code> bileşenini kullanabilirsiniz.</p>
-      <div class="grid grid-flow-col auto-cols-max">
-        <el-input v-model="input" placeholder="Please input" class="danger" />
-      </div>
-      <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
-        <p class="text-xs">
-          Örnek kullanım:
-          <code>&lt;el-input placeholder="Please input" v-model="input"&gt;&lt;/el-input&gt;</code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>Disabled</h1>
-      <p class="p-lg my-6">Kullanıcı etkileşimini engellemek için giriş bileşenini devre dışı bırakabilirsiniz.</p>
-      <div class="grid grid-flow-col auto-cols-max gap-7">
-        <el-input v-model="input" placeholder="Please input" :disabled="true" />
-        <el-input value="some input value" placeholder="Please input" :disabled="true" />
-      </div>
-      <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
-        <p class="text-xs">
-          Devre dışı bırakmak için, <code>disabled</code> özelliğini ekleyin. Örnek:
-          <code>&lt;el-input placeholder="Please input" v-model="input" disabled&gt;&lt;/el-input&gt;</code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>Clearable</h1>
-      <p class="p-lg my-6">Kullanıcıların girdikleri metni tek bir tıklamayla silmelerini sağlayan temizlenebilir giriş bileşeni.</p>
-      <div class="grid grid-flow-col auto-cols-max">
-        <el-input v-model="input" placeholder="Please input" clearable />
-      </div>
-      <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
-        <p class="text-xs">
-          Temizlenebilir bir giriş için, <code>clearable</code> özelliğini ekleyin. Örnek:
-          <code>&lt;el-input placeholder="Please input" v-model="input" clearable&gt;&lt;/el-input&gt;</code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>Password</h1>
-      <p class="p-lg my-6">Şifre girişi için kullanılan giriş bileşeni, metni gizler ve şifre gösterme/ gizleme seçeneği sunar.</p>
-      <div class="grid grid-flow-col auto-cols-max items-center">
-        <el-input v-model="input" placeholder="Please input password" show-password />
-      </div>
-      <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
-        <p class="text-xs">
-          Örnekler:
-          <code>&lt;el-input placeholder="Please input password" v-model="input" show-password&gt;&lt;/el-input&gt;</code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>Input with icon</h1>
-      <p class="p-lg my-6">İkonlarla zenginleştirilmiş giriş bileşenleri, görsel bir ipucu sunar ve kullanıcı deneyimini artırır.</p>
-      <div class="grid grid-flow-col auto-cols-max gap-4">
-        <el-input v-model="input2" placeholder="Type something" prefix-icon="el-icon-search" />
-      </div>
-      <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
-        <p class="text-xs">
-          Bir ikon ile giriş için, <code>prefix-icon</code> veya <code>suffix-icon</code> özelliklerini kullanın. Örnek:
-          <code>&lt;el-input placeholder="Type something" prefix-icon="el-icon-search" v-model="input2"&gt;&lt;/el-input&gt;</code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>Textarea</h1>
-      <p class="p-lg my-6">Metin alanı girişi, birden fazla satırı destekleyen ve daha büyük metin bloklarını girmek için kullanılır.</p>
-      <el-input v-model="textarea" type="textarea" :rows="2" placeholder="Please input" />
-      <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
-        <p class="text-xs">
-          Textarea kullanımı için:
-          <code>&lt;el-input type="textarea" :rows="2" placeholder="Please input" v-model="textarea"&gt;&lt;/el-input&gt;</code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>Autosize Textarea</h1>
-      <p class="p-lg my-6">Otomatik boyutlandırma özelliği, içeriğe bağlı olarak yüksekliği otomatik olarak ayarlayan bir metin alanıdır.</p>
-      <div class="grid grid-flow-col auto-cols-max gap-4">
-        <el-input v-model="textarea1" type="textarea" autosize placeholder="Please input" />
-        <el-input v-model="textarea2" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" placeholder="Please input" />
-      </div>
-      <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
-        <p class="text-xs">
-          Autosize Textarea için:
-          <code>&lt;el-input type="textarea" autosize placeholder="Please input" v-model="textarea1"&gt;&lt;/el-input&gt;</code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>Mixed input</h1>
-      <p class="p-lg my-6">Ön ek veya son ek içeren giriş bileşenleri, giriş alanlarına ekstra içerik ekleyerek daha açıklayıcı olabilir.</p>
-      <div class="grid grid-flow-col auto-cols-max gap-4">
-        <el-input v-model="input1" placeholder="Please input" type="success">
-          <template #prepend>Http://</template>
-        </el-input>
-
-        <el-input v-model="input2" placeholder="Please input">
-          <template #append>.com</template>
-        </el-input>
-
-        <el-input v-model="input3" placeholder="Please input" class="input-with-select">
-          <template #prepend>
-            <el-select v-model="select" placeholder="Select">
-              <el-option label="Restaurant" value="1" />
-              <el-option label="Order No." value="2" />
-              <el-option label="Tel" value="3" />
-            </el-select>
-          </template>
-          <template #append>
-            <el-button icon="el-icon-search" />
-          </template>
-        </el-input>
-      </div>
-      <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
-        <p class="text-xs">
-          Ön ek veya son ek içeren giriş bileşenleri için:
-          <code>&lt;el-input placeholder="Please input"&gt;&lt;template slot="prepend"&gt;Http://&lt;/template&gt;&lt;/el-input&gt;</code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>Sizes</h1>
-      <p class="p-lg my-6">Farklı boyutlardaki giriş bileşenleri, çeşitli arayüz ihtiyaçlarına yanıt vermek için tasarlanmıştır.</p>
-      <div class="grid grid-flow-col auto-cols-max items-center gap-4">
-        <el-input v-model="input1" size="large" placeholder="Please Input" />
-        <el-input v-model="input2" size="medium" placeholder="Please Input" />
-        <el-input v-model="input3" size="small" placeholder="Please Input" />
-        <el-input v-model="input4" size="mini" placeholder="Please Input" />
-      </div>
-      <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
-        <p class="text-xs">
-          Farklı boyutlardaki giriş bileşenleri için:
-          <code>&lt;el-input size="large" placeholder="Please Input" v-model="input1"&gt;&lt;/el-input&gt;</code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>Autocomplete</h1>
-      <p class="p-lg my-6">Otomatik tamamlama bileşeni, kullanıcıların yazarken öneriler almasını sağlar ve verimliliği artırır.</p>
-      <div class="grid grid-flow-col auto-cols-max items-center gap-4">
-        <el-autocomplete v-model="state1" class="inline-input" :fetch-suggestions="querySearch" placeholder="Please Input" @select="handleSelect" />
-        <el-autocomplete
-          v-model="state2"
-          class="inline-input"
-          :fetch-suggestions="querySearch"
-          placeholder="Please Input"
-          :trigger-on-focus="false"
-          @select="handleSelect"
-        />
-      </div>
-      <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
-        <p class="text-xs">
-          Otomatik tamamlama bileşeni için:
-          <code>
-            &lt;el-autocomplete v-model="state1" :fetch-suggestions="querySearch" placeholder="Please Input"
-            @select="handleSelect"&gt;&lt;/el-autocomplete&gt;
-          </code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>Custom template</h1>
-      <p class="p-lg my-6">Otomatik tamamlama bileşeni, özel şablonlar ile özelleştirilebilir, böylece daha fazla bilgi gösterebilirsiniz.</p>
-      <el-autocomplete
-        v-model="state"
-        popper-class="my-autocomplete"
-        :fetch-suggestions="querySearch"
-        placeholder="Please input"
-        @select="handleSelect"
-      >
-        <template #suffix>
-          <i class="el-icon-edit el-input__icon" @click="handleIconClick" />
-        </template>
-        <template #default="{ item }">
-          <div class="value">{{ item.value }}</div>
-          <span class="link">{{ item.link }}</span>
-        </template>
-      </el-autocomplete>
-      <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
-        <p class="text-xs">
-          Özel şablon kullanımı için:
-          <code>
-            &lt;el-autocomplete v-model="state" :fetch-suggestions="querySearch" @select="handleSelect"&gt;&lt;!-- slotlar
-            --&gt;&lt;/el-autocomplete&gt;
-          </code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>Remote search</h1>
-      <p class="p-lg my-6">Uzaktan arama ile otomatik tamamlama, sunucu tarafında gerçek zamanlı arama sonuçları getirir.</p>
-      <el-autocomplete v-model="state" :fetch-suggestions="querySearchAsync" placeholder="Please input" @select="handleSelect" />
-      <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
-        <p class="text-xs">
-          Uzaktan arama için:
-          <code>
-            &lt;el-autocomplete v-model="state" :fetch-suggestions="querySearchAsync" placeholder="Please input"
-            @select="handleSelect"&gt;&lt;/el-autocomplete&gt;
-          </code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>Limit length</h1>
-      <p class="p-lg my-6">Uzunluk sınırı, kullanıcıların girebileceği karakter sayısını sınırlar ve aşırı uzun girişleri önler.</p>
-      <div class="grid grid-flow-col auto-cols-max items-center gap-4">
-        <el-input v-model="text" type="text" placeholder="Please input" maxlength="10" show-word-limit />
-        <el-input v-model="textarea" type="textarea" placeholder="Please input" maxlength="30" show-word-limit />
-      </div>
-      <div class="my-4 p-4 border-l-4 border-info-600 bg-info-100">
-        <p class="text-xs">
-          Uzunluk sınırı için:
-          <code>&lt;el-input type="text" placeholder="Please input" v-model="text" maxlength="10" show-word-limit&gt;&lt;/el-input&gt;</code>
-        </p>
-      </div>
-    </section>
-  </div>
-</template>
-
-<script>
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'TimusButtonSample',
-  data() {
-    return {
-      inputNumber: '',
-      input: '',
-      input1: '',
-      input2: '',
-      input3: '',
-      input4: '',
-      select: '',
-      links: [],
-      state: '',
-      state1: '',
-      state2: '',
-      text: '',
-      textarea: '',
-      textarea1: '',
-      textarea2: '',
-      timeout: null,
-    };
-  },
-  computed: {
-    gridSize() {
-      const grids = {
-        5: 'grid-cols-5',
-        6: 'grid-cols-6',
-        7: 'grid-cols-7',
-        8: 'grid-cols-8',
-      };
-
-      return grids;
-    },
-  },
-  mounted() {
-    this.links = this.loadAll();
-  },
-  methods: {
-    querySearch(queryString, cb) {
-      const { links } = this;
-      const results = queryString ? links.filter(this.createFilter(queryString)) : links;
-
-      // call callback function to return suggestions
-      cb(results);
-    },
-    querySearchAsync(queryString, cb) {
-      const { links } = this;
-      const results = queryString ? links.filter(this.createFilter(queryString)) : links;
-
-      clearTimeout(this.timeout);
-      this.timeout = setTimeout(() => {
-        cb(results);
-      }, 3000 * Math.random());
-    },
-    createFilter(queryString) {
-      return (link) => link.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0;
-    },
-    loadAll() {
-      return [
-        { value: 'vue', link: 'https://github.com/vuejs/vue' },
-        { value: 'element', link: 'https://github.com/ElemeFE/element' },
-        { value: 'cooking', link: 'https://github.com/ElemeFE/cooking' },
-        { value: 'mint-ui', link: 'https://github.com/ElemeFE/mint-ui' },
-        { value: 'vuex', link: 'https://github.com/vuejs/vuex' },
-        { value: 'vue-router', link: 'https://github.com/vuejs/vue-router' },
-        { value: 'babel', link: 'https://github.com/babel/babel' },
-      ];
-    },
-    handleSelect(item) {
-      console.log(item);
-    },
-    handleIconClick(ev) {
-      console.log(ev);
-    },
-  },
-});
-</script>

package/components-ts/ThemeLink.vue

@@ -1,110 +0,0 @@
-<template>
-  <div class="pt-8 pb-16 flex gap-12 flex-col">
-    <section>
-      <h1>Link</h1>
-      <p class="p-lg my-6">
-        `el-link` bileşeni, sayfadaki metni veya bağlantıyı temsil eder ve stil ve davranışlarını özelleştirmenize olanak tanır.
-      </p>
-      <div class="grid grid-flow-col auto-cols-max gap-4">
-        <el-link href="https://element.eleme.io" target="_blank">default</el-link>
-        <el-link v-for="(item, index) in colors" :key="index" :type="item">{{ item }}</el-link>
-        <el-link type="gray-link">Gray Link</el-link>
-      </div>
-      <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
-        <p class="text-xs">
-          <code>&lt;el-link type="primary"&gt;Bağlantı&lt;/el-link&gt;</code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>Nuxt Link ile Kullanım</h1>
-      <p class="p-lg my-6">El Link bileşenini Nuxt Link ile kullanabilirsiniz. Bu, Nuxt.js projelerinde sayfa geçişlerini kolaylaştırır.</p>
-      <div class="grid grid-flow-col auto-cols-max gap-4">
-        <NuxtLink v-for="(item, index) in colors" :key="index" to="/" :class="`el-link ${item}`"> Router: {{ item }} </NuxtLink>
-      </div>
-      <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
-        <p class="text-xs">
-          <code>&lt;NuxtLink to="/" class="el-link primary"&gt;Link&lt;/NuxtLink&gt;</code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>Devre Dışı Bırakılmış Durum</h1>
-      <p class="p-lg my-6">El Link bileşenini devre dışı bırakmak için <code>disabled</code> özelliğini kullanabilirsiniz.</p>
-      <div class="grid grid-flow-col auto-cols-max gap-4">
-        <el-link disabled>default</el-link>
-        <el-link v-for="(item, index) in colors" :key="index" :type="item" disabled>{{ item }}</el-link>
-      </div>
-      <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
-        <p class="text-xs">
-          <code>&lt;el-link disabled&gt;Devre Dışı&lt;/el-link&gt;</code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>Sizes</h1>
-      <p class="p-lg my-6">
-        El Link bileşeninin farklı boyutlarda kullanımı için 5 örnek yer almaktadır. 'large', 'medium', 'medium-custom', 'small', 'xsmall'
-      </p>
-      <div class="grid grid-flow-col auto-cols-max gap-4">
-        <el-link type="primary" :underline="false">Alt Çizgi Yok</el-link>
-        <el-link type="primary" class="large">Alt Çizgiyle</el-link>
-        <el-link type="primary" class="medium">Alt Çizgiyle</el-link>
-        <el-link type="primary" class="medium-custom">Alt Çizgiyle</el-link>
-        <el-link type="primary" class="small">Alt Çizgiyle</el-link>
-        <el-link type="primary" class="xsmall">Alt Çizgiyle</el-link>
-      </div>
-      <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
-        <p class="text-xs">
-          <code>&lt;el-link :underline="false"&gt;Alt Çizgi Yok&lt;/el-link&gt;</code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>Alt Çizgi</h1>
-      <p class="p-lg my-6">
-        El Link bileşeninin alt çizgisini göstermek veya gizlemek için <code>:underline="false"</code> özelliğini kullanabilirsiniz.
-      </p>
-      <div class="grid grid-flow-col auto-cols-max gap-4">
-        <el-link type="primary" :underline="false">Alt Çizgi Yok</el-link>
-        <el-link type="primary">Alt Çizgiyle</el-link>
-      </div>
-      <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
-        <p class="text-xs">
-          <code>&lt;el-link :underline="false"&gt;Alt Çizgi Yok&lt;/el-link&gt;</code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>İkon</h1>
-      <p class="p-lg my-6">El Link bileşeni, metin veya bağlantı ile birlikte ikonlar eklemenize olanak tanır.</p>
-      <div class="grid grid-flow-col auto-cols-max gap-4">
-        <el-link type="primary" icon="el-icon-edit">Düzenle</el-link>
-        <el-link type="primary">Onayla<i class="el-icon-view el-icon--right" /> </el-link>
-      </div>
-      <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
-        <p class="text-xs">
-          <code>&lt;el-link icon="el-icon-edit"&gt;Düzenle&lt;/el-link&gt;</code>
-        </p>
-      </div>
-    </section>
-  </div>
-</template>
-
-<script>
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'TimusButtonSample',
-  data() {
-    return {
-      colors: ['primary', 'secondary', 'gray', 'light', 'success', 'danger', 'info', 'warning'],
-    };
-  },
-});
-</script>

package/components-ts/ThemeLogo.vue

@@ -1,57 +0,0 @@
-<template>
-  <div class="pt-8 pb-16 flex gap-12 flex-col">
-    <section>
-      <h1>Sizes</h1>
-      <p class="p-md-c my-6">
-        Our logos are available in three sizes: small, medium, and large. To tailor your choice, use the size tags
-        <b>'small', 'medium', 'large'</b> to determine the appropriate size for your needs.
-      </p>
-      <div class="grid grid-flow-col auto-cols-max gap-6 items-center">
-        <div class="logo-icon-small" />
-        <div class="logo-icon-medium" />
-        <div class="logo-icon-large" />
-        <el-divider direction="vertical" content-position="center" />
-        <div class="logo-small" />
-        <div class="logo-medium" />
-        <div class="logo-large" />
-      </div>
-      <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
-        <p class="text-xs">
-          <code>&lt;div class="logo-medium"&gt;&lt;/div&gt;</code>
-        </p>
-      </div>
-    </section>
-
-    <section>
-      <h1>Types</h1>
-      <p class="p-md-c my-6">
-        There are two different types of logo usage available: <b>"icon"</b> or <b>"logo"</b>. When used as a <b>"logo"</b>, an additional icon along
-        with the word <b>"timus"</b> will be displayed.
-      </p>
-      <div class="grid grid-flow-col auto-cols-max gap-6 items-center">
-        <div class="logo-icon-small" />
-        <el-divider direction="vertical" content-position="center" />
-        <div class="logo-small" />
-      </div>
-      <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
-        <p class="text-xs">
-          <code>&lt;div class="logo-icon-medium"&gt;&lt;/div&gt; | &lt;div class="logo-medium"&gt;&lt;/div&gt;</code>
-        </p>
-      </div>
-    </section>
-  </div>
-</template>
-
-<script>
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'TimusCascader',
-  data() {
-    return {
-      url: 'https://api.dicebear.com/7.x/adventurer-neutral/svg?seed=Princess',
-      sizeList: ['xlarge', 'large', 'medium', 'small', 'xsmall'],
-    };
-  },
-});
-</script>

package/components-ts/ThemeMessage.vue

@@ -1,55 +0,0 @@
-<template>
-  <div class="pt-8 pb-16 flex gap-12 flex-col">
-    <section>
-      <h1>Basic</h1>
-      <p class="p-lg my-6">
-        Use the type attribute to define Tag's type. In addition, the color attribute can be used to set the background color of the Tag.
-      </p>
-      <div class="grid grid-flow-col gap-4">
-        <el-button :plain="true" @click="open('error')">Error message</el-button>
-        <el-button :plain="true" @click="open('success')">Success message</el-button>
-        <el-button :plain="true" @click="open('warning')">Warning message</el-button>
-        <el-button :plain="true" @click="open('info')">Info message</el-button>
-        <el-button :plain="true" @click="openVn">VNode</el-button>
-      </div>
-      <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
-        <p class="text-xs">
-          <code>
-            &lt;el-upload class=&quot;el-upload-container&quot; drag multiple&gt;&lt;i class=&quot;el-icon-upload&quot;&gt;&lt;/i&gt;&lt;div
-            class=&quot;el-upload__text&quot;&gt;&lt;span class=&quot;title&quot;&gt;Drop file here or&lt;/span&gt;&lt;span
-            class=&quot;description&quot;&gt;click to upload&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;el-upload__tip&quot;
-            slot=&quot;tip&quot;&gt;description&lt;/div&gt;&lt;/el-upload&gt;
-          </code>
-        </p>
-      </div>
-    </section>
-  </div>
-</template>
-
-<script>
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'TimusUpload',
-  data() {
-    return {};
-  },
-  methods: {
-    open(aType) {
-      this.$message({
-        message: 'Congrats, this is a success message.',
-        type: aType,
-        showClose: true,
-      });
-    },
-
-    openVn() {
-      const h = this.$createElement;
-
-      this.$message({
-        message: h('p', null, [h('span', null, 'Message can be '), h('i', { style: 'color: teal' }, 'VNode')]),
-      });
-    },
-  },
-});
-</script>

package/components-ts/ThemeMessageBox.vue

@@ -1,47 +0,0 @@
-<template>
-  <div class="pt-8 pb-16 flex gap-12 flex-col">
-    <section>
-      <h1>Confirm</h1>
-      <p class="p-lg-c my-6">
-        Confirm is used to ask users' confirmation. A set of modal boxes simulating system message box, mainly for alerting information, confirm
-        operations and prompting messages. By design MessageBox provides simulations of system's alert, confirm and prompt，so it's content should be
-        simple. For more complicated contents, please use Dialog.
-      </p>
-      <el-button type="primary" size="medium" class="outline" @click="open">Click to open Message Box</el-button>
-      <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
-        <p class="text-xs">
-          <code>&lt;el-button type=&quot;text&quot; @click=&quot;open&quot;&gt;Click to open Message Box&lt;/el-button&gt;</code>
-        </p>
-      </div>
-    </section>
-  </div>
-</template>
-
-<script>
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'TimusMessageBox',
-  methods: {
-    open() {
-      this.$confirm('This will permanently delete the file. Continue?', 'Warning', {
-        confirmButtonText: 'OK',
-        cancelButtonText: 'Cancel',
-        type: 'warning',
-      })
-        .then(() => {
-          this.$message({
-            type: 'success',
-            message: 'Delete completed',
-          });
-        })
-        .catch(() => {
-          this.$message({
-            type: 'info',
-            message: 'Delete canceled',
-          });
-        });
-    },
-  },
-});
-</script>