(chore)star-li合并default和primary类型到默认,清理部分旧内容.

src/components/li/README-settings.md

@@ -34,57 +34,39 @@
 命名:
 
 ```html
-<!-- 两态汇总 -->
+<!-- 基础式 -->
-<star-li type="default" label="跳转项" href="#somewhere"></star-li>
+<star-li label="跳转项" href="#somewhere"></star-li>
-<star-li type="primary" label="已连接wifi项" icon="wifi-lock-4" value="已连接"></star-li>
+<star-li label="微博" appicon="weibo" value="3.64GB" href="#xxxx"></star-li>
-<star-li type="primary" label="Kylin" icon="wifi-lock-4" square="5G" info>
+<star-li label="已连接wifi项" variant="primary" icon="wifi-lock-4" value="已连接"></star-li>
-  <star-button type="icon" size="small" icon="debug" @click="显示xxxx"></star-button>
+<star-li label="垃圾文件" variant="primary" appicon="filemanager" description="1.31 GB" value="去清理" href="#xxxx"></star-li>
-</star-li>
+<star-li label="这是Label" appicon="settings" description="这是Description" square="可选的方块标签" value="普通灰色VALUE" href="#xxxx"></star-li>
+<star-li label="这是Label" variant="primary" appicon="settings" description="这是Description" square="可选的方块标签" value="蓝色强调VALUE"></star-li>
+
+<!-- 内包含式 -->
+<star-li type="button" variant="primary" label="添加其他网络"></star-li>
+<star-li type="checkbox" label="缓存垃圾" value="322 MB"></star-li>
+<star-li type="input" label="主机名" value="proxy.example.com"></star-li>
+<star-li type="selector" label="自动息屏" value="2分钟"></star-li>
+<star-li type="selector" label="自动息屏" value="2分钟"></star-li>
+<star-li type="switch" label="控件项"></star-li>
 <star-li type="switch" label="护眼模式" description="开启后，可降低屏幕蓝光辐射，预防用眼疲劳"></star-li>
-<star-li type="embed-switch" appicon="gallery" label="微博" description="已开启所有通知" split>
+
-  <star-switch></star-switch>
+<!-- 外嵌入式 -->
-</star-li>
 <star-li type="embed-checkbox" appicon="appstore" label="微博" split>
   <star-checkbox-group></star-checkbox-group>
 </star-li>
-<star-li type="input" label="主机名" value="proxy.example.com"></star-li>
-<star-li type="selector" label="自动息屏" value="2分钟"></star-li>
-<star-li type="button" variant="primary" label="添加其他网络"></star-li>
 <star-li type="embed-card">
   <satr-card></star-card>
 </star-li>
-<star-li type="primary" appicon="filemanager" label="垃圾文件" description="1.31 GB" value="去清理" href="#xxxx"></star-li>
-<star-li type="default" appicon="weibo" label="微博" value="3.64GB" href="#xxxx"></star-li>
-<star-li type="checkbox" label="缓存垃圾" value="322 MB"></star-li>
-
-<!-- 基本款完全态 -->
-<star-li type="default" appicon="settings" label="这是Label" description="这是Description" square="可选的方块标签" value="普通灰色VALUE" href="#xxxx"></star-li>
-<star-li type="primary" appicon="settings" label="这是Label" description="这是Description" square="可选的方块标签" value="蓝色强调VALUE"></star-li>
-
-<!-- 基础式 -->
-<star-li type="default" appicon="weibo" label="微博" value="3.64GB" href="#xxxx"></star-li>
-<star-li type="primary" appicon="filemanager" label="垃圾文件" description="1.31 GB" value="去清理" href="#xxxx"></star-li>
-
-<!-- 内包含式 -->
-<star-li type="switch" label="控件项"></star-li>
-<star-li type="selector" label="自动息屏" value="2分钟"></star-li>
-<star-li type="button" variant="primary" label="添加其他网络"></star-li>
-<star-li type="input" label="主机名" value="proxy.example.com"></star-li>
-<star-li type="checkbox" label="缓存垃圾" value="322 MB"></star-li>
-
-<!-- 外嵌入式 -->
 <star-li type="embed-info" appicon="settings" label="这是Label" description="这是Description" square="可选的方块标签" split value="普通灰色VALUE" href="#xxxx" info>
   <star-button label="info" @click="显示xxxx"></star-button>
 </star-li>
+  <star-li type="embed-switch" appicon="gallery" label="微博" description="已开启所有通知" split>
+    <star-switch></star-switch>
+  </star-li>
 <star-li type="embed-switch" appicon="settings" label="这是Label" description="这是Description" square="可选的方块标签" split value="普通灰色VALUE" href="#xxxx" info>
   <star-button label="info" @click="显示xxxx"></star-button>
 </star-li>
-<star-li type="embed-checkbox" appicon="appstore" label="微博" split>
-  <star-checkbox-group></star-checkbox-group>
-</star-li>
-<star-li type="embed-card">
-  <satr-card></star-card>
-</star-li>
 ```
 
 注意:

