@timus-networks/theme 2.4.56 → 2.4.58

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.56",
+  "version": "2.4.58",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
 const __dirname = __cjs_path__.dirname(__filename);
 const require = __cjs_mod__.createRequire(import.meta.url);
 const name = "@timus-networks/theme";
-const version = "2.4.56";
+const version = "2.4.58";
 const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
 const type = "module";
 const exports = {

package/dist/runtime/components/development/example.alert.vue

@@ -25,6 +25,7 @@
   import { ref } from 'vue';
 
   const colors = ref(['success', 'warning', 'info', 'error', 'danger']);
+
   const snippets = ref({
     basic: `<el-alert title="Title Text Goes Here" type="danger" description="This is a description." show-icon :closable="false" />`,
   });

package/dist/runtime/components/development/example.avatar.vue

@@ -76,7 +76,9 @@
     sizes: [50, 'default', 'large', 'medium', 'small', 'mini'] as const,
     infos: [50, '32', '56', '44', '32', '16'] as const,
   });
+
   const { sizes, infos } = toRefs(state);
+
   const snippets = ref({
     isax: `<el-avatar class="isax-notification" />`,
     icon: `<el-avatar :icon="ElIconEdit" />`,

package/dist/runtime/components/development/example.badge.vue

@@ -73,6 +73,7 @@
   import { ref } from 'vue';
 
   const colors = ref(['default', 'primary', 'secondary', 'neutral', 'success', 'warning', 'info', 'danger']);
+
   const snippets = ref({
     basic: `
       <el-badge :value="12" type="primary">

package/dist/runtime/components/development/example.breadcrumb.vue

@@ -34,6 +34,7 @@
     { regex: /^\/about$/, label: 'header.about-label.text' },
     { regex: /^\/theme\/([A-Za-z0-9\-_]+)$/, label: 'header.number.text' },
   ]);
+
   const snippets = ref({
     basic: `<timus-breadcrumb :paths="[ { regex: /^\/about$/, label: 'header.about.text' } ]" />`,
     composable: `

package/dist/runtime/components/development/example.button.vue

@@ -219,6 +219,7 @@
 
   const sizes = ['default', 'large', 'medium', 'small', 'mini'];
   const colors = ['default', 'primary', 'secondary', 'neutral', 'success', 'warning', 'info', 'danger'];
+
   const snippets = {
     group: `
     <el-button-group>
@@ -228,7 +229,9 @@
       </el-button>
     </el-button-group>`,
   };
+
   const active_color = ref('default');
+
   const capitalize = (value: string): string => {
     const text = String(value);
 

package/dist/runtime/components/development/example.datepicker.vue

@@ -157,6 +157,7 @@
   const range_value = ref([]);
   const value = ref('');
   const sizes = ref<Array<'default' | 'large' | 'medium' | 'small' | 'mini'>>(['default', 'large', 'medium', 'small', 'mini']);
+
   const shortcuts = [
     {
       text: 'Today',
@@ -183,7 +184,9 @@
       },
     },
   ];
+
   const disabledDate = (time: Date) => time.getTime() > Date.now();
+
   const snippets = ref({
     basic: `<el-date-picker v-model="value" type="date" placeholder="Pick a day" size="large" />`,
     types: `<el-date-picker v-model="value" type="month" placeholder="Pick a month" />`,

package/dist/runtime/components/development/example.description.vue

@@ -79,6 +79,7 @@
 
   const size = ref('default');
   const column_count = ref(3);
+
   const snippets = ref({
     basic: `
       <el-tooltip class="box-item" effect="dark" content="Left Bottom prompts info" placement="left-end">

package/dist/runtime/components/development/example.dialog.vue

@@ -39,6 +39,7 @@
   // useZIndex(c);
 
   const dialogVisible = ref(false);
+
   const handleClose = (done: () => void) => {
     ElMessageBox.confirm('Are you sure to close this dialog?')
       .then(() => {
@@ -48,6 +49,7 @@
         // catch error
       });
   };
+
   const snippets = ref({
     basic: `
       <el-button plain @click="dialogVisible = true"> Click to open the Dialog </el-button>

package/dist/runtime/components/development/example.dropdown.vue

@@ -167,6 +167,7 @@
   const trigger_selected = ref('click');
   const size_list = ref(['default', 'large', 'medium', 'small', 'mini']);
   const size_selected = ref('default');
+
   const snippets = ref({
     basic: `
     <el-dropdown>
@@ -186,6 +187,7 @@
     underline: `<el-link :underline="false">Without Underline</el-link>`,
     icon: `<el-link class="isax-add icon-right">Check</el-link>`,
   });
+
   const handleClick = () => {
     alert('button click');
   };

package/dist/runtime/components/development/example.form.vue

@@ -321,10 +321,13 @@
     resource: '',
     desc: '',
   });
+
   const onSubmit = () => {
     console.log('submit!');
   };
+
   const labelPosition = ref<FormProps['labelPosition']>('top');
+
   const snippets = ref({
     basic: `
       <el-form :model="form" label-width="auto" :label-position="top" require-asterisk-position="right">
@@ -399,6 +402,7 @@
 
   const formSize = ref<ComponentSize>('default');
   const ruleFormRef = ref<FormInstance>();
+
   const ruleForm = reactive<RuleForm>({
     name: 'Hello',
     region: '',
@@ -411,7 +415,9 @@
     resource: '',
     desc: '',
   });
+
   const locationOptions = ['Home', 'Company', 'School'];
+
   const rules = reactive<FormRules<RuleForm>>({
     name: [
       { required: true, message: 'Please input Activity name', trigger: 'blur' },
@@ -471,6 +477,7 @@
     ],
     desc: [{ required: true, message: 'Please input activity form', trigger: 'blur' }],
   });
+
   const submitForm = async (formEl: FormInstance | undefined) => {
     if (!formEl) return;
     await formEl.validate((valid: boolean, fields) => {
@@ -481,10 +488,12 @@
       }
     });
   };
+
   const resetForm = (formEl: FormInstance | undefined) => {
     if (!formEl) return;
     formEl.resetFields();
   };
+
   const options = Array.from({ length: 10000 }).map((_, idx) => ({
     value: `${idx + 1}`,
     label: `${idx + 1}`,

package/dist/runtime/components/development/example.input.vue

@@ -224,6 +224,7 @@
   const input = ref('');
   const textarea = ref('');
   const select = ref('1');
+
   const snippets = {
     formatter: `<el-input
         v-model="input"
@@ -253,6 +254,7 @@
       </el-input>
   `,
   };
+
   const capitalize = (value: string): string => {
     const text = String(value);
 

package/dist/runtime/components/development/example.link.vue

@@ -62,6 +62,7 @@
   import { ref } from 'vue';
 
   const colors = ref<string[]>(['default', 'primary', 'secondary', 'neutral', 'success', 'warning', 'info', 'danger']);
+
   const snippets = ref({
     basic: `<el-link href="https://element-plus.org" target="_blank" type="secondary">default</el-link>`,
     disabled: `<el-link type="secondary" disabled>default</el-link>`,

package/dist/runtime/components/development/example.message.vue

@@ -32,6 +32,7 @@
   import { ref } from 'vue';
 
   const colors = ref(['success', 'warning', 'info', 'error' /* , 'danger' */]);
+
   const snippets = ref({
     basic: `
     import { ElMessage, type MessageOptions } from 'element-plus';
@@ -46,10 +47,13 @@
     } as MessageOptions)
     `,
   });
+
   const basicOpener = () => {
     ElMessage({ message: 'This is a message.', showClose: true, duration: 0 });
   };
+
   const isPlain = ref(false);
+
   const open = function (type: string, plain: boolean = true) {
     ElMessage({
       showClose: true,

package/dist/runtime/components/development/example.notification.vue

@@ -49,6 +49,7 @@
       type: type ?? 'default',
     });
   };
+
   const snippets = ref({
     basic: `
       ElNotification({
@@ -65,6 +66,7 @@
       });
     `,
   });
+
   const capitalize = (value: string): string => {
     if (!value) return null;
 

package/dist/runtime/components/development/example.number.vue

@@ -58,9 +58,11 @@
 
   const sizes = ref(['default', 'large', 'medium', 'small', 'mini']);
   const num = ref(1);
+
   const handleChange = (value: number) => {
     console.log(value);
   };
+
   const snippets = ref({
     basic: `
       <el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />

package/dist/runtime/components/development/example.pagination.vue

@@ -78,7 +78,9 @@
       console.log(page);
     },
   });
+
   const { current_page, size, page_size, disabled, background, handleSizeChange, handleCurrentChange } = toRefs(paginationState);
+
   const snippets = ref({
     basic: `
     <el-pagination

package/dist/runtime/components/development/example.popover.vue

@@ -101,11 +101,14 @@
   const buttonRef = ref();
   const popoverRef = ref();
   const visible = ref(false);
+
   const onClickOutside = () => {
     unref(popoverRef).popperRef?.delayHide?.();
   };
+
   const sizes = ['default', 'large', 'medium', 'small', 'mini'];
   const model = ref('');
+
   const snippets = {
     basic: `
       <el-popover placement="top-start" title="Title" :width="200" trigger="hover" content="this is content, this is content, this is content">

package/dist/runtime/components/development/example.sidebar.vue

@@ -70,6 +70,7 @@
   import { ref } from 'vue';
 
   const route = useRoute();
+
   const currentRoute = computed(() => ({
     path: route.path,
     fullPath: route.fullPath,
@@ -77,12 +78,15 @@
     params: route.params,
     query: route.query,
   }));
+
   const handleOpen = (key: string, keyPath: string[]) => {
     console.log(key, keyPath);
   };
+
   const handleClose = (key: string, keyPath: string[]) => {
     console.log(key, keyPath);
   };
+
   const snippets = ref({
     sizes: `
       <el-menu :default-active="currentRoute.path" class="w-[270px]" :router="true" @open="handleOpen" @close="handleClose">

package/dist/runtime/components/development/example.switch.vue

@@ -83,6 +83,7 @@
   const value = ref(true);
   const custom = ref(100);
   const sizes = ref(['default', 'large', 'medium', 'small', 'mini']);
+
   const snippets = ref({
     basic: `<el-switch v-model="value2" class="ml-2" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949" />`,
     sizes: `<el-switch v-model="value" size="large" />`,

package/dist/runtime/components/development/example.table.vue

@@ -90,6 +90,7 @@
     zip: string;
     address: string;
   }
+
   const tableData: User[] = [
     {
       date: '2016-05-03',
@@ -148,6 +149,7 @@
       zip: 'CA 90036',
     },
   ];
+
   const snippets = ref({
     basic: `
       <el-table :data="tableData" style="width: 100%">

package/dist/runtime/components/development/example.tag.vue

@@ -161,24 +161,31 @@
   const checked3 = ref(true);
   const checked4 = ref(true);
   const checked5 = ref(true);
+
   const onChange = (status: boolean) => {
     checked.value = status;
   };
+
   const onChange1 = (status: boolean) => {
     checked1.value = status;
   };
+
   const onChange2 = (status: boolean) => {
     checked2.value = status;
   };
+
   const onChange3 = (status: boolean) => {
     checked3.value = status;
   };
+
   const onChange4 = (status: boolean) => {
     checked4.value = status;
   };
+
   const onChange5 = (status: boolean) => {
     checked5.value = status;
   };
+
   const items = ref<Array<Item>>([
     { type: 'primary', label: 'Tag 1' },
     { type: 'secondary', label: 'Tag 2' },
@@ -188,6 +195,7 @@
     { type: 'warning', label: 'Tag 4' },
     { type: 'danger', label: 'Tag 5' },
   ]);
+
   const tags = ref<TagsItem[]>([
     { name: 'Tag 1', type: 'primary' },
     { name: 'Tag 1', type: 'secondary' },
@@ -197,23 +205,28 @@
     { name: 'Tag 4', type: 'warning' },
     { name: 'Tag 5', type: 'danger' },
   ]);
+
   const inputValue = ref('');
   const dynamicTags = ref(['Tag 1', 'Tag 2', 'Tag 3']);
   const inputVisible = ref(false);
   const InputRef = ref<InputInstance>();
+
   const handleClose = (tag: string) => {
     dynamicTags.value.splice(dynamicTags.value.indexOf(tag), 1);
   };
+
   const showInput = () => {
     inputVisible.value = true;
     nextTick(() => {
       InputRef.value!.input!.focus();
     });
   };
+
   const handleInputConfirm = () => {
     if (inputValue.value) {
       dynamicTags.value.push(inputValue.value);
     }
+
     inputVisible.value = false;
     inputValue.value = '';
   };

package/dist/runtime/components/development/example.timepicker.vue

@@ -56,6 +56,7 @@
   const value = ref('');
   const range = ref<[Date, Date]>([new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)]);
   const limited = ref(new Date(2016, 9, 10, 18, 30));
+
   const makeRange = (start: number, end: number) => {
     const result: number[] = [];
 
@@ -65,22 +66,27 @@
 
     return result;
   };
+
   const disabledHours = () => makeRange(0, 16).concat(makeRange(19, 23));
+
   const disabledMinutes: GetDisabledMinutes = (hour: number) => {
     if (hour === 17) {
       return makeRange(0, 29) as number[];
     }
+
     if (hour === 18) {
       return makeRange(31, 59) as number[];
     }
 
     return [];
   };
+
   const disabledSeconds = (hour: number, minute: number) => {
     if (hour === 18 && minute === 30) {
       return makeRange(1, 59);
     }
   };
+
   const snippets = ref({
     basic: `<el-time-picker v-model="value" arrow-control placeholder="Arbitrary time" />`,
     limit: `<el-time-picker v-model="limited" :disabled-hours="disabledHours" :disabled-minutes="disabledMinutes" :disabled-seconds="disabledSeconds" placeholder="Arbitrary time" />`,

package/dist/runtime/components/development/example.upload.vue

@@ -49,20 +49,25 @@
       url: 'https://element-plus.org/images/element-plus-logo.svg',
     },
   ]);
+
   const handleRemove: UploadProps['onRemove'] = (file, uploadFiles) => {
     console.log(file, uploadFiles);
   };
+
   const handlePreview: UploadProps['onPreview'] = (uploadFile) => {
     console.log(uploadFile);
   };
+
   const handleExceed: UploadProps['onExceed'] = (files, uploadFiles) => {
     ElMessage.warning(`The limit is 3, you selected ${files.length} files this time, add up to ${files.length + uploadFiles.length} totally`);
   };
+
   const beforeRemove: UploadProps['beforeRemove'] = (uploadFile, uploadFiles) =>
     ElMessageBox.confirm(`Cancel the transfer of ${uploadFile.name} ?`).then(
       () => true,
       () => false,
     );
+
   const snippets = ref({
     basic: `<el-upload
             v-model:file-list="fileList"

package/dist/runtime/components/production/html-encode.vue

@@ -15,6 +15,7 @@
   import { computed } from 'vue';
 
   const props = defineProps<{ tag: string }>();
+
   const htmlEncode = (str: string): string => {
     const entityMap: { [key: string]: string } = {
       '&': '&amp;',
@@ -26,8 +27,10 @@
 
     return str.replace(/[&<>"']/g, (m: string) => entityMap[m]);
   };
+
   const formattedLines = computed(() => {
     const lines = props.tag.split('\n');
+
     const baseIndent = lines.reduce((min, line) => {
       const match = line.match(/^\s*/);
       const indent = match ? match[0].length : 0;

package/dist/runtime/pages/theme.vue

@@ -43,6 +43,7 @@
   });
 
   const activeName = ref('alert');
+
   const handleClick = (_tab: TabsPaneContext, _event: Event) => {
     // console.log(tab, event);
   };

package/dist/runtime/plugins/sample-plugin.js

@@ -1,5 +1,6 @@
 import { defineNuxtPlugin } from "#app";
 import PackageJson from "../../../package.json";
 export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.provide("module.theme", { version: PackageJson.version, name: PackageJson.name, description: PackageJson.description });
+  const modules = nuxtApp.$modules ?? {};
+  nuxtApp.provide("modules", { ...modules, utils: { version: PackageJson.version, name: PackageJson.name, description: PackageJson.description } });
 });

package/dist/runtime/plugins/sample-plugin.mjs

@@ -1,5 +1,6 @@
 import { defineNuxtPlugin } from "#app";
 import PackageJson from "../../../package.json";
 export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.provide("module.theme", { version: PackageJson.version, name: PackageJson.name, description: PackageJson.description });
+  const modules = nuxtApp.$modules ?? {};
+  nuxtApp.provide("modules", { ...modules, utils: { version: PackageJson.version, name: PackageJson.name, description: PackageJson.description } });
 });

package/dist/runtime/public/scss/element-plus/index.css

@@ -10608,6 +10608,7 @@ heights > $common-component-size
   gap: 4px;
   color: var(--el-message-text-color);
   box-shadow: var(--el-box-shadow-light);
+  z-index: 99999;
 }
 .el-message.is-center {
   justify-content: center;
@@ -10922,7 +10923,6 @@ heights > $common-component-size
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: 2000 !important;
   height: 100%;
   background-color: #343337cc;
   overflow: auto;

package/dist/runtime/public/scss/element-plus/message.css

@@ -331,6 +331,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 4px;
   color: var(--el-message-text-color);
   box-shadow: var(--el-box-shadow-light);
+  z-index: 99999;
 }
 .el-message.is-center {
   justify-content: center;

package/dist/runtime/public/scss/element-plus/message.scss

@@ -29,6 +29,7 @@
   gap: 4px;
   color: getCssVar('message', 'text-color');
   box-shadow: getCssVar('box-shadow-light');
+  z-index: 99999;
 
   @include when(center) {
     justify-content: center;

package/dist/runtime/public/scss/element-plus/overlay.css

@@ -306,7 +306,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: 2000 !important;
   height: 100%;
   background-color: #343337cc;
   overflow: auto;

package/dist/runtime/public/scss/element-plus/overlay.scss

@@ -8,7 +8,7 @@
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: 2000 !important;
+  // z-index: 2000 !important;
   height: 100%;
   background-color: #{map.get($colors, 'neutral', 'light-9')}cc;
   overflow: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timus-networks/theme",
-  "version": "2.4.56",
+  "version": "2.4.58",
   "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
   "type": "module",
   "exports": {