Merge branch 'beta' into 'master'

chore: 简化引用image写法

See merge request !16

src/layout/components/sidebar/sidebar.vue

@@ -73,9 +73,7 @@ function handleMenuValueChange(key: string) {
 <template>
   <div class="flex h-full flex-col justify-between overflow-hidden">
     <div class="flex flex-1 flex-col overflow-hidden">
-      <div
-        class="mx-auto flex h-[50px] w-full shrink-0 bg-[url('@/assets/images/page-logo.png')] bg-contain bg-center bg-no-repeat"
-      />
+      <div class="bg-px-page_logo-png mx-auto flex h-[50px] w-full shrink-0 bg-contain bg-center bg-no-repeat" />
 
       <div class="px-3 py-5">
         <button

src/views/personal-space/personal-app-setting/components/footer-input.vue

@@ -230,7 +230,7 @@ defineExpose({
           @keypress="handleEnterKeypress"
         />
         <div
-          class="absolute bottom-2 right-[20px] h-[24px] w-[24px] bg-[url('@/assets/images/send.png')] bg-contain"
+          class="bg-px-send-png absolute bottom-2 right-[20px] h-[24px] w-[24px]"
           :class="isSendBtnDisabled || isAnswerResponseWait ? 'opacity-60' : 'cursor-pointer'"
           @click="handleMessageSend"
         />

src/views/personal-space/personal-knowledge/document-detail.vue

@@ -279,12 +279,8 @@ async function handleUpdateOpenKnowledgeChunk(chunkItem: KnowledgeChunkItem) {
       >
         <div class="flex flex-col items-center justify-center">
           <div
-            class="mb-5 h-[68px] w-[68px] bg-contain"
-            :class="
-              isSearchEmptyList
-                ? `bg-[url('@/assets/images/search-empty-list.png')]`
-                : `bg-[url('@/assets/images/empty-list.png')]`
-            "
+            class="mb-5 h-[68px] w-[68px]"
+            :class="isSearchEmptyList ? 'bg-px-search_empty_list-png' : 'bg-px-empty_list-png'"
           />
           <p class="text-gray-font-color select-none">{{ emptyKnowledgeChunkListText }}</p>
         </div>

src/views/personal-space/personal-knowledge/personal-document.vue

@@ -262,12 +262,8 @@ function handleBackKnowledgeList() {
             <div :style="{ height: tableContentY + 'px' }" class="flex items-center justify-center">
               <div class="flex flex-col items-center justify-center">
                 <div
-                  class="mb-5 h-[68px] w-[68px] bg-contain"
-                  :class="
-                    isSearchEmptyList
-                      ? `bg-[url('@/assets/images/search-empty-list.png')]`
-                      : `bg-[url('@/assets/images/empty-document-list.png')]`
-                  "
+                  class="mb-5 h-[68px] w-[68px]"
+                  :class="isSearchEmptyList ? 'bg-px-search_empty_list-png' : 'bg-px-empty_document_list-png'"
                 />
                 <p class="select-none text-[#84868c]">{{ emptyTableDataText }}</p>
               </div>

src/views/personal-space/personal-knowledge/personal-knowledge.vue

@@ -143,12 +143,8 @@ async function handleGetKnowledgeListUpdatePageSize(pageSize: number) {
           <div :style="{ height: tableContentY + 'px' }" class="flex items-center justify-center">
             <div class="flex flex-col items-center justify-center">
               <div
-                class="mb-5 h-[68px] w-[68px] bg-contain"
-                :class="
-                  isSearchEmptyList
-                    ? `bg-[url('@/assets/images/search-empty-list.png')]`
-                    : `bg-[url('@/assets/images/empty-list.png')]`
-                "
+                class="mb-5 h-[68px] w-[68px]"
+                :class="isSearchEmptyList ? 'bg-px-search_empty_list-png' : 'bg-px-empty_list-png'"
               />
               <p class="text-gray-font-color select-none">{{ emptyTableDataText }}</p>
             </div>

src/views/share/components/footer-input.vue

@@ -230,7 +230,7 @@ defineExpose({
           @keypress="handleEnterKeypress"
         />
         <div
-          class="absolute bottom-2 right-[20px] h-[24px] w-[24px] bg-[url('@/assets/images/send.png')] bg-contain"
+          class="bg-px-send-png absolute bottom-2 right-[20px] h-[24px] w-[24px]"
           :class="isSendBtnDisabled || isAnswerResponseWait || !isLogin ? 'opacity-60' : 'cursor-pointer'"
           @click="handleMessageSend"
         />

src/views/share/components/mobile-page-header.vue

@@ -33,7 +33,7 @@ function handleToLogin() {
 
 <template>
   <header class="flex h-[48px] w-full items-center justify-between border-b border-[#e8e9eb] bg-white px-4">
-    <div class="h-[23px] w-[90px] bg-[url('@/assets/images/page-logo.png')] bg-contain bg-center bg-no-repeat" />
+    <div class="bg-px-page_logo-png h-[23px] w-[90px] bg-contain bg-center bg-no-repeat" />
     <div>
       <NButton
         v-show="isLogin"