initial commit

2026-06-23 13:28:38 +07:00
commit 966ed115b2
590 changed files with 111412 additions and 0 deletions
@@ -0,0 +1,40 @@
+<script setup>
+import { useLayouts } from '@layouts'
+import { config } from '@layouts/config'
+import { can } from '@layouts/plugins/casl'
+
+const props = defineProps({
+  item: {
+    type: null,
+    required: true,
+  },
+})
+
+const { isVerticalNavMini, dynamicI18nProps } = useLayouts()
+const { width: windowWidth } = useWindowSize()
+const shallRenderIcon = isVerticalNavMini(windowWidth)
+</script>
+
+<template>
+  <li
+    v-if="can(item.action, item.subject)"
+    class="nav-section-title"
+  >
+    <div class="title-wrapper">
+      <Transition
+        name="vertical-nav-section-title"
+        mode="out-in"
+      >
+        <!-- eslint-disable vue/no-v-text-v-html-on-component -->
+        <Component
+          :is="shallRenderIcon ? config.app.iconRenderer : config.app.enableI18n ? 'i18n-t' : 'span'"
+          :key="shallRenderIcon"
+          :class="shallRenderIcon ? 'placeholder-icon' : 'title-text'"
+          v-bind="{ ...config.icons.sectionTitlePlaceholder, ...dynamicI18nProps(item.heading, 'span') }"
+          v-text="!shallRenderIcon ? item.heading : null"
+        />
+        <!-- eslint-enable vue/no-v-text-v-html-on-component -->
+      </Transition>
+    </div>
+  </li>
+</template>