src/components/li/li.css.ts

@@ -145,7 +145,7 @@ export default css`
     line-height: var(--auto-26px);
     color: var(--li-value-default);
   }
-  :host([type='primary']) span#value {
+  :host([variant='primary']) span#value {
     color: var(--li-value-primary);
   }
 
@@ -314,7 +314,7 @@ export default css`
     margin-left: var(--auto-12px);
     margin-right: var(--auto-38_5px);
   }
-  :host([type='embed-checkbox']) div#checkbox-container::before {
+  :host([split][type='embed-checkbox']) div#checkbox-container::before {
     content: '';
     position: relative;
     margin: auto;

src/components/li/li.ts

@@ -22,23 +22,20 @@ export enum LiType {
   /* deprecated */ ONLY_READ = 'only-read',
   /* deprecated */ SWITCH_LABEL = 'switch-label',
 
-  /* 基础式 */
-  DEFAULT = 'default',
-  PRIMARY = 'primary',
-
   /* 内包含式 */
-  RADIO = 'radio',
-  SWITCH = 'switch',
-  SELECTOR = 'selector',
   BUTTON = 'button',
-  INPUT = 'input',
   CHECKBOX = 'checkbox',
+  INPUT = 'input',
+  RADIO = 'radio',
+  /* todo */ SELECTOR = 'selector',
+  SWITCH = 'switch',
 
   /* 嵌入式 */
   EMBED_INFO = 'embed-info',
   EMBED_SWITCH = 'embed-switch',
   EMBED_CHECKBOX = 'embed-checkbox',
-  EMBED_CARD = 'embed-card',
+  /* todo */ EMBED_CARD = 'embed-card',
+  /* todo */ EMBED_SLIDER = 'embed-slider',
 }
 
 @customElement('star-li')
