refactor: update auto-imports and component declarations for improved clarity and functionality

- Removed unused icon declarations from auto-imports.d.ts to streamline global definitions.
- Added ElInputNumber to auto-imports for enhanced input functionality.
- Updated components.d.ts to rename ComponentCustomProperties to GlobalDirectives for better clarity.
- Modified main.js to load the Jira issue collector script dynamically for improved integration.
- Updated LockedDialog.vue to change the URL for the OP button.
- Enhanced Header.vue and Sidebar.vue to improve conditional rendering and user experience.

Author: cn-xufei

apps/daas/src/auto-imports.d.ts

@@ -8,9 +8,9 @@ export {}
 declare global {
   const ElIcon: typeof import('element-plus/es')['ElIcon']
   const ElIconCopyDocument: typeof import('@element-plus/icons-vue')['CopyDocument']
-  const ElIconRefresh: typeof import('@element-plus/icons-vue')['Refresh']
   const ElIconSearch: typeof import('@element-plus/icons-vue')['Search']
   const ElInput: typeof import('element-plus/es')['ElInput']
+  const ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
   const ElLoading: typeof import('element-plus/es')['ElLoading']
   const ElMessage: typeof import('element-plus/es')['ElMessage']
   const ElMessageBox: typeof import('element-plus/es')['ElMessageBox']
@@ -24,9 +24,6 @@ declare global {
   const IconLucideTriangleAlert: typeof import('~icons/lucide/triangle-alert')['default']
   const IconMingcuteCheckCircleFill: typeof import('~icons/mingcute/check-circle-fill')['default']
   const IconMingcuteCloseCircleFill: typeof import('~icons/mingcute/close-circle-fill')['default']
-  const IconMingcuteErrorFill: typeof import('~icons/mingcute/error-fill')['default']
   const IconMingcuteInformationFill: typeof import('~icons/mingcute/information-fill')['default']
-  const IconMingcuteWarning: typeof import('~icons/mingcute/warning')['default']
   const IconMingcuteWarningFill: typeof import('~icons/mingcute/warning-fill')['default']
-  const IconMingcuteWarningFilled: typeof import('~icons/mingcute/warning-filled')['default']
 }

apps/daas/src/components.d.ts

@@ -104,7 +104,7 @@ declare module 'vue' {
     RouterView: typeof import('vue-router')['RouterView']
     VDivider: typeof import('./components/VDivider.vue')['default']
   }
-  export interface ComponentCustomProperties {
+  export interface GlobalDirectives {
     vInfiniteScroll: typeof import('element-plus/es')['ElInfiniteScroll']
     vLoading: typeof import('element-plus/es')['ElLoadingDirective']
   }

apps/daas/src/components/LockedDialog.vue

@@ -10,7 +10,9 @@ export default {
     },
     goOP() {
       this.handleClose()
-      window.open('https://tapdata.mike-x.com/lV5o0?m=3VXe4lCHe9LjBsda')
+      window.open(
+        'https://tapdata.feishu.cn/share/base/form/shrcnoYXtxkXe7L4wu3vKDYzUUc',
+      )
     },
     goCloud() {
       this.handleClose()

apps/daas/src/layouts/Header.vue

@@ -243,7 +243,7 @@ defineExpose({
     height="64px"
   >
     <a
-      v-if="isOP"
+      v-if="isOP || isCommunity"
       class="logo w-auto text-white flex align-center gap-2"
       href="/"
     >
@@ -268,7 +268,10 @@ defineExpose({
         </template>
       </el-alert>
       <ElButton v-if="isCommunity" id="add-jira-issue-btn" type="primary"
-        ><VIcon>bug-outlined</VIcon> New Issue
+        ><template #icon>
+          <VIcon>bug-outlined</VIcon>
+        </template>
+        New Issue
       </ElButton>
       <NotificationPopover v-if="showNotification" class="ml-4" />
       <ElDropdown

apps/daas/src/layouts/Sidebar.vue

@@ -171,6 +171,9 @@ onMounted(() => {
             <VIcon size="16" class="menu-icon">{{ menu.icon }}</VIcon>
             <template #title>
               <span class="ml-4 title">{{ menu.label }}</span>
+              <VIcon v-if="lockedFeature[menu.name]" class="ml-2" size="24"
+                >lock-circle</VIcon
+              >
             </template>
           </ElMenuItem>
         </template>

apps/daas/src/main.js

@@ -159,14 +159,23 @@ document.addEventListener('visibilitychange', () => {
 
 // community add jira issue collector
 if (import.meta.env.VUE_APP_MODE === 'community') {
-  window.ATL_JQ_PAGE_PROPS = {
-    triggerFunction(showCollectorDialog) {
-      document.addEventListener('click', function (event) {
-        const target = document.querySelector('#add-jira-issue-btn')
-        if (event.target === target || target.contains(event.target)) {
-          showCollectorDialog()
-        }
-      })
-    },
-  }
+  const script = document.createElement('script')
+  script.type = 'text/javascript'
+  script.src =
+    'https://tapdata.atlassian.net/s/d41d8cd98f00b204e9800998ecf8427e-T/-vg1gsr/b/9/c95134bc67d3a521bb3f4331beb9b804/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector.js?collectorId=11deaaeb'
+
+  script.addEventListener('load', () => {
+    window.ATL_JQ_PAGE_PROPS = {
+      triggerFunction(showCollectorDialog) {
+        document.addEventListener('click', function (event) {
+          const target = document.querySelector('#add-jira-issue-btn')
+          if (event.target === target || target.contains(event.target)) {
+            showCollectorDialog()
+          }
+        })
+      },
+    }
+  })
+
+  document.head.append(script)
 }