@ithinkdt/page 4.0.20 → 4.0.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ithinkdt/page",
-  "version": "4.0.20",
+  "version": "4.0.21",
   "type": "module",
   "license": "MIT",
   "description": "iThinkDT Page",

package/src/list.js

@@ -71,17 +71,17 @@ export function useListPageCustomization({
 
     const getDefaultName = (i, namePrefix = t('common.page.custom.profile')) => {
         const name = `${namePrefix}${i}`
-        if (config.value.profiles.some(profile => profile.name === name)) return getDefaultName(i + 1, namePrefix)
+        if (profiles.value.some(profile => profile.name === name)) return getDefaultName(i + 1, namePrefix)
         return name
     }
 
     const onSet = async (newValue, storage) => {
-        const profile = config.value.profiles.find(profile => profile.key === storage.profile)
+        const profile = profiles.value.find(profile => profile.key === storage.profile)
         if (profile?.locked) {
             const profileName = getDefaultName(1, profile.key === 'default' ? undefined : profile?.name)
             const profileKey = nanoid()
-            const index = config.value.profiles.findIndex(profile => profile.key === storage.profile)
-            config.value.profiles.splice(index + 1, 0, { key: profileKey, name: profileName })
+            const index = profiles.value.findIndex(profile => profile.key === storage.profile)
+            config.value.profiles.splice(index, 0, { key: profileKey, name: profileName })
             await switchProfile(profileKey, false)
         }
         changing.value = true
@@ -126,9 +126,7 @@ export function useListPageCustomization({
         {
             latest: 'default',
             preference: undefined,
-            profiles: [
-                { key: 'default', locked: true },
-            ],
+            profiles: [],
         },
         storage,
         {
@@ -137,7 +135,6 @@ export function useListPageCustomization({
             onReady() {
                 resolve()
                 nextTick(() => {
-                    config.value.profiles[0].name = t('common.page.custom.profileDefault')
                     const key = route.params[routeParamName]
                     switchProfile(key)
                 })
@@ -145,6 +142,11 @@ export function useListPageCustomization({
         },
     )
 
+    const profiles = computed(() => [
+        { key: 'default', name: t('common.page.custom.profileDefault'), locked: true },
+        ...config.value.profiles,
+    ])
+
     const profile = computed({
         get: () => config.value.latest ?? 'default',
         set: (key) => {
@@ -189,7 +191,7 @@ export function useListPageCustomization({
             key = name.key
         }
         key ??= config.value.latest
-        const profile = config.value.profiles.find(profile => profile.key === key)
+        const profile = profiles.value.find(profile => profile.key === key)
         if (!profile) {
             console.debug(`[customizer] profile not found: ${key}`)
             return
@@ -198,13 +200,13 @@ export function useListPageCustomization({
     }
 
     async function copyProfile(key, name) {
-        const index = config.value.profiles.findIndex(profile => profile.key === key)
+        const index = profiles.value.findIndex(profile => profile.key === key)
         if (index === -1) {
             console.debug(`[customizer] profile not found: ${key}`)
             return
         }
-        const newProfile = { key: nanoid(), name: name ?? getDefaultName(1, config.value.profiles[index].name) }
-        config.value.profiles.splice(index + 1, 0, newProfile)
+        const newProfile = { key: nanoid(), name: name ?? getDefaultName(1, profiles.value[index].name) }
+        config.value.profiles.splice(index, 0, newProfile)
         await Promise.all([
             storage.setItem(
                 `customization#${filterStorage.key}~${newProfile.key}#${filterStorage.type}`,
@@ -224,7 +226,7 @@ export function useListPageCustomization({
             key = key.key
             locked = key.locked
         }
-        const profile = config.value.profiles.find(profile => profile.key === key)
+        const profile = profiles.value.find(profile => profile.key === key)
         if (!profile) {
             console.debug(`[customizer] profile not found: ${key}`)
             return
@@ -233,7 +235,7 @@ export function useListPageCustomization({
     }
 
     const returns = {
-        profiles: computed(() => config.value.profiles),
+        profiles,
         profile,
         preference,
         changing,