@@ -468,6 +465,11 @@ export class StarLi extends StarBaseElement {
       case LiType.BUTTON:
         return this.renderButton()
 
+      case LiType.INPUT:
+        return html`
+          <li>${this.generateGeneral(this.generateStaticSlot.bind(this))}</li>
+        `
+
       case LiType.CHECKBOX:
       case LiType.SWITCH:
         return html`
@@ -481,6 +483,7 @@ export class StarLi extends StarBaseElement {
             ${this.generateGeneral(this.generateStaticSlot.bind(this))}
           </li>
         `
+
       default:
         return html`
           <li>${this.generateGeneral()}</li>

src/test/panels/general/about-machine/about-machine.ts

@@ -256,7 +256,6 @@ export class PanelAboutMachine extends LitElement {
                 ${node.href
                   ? html`
                       <star-li
-                        type=${node.nodetype}
                         label=${node.label}
                         value=${node.value}
                         href=${node.href}
@@ -264,7 +263,6 @@ export class PanelAboutMachine extends LitElement {
                     `
                   : html`
                       <star-li
-                        type=${node.nodetype}
                         label=${node.label}
                         value=${node.value}
                       ></star-li>

src/test/panels/general/general.ts

@@ -25,103 +25,51 @@ export class PanelGeneral extends LitElement {
   render() {
     return html`
       <star-ul type=${UlType.BASE}>
-        <star-li
+        <star-li label="关于本机" href="#about-machine"></star-li>
-          type=${LiType.ONLY_LABEL}
-          label="关于本机"
-          href="#about-machine"
-        ></star-li>
         <hr />
-        <star-li
+        <star-li label="软件更新" href="#update-system"></star-li>
-          type=${LiType.ONLY_LABEL}
-          label="软件更新"
-          href="#update-system"
-        ></star-li>
       </star-ul>
 
       <star-ul type=${UlType.BASE}>
-        <star-li
+        <star-li label="隔空投送" href="#icon"></star-li>
-          type=${LiType.ONLY_LABEL}
-          label="隔空投送"
-          href="#icon"
-        ></star-li>
         <hr />
-        <star-li
+        <star-li label="隔空播放与接力" href="#icon"></star-li>
-          type=${LiType.ONLY_LABEL}
-          label="隔空播放与接力"
-          href="#icon"
-        ></star-li>
         <hr />
-        <star-li
+        <star-li label="画中画" href="#icon"></star-li>
-          type=${LiType.ONLY_LABEL}
-          label="画中画"
-          href="#icon"
-        ></star-li>
         <hr />
-        <star-li
+        <star-li label="CarPlay车载" href="#icon"></star-li>
-          type=${LiType.ONLY_LABEL}
-          label="CarPlay车载"
-          href="#icon"
-        ></star-li>
         <hr />
-        <star-li type=${LiType.ONLY_LABEL} label="NFC" href="#icon"></star-li>
+        <star-li label="NFC" href="#icon"></star-li>
       </star-ul>
 
       <star-ul type=${UlType.BASE}>
-        <star-li
+        <star-li label="iPhone存储空间" href="#icon"></star-li>
-          type=${LiType.ONLY_LABEL}
-          label="iPhone存储空间"
-          href="#icon"
-        ></star-li>
         <hr />
-        <star-li
+        <star-li label="后台App刷新" href="#icon"></star-li>
-          type=${LiType.ONLY_LABEL}
-          label="后台App刷新"
-          href="#icon"
-        ></star-li>
       </star-ul>
 
       <star-ul type=${UlType.BASE}>
-        <star-li
+        <star-li label="日期与时间" href="#icon"></star-li>
-          type=${LiType.ONLY_LABEL}
-          label="日期与时间"
-          href="#icon"
-        ></star-li>
         <hr />
-        <star-li type=${LiType.ONLY_LABEL} label="键盘" href="#icon"></star-li>
+        <star-li label="键盘" href="#icon"></star-li>
         <hr />
-        <star-li type=${LiType.ONLY_LABEL} label="字体" href="#icon"></star-li>
+        <star-li label="字体" href="#icon"></star-li>
         <hr />
-        <star-li
+        <star-li label="语言与地区" href="#icon"></star-li>
-          type=${LiType.ONLY_LABEL}
-          label="语言与地区"
-          href="#icon"
-        ></star-li>
         <hr />
-        <star-li type=${LiType.ONLY_LABEL} label="词典" href="#icon"></star-li>
+        <star-li label="词典" href="#icon"></star-li>
       </star-ul>
 
       <star-ul type=${UlType.BASE}>
-        <star-li
+        <star-li label="VPN与设备管理" href="#icon"></star-li>
-          type=${LiType.ONLY_LABEL}
-          label="VPN与设备管理"
-          href="#icon"
-        ></star-li>
       </star-ul>
 
       <star-ul type=${UlType.BASE}>
-        <star-li
+        <star-li label="法律与监管" href="#icon"></star-li>
-          type=${LiType.ONLY_LABEL}
-          label="法律与监管"
-          href="#icon"
-        ></star-li>
       </star-ul>
 
       <star-ul type=${UlType.BASE}>
-        <star-li
+        <star-li label="传输或还原iPhone" href="#icon"></star-li>
-          type=${LiType.ONLY_LABEL}
-          label="传输或还原iPhone"
-          href="#icon"
-        ></star-li>
         <hr />
         <star-button
           type=${ButtonType.BASE}

src/test/panels/general/update/auto-update.ts

@@ -14,12 +14,7 @@ export class PanelAutoUpdate extends LitElement {
   render() {
     return html`
       <star-ul type=${UlType.BASE}>
-        <star-li
+        <star-li label="查看所有图标" icon="all-day" href="#icon"></star-li>
-          type=${LiType.ICON_LABEL}
-          label="查看所有图标"
-          icon="all-day"
-          href="#icon"
-        ></star-li>
       </star-ul>
     `
   }

src/test/panels/general/update/update-system.ts

@@ -14,17 +14,11 @@ export class PanelUpdateSystem extends LitElement {
   render() {
     return html`
       <star-ul type=${UlType.BASE}>
-        <star-li
+        <star-li label="自动更新" value="打开" href="#auto-update"></star-li>
-          type=${LiType.INFO_LABEL}
-          label="自动更新"
-          value="打开"
-          href="#auto-update"
-        ></star-li>
       </star-ul>
 
       <star-ul type=${UlType.BASE}>
         <star-li
-          type=${LiType.ICON_LABEL}
           label="查看所有图标"
           icon="all-day"
           href="#auto-update"

src/test/panels/icon/icon.ts

@@ -268,7 +268,6 @@ export class PanelIcon extends LitElement {
           this.icons,
           (iconname, index) => html`
             <star-li
-              type=${LiType.ICON_LABEL}
               label=${iconname}
               icon=${iconname}
               iconcolor=${this.getRangeColor()}

src/test/panels/li/li.ts

@@ -48,92 +48,88 @@ export class PanelLi extends LitElement {
         >
           <star-svg-icon slot="icon">${airplane}</star-svg-icon>
         </star-li>
-        <star-li type="default" label="WLAN" value="Star.">
+        <star-li label="WLAN" value="Star.">
           <star-svg-icon slot="icon">${wlan}</star-svg-icon>
         </star-li>
         <star-li
-          type="default"
           label="WLANWLANWLANWLANWLANWLANWLANWLANWLANWLANWLAN"
           value="Star."
         >
           <star-svg-icon slot="icon">${wlan}</star-svg-icon>
         </star-li>
         <star-li
-          type="default"
           label="WLAN"
           value="StarStarStarStarStarStarStarStarStarStarStar."
         >
           <star-svg-icon slot="icon">${wlan}</star-svg-icon>
         </star-li>
         <star-li
-          type="default"
           label="WLANWLANWLANWLANWLANWLANWLANWLANWLANWLANWLAN"
           value="StarStarStarStarStarStarStarStarStarStarStar."
         >
           <star-svg-icon slot="icon">${wlan}</star-svg-icon>
         </star-li>
-        <star-li type="default" label="移动网络">
+        <star-li label="移动网络">
           <star-svg-icon slot="icon">${network}</star-svg-icon>
         </star-li>
         <star-li
-          type="default"
           label="移动网络移动网络移动网络移动网络移动网络移动网络移动网络移动网络移动网络移动网络"
         >
           <star-svg-icon slot="icon">${network}</star-svg-icon>
         </star-li>
-        <star-li type="default" label="蓝牙">
+        <star-li label="蓝牙">
           <star-svg-icon slot="icon">${bluetooth}</star-svg-icon>
         </star-li>
-        <star-li type="default" label="连接共享">
+        <star-li label="连接共享">
           <star-svg-icon slot="icon">${connection}</star-svg-icon>
         </star-li>
 
-        <star-li type="default" label="个性化定制">
+        <star-li label="个性化定制">
           <star-svg-icon slot="icon">${wallpaper}</star-svg-icon>
         </star-li>
-        <star-li type="default" label="桌面与锁屏">
+        <star-li label="桌面与锁屏">
           <star-svg-icon slot="icon">${lockscreen}</star-svg-icon>
         </star-li>
-        <star-li type="default" label="显示和亮度">
+        <star-li label="显示和亮度">
           <star-svg-icon slot="icon">${brightness}</star-svg-icon>
         </star-li>
 
-        <star-li type="default" label="声音">
+        <star-li label="声音">
           <star-svg-icon slot="icon">${voice}</star-svg-icon>
         </star-li>
-        <star-li type="default" label="消息通知">
+        <star-li label="消息通知">
           <star-svg-icon slot="icon">${notification}</star-svg-icon>
         </star-li>
-        <star-li type="default" label="通话">
+        <star-li label="通话">
           <star-svg-icon slot="icon">${call}</star-svg-icon>
         </star-li>
 
-        <star-li type="default" label="电池">
+        <star-li label="电池">
           <star-svg-icon slot="icon">${battery}</star-svg-icon>
         </star-li>
-        <star-li type="default" label="应用与权限">
+        <star-li label="应用与权限">
           <star-svg-icon slot="icon">${application}</star-svg-icon>
         </star-li>
-        <star-li type="default" label="生物识别与密码">
+        <star-li label="生物识别与密码">
           <star-svg-icon slot="icon">${password}</star-svg-icon>
         </star-li>
-        <star-li type="default" label="隐私保护">
+        <star-li label="隐私保护">
           <star-svg-icon slot="icon">${privacy}</star-svg-icon>
         </star-li>
-        <star-li type="default" label="安全可信管理">
+        <star-li label="安全可信管理">
           <star-svg-icon slot="icon">${security}</star-svg-icon>
         </star-li>
 
-        <star-li type="default" label="存储">
+        <star-li label="存储">
           <star-svg-icon slot="icon">${storage}</star-svg-icon>
         </star-li>
-        <star-li type="default" label="通用">
+        <star-li label="通用">
           <star-svg-icon slot="icon">${general}</star-svg-icon>
         </star-li>
-        <star-li type="default" label="辅助功能">
+        <star-li label="辅助功能">
           <star-svg-icon slot="icon">${help}</star-svg-icon>
         </star-li>
-        <star-li type="default" label="关于本机">
+        <star-li label="关于本机">
           <star-svg-icon slot="icon">${aboutself}</star-svg-icon>
         </star-li>
       </div>
@@ -154,11 +150,11 @@ export class PanelLi extends LitElement {
         ></star-li>
       </div>
       <hr />
-      <star-li type="default" label="跳转项" href="#xxxx"></star-li>
+      <star-li label="跳转项" href="#xxxx"></star-li>
       <hr />
       <star-li
-        type="primary"
         label="已连接Wifi项"
+        variant="primary"
         icon="wifi-lock-4"
         value="已连接"
       ></star-li>
@@ -169,20 +165,19 @@ export class PanelLi extends LitElement {
           type="icon"
           size="small"
           icon="info"
-          @click=${() => console.log('info按钮被点击')}
+          @click=${() => alert('info按钮被点击')}
         ></star-button>
       </star-li>
       <hr />
       <star-li
-        type="primary"
         label="Kylin"
+        variant="primary"
         square="2.4G/5G"
         icon="wifi-lock-3"
         value="已连接"
       ></star-li>
       <hr />
       <star-li
-        type="default"
         icon="bug"
         label="这是Label"
         square="可选的方块标签"
@@ -191,9 +186,9 @@ export class PanelLi extends LitElement {
       ></star-li>
       <hr />
       <star-li
-        type="primary"
-        icon="bug"
         label="这是Label"
+        variant="primary"
+        icon="bug"
         description="这是Description"
         square="可选的方块标签"
         value="强调蓝色VALUE"
@@ -290,14 +285,7 @@ export class PanelLi extends LitElement {
       >
         <star-svg-icon slot="icon">${zip}</star-svg-icon>
       </star-li>
-      <star-li
+      <star-li type="checkbox" label="缓存垃圾" value="1.3GB"></star-li>
-        type="checkbox"
-        label="normal_com.sina_43.APK"
-        description="2020-08-26 11:30"
-        value="1.3GB"
-      >
-        <star-svg-icon slot="icon">${zip}</star-svg-icon>
-      </star-li>
       <hr />
       <star-li
         type="checkbox"
@@ -331,15 +319,15 @@ export class PanelLi extends LitElement {
         <star-switch slot="switch" id="li-switch"></star-switch>
       </star-li>
       <hr />
-      <star-li type="embed-checkbox" label="微博">
+      <star-li type="embed-checkbox" label="微博" split>
         <star-checkbox slot="checkbox" value="WLAN"></star-checkbox>
       </star-li>
-      <star-li type="embed-checkbox" label="微博">
+      <star-li type="embed-checkbox" label="微博" split>
         <star-svg-icon slot="icon">${weibo}</star-svg-icon>
         <star-checkbox slot="checkbox" value="WLAN"></star-checkbox>
         <star-checkbox slot="checkbox" value="MOBILE_NETWORK"></star-checkbox>
       </star-li>
-      <star-li type="embed-checkbox" label="微博">
+      <star-li type="embed-checkbox" label="微博" split>
         <star-svg-icon slot="icon">${weibo}</star-svg-icon>
         <star-checkbox slot="checkbox" value="WLAN"></star-checkbox>
         <star-checkbox slot="checkbox" value="WLAN"></star-checkbox>
@@ -348,9 +336,9 @@ export class PanelLi extends LitElement {
 
       <h1>外嵌图标</h1>
       <star-li
-        type="primary"
-        appicon="filemanager"
         label="垃圾文件"
+        variant="primary"
+        appicon="filemanager"
         description="1.31 GB"
         value="去清理"
         href="#xxxx"
@@ -358,19 +346,12 @@ export class PanelLi extends LitElement {
         <star-svg-icon slot="icon">${garbage}</star-svg-icon>
       </star-li>
       <hr />
-      <star-li
+      <star-li appicon="weibo" label="微博" value="3.64GB" href="#xxxx">
-        type="default"
-        appicon="weibo"
-        label="微博"
-        value="3.64GB"
-        href="#xxxx"
-      >
         <star-svg-icon slot="icon">${weibo}</star-svg-icon>
       </star-li>
 
       <h1>边界测试</h1>
       <star-li
-        type="default"
         label="超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出"
         href="#xxxx"
       ></star-li>
@@ -392,14 +373,13 @@ export class PanelLi extends LitElement {
         ></star-button>
       </star-li>
       <star-li
-        type="primary"
         label="超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出超出"
+        variant="primary"
         square="2.4G/5G"
         icon="wifi-lock-4"
         value="已连接"
       ></star-li>
       <star-li
-        type="default"
         appicon="weibo"
         label="微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博"
         value="3.64GB"
@@ -408,7 +388,6 @@ export class PanelLi extends LitElement {
         <star-svg-icon slot="icon">${weibo}</star-svg-icon>
       </star-li>
       <star-li
-        type="default"
         appicon="weibo"
         label="微博"
         value="3.64GBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBG"
@@ -417,18 +396,17 @@ export class PanelLi extends LitElement {
         <star-svg-icon slot="icon">${weibo}</star-svg-icon>
       </star-li>
       <star-li
-        type="default"
-        appicon="weibo"
         label="微博微博微博微博微博微博微博微博微博微博微博微微博"
+        appicon="weibo"
         value="3.64GBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBGBG"
         href="#xxxx"
       >
         <star-svg-icon slot="icon">${weibo}</star-svg-icon>
       </star-li>
       <star-li
-        type="primary"
-        appicon="filemanager"
         label="垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件垃圾文件"
+        variant="primary"
+        appicon="filemanager"
         description="1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB1.31 GB"
         value="去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理去清理"
         href="#xxxx"
@@ -436,13 +414,13 @@ export class PanelLi extends LitElement {
         <star-svg-icon slot="icon">${garbage}</star-svg-icon>
       </star-li>
       <star-li
+        label="添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络"
         type="button"
         variant="primary"
-        label="添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络添加其他网络"
       ></star-li>
       <star-li
-        type="embed-switch"
         label="微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博微博"
+        type="embed-switch"
         description="已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知已开启所有通知"
         split
       >