feat:添加禁用

src/views/components/PenProps.vue

@@ -1205,7 +1205,7 @@
             <t-divider style="margin: -8px 0" />
 
             <div class="form-item px-16">
-              <label>进度 </label>
+              <label class="form-title">进度 </label>
               <t-slider
                 v-model="data.pen.progress"
                 :min="0"
@@ -1296,6 +1296,16 @@
             />
           </div>
           <t-divider style="margin: -8px 0" />
+          <div class="form-item px-16" style="margin-top: -12px;margin-bottom: 8px;">
+            <label class="form-title"   style="width: 90px">禁止 </label>
+            <t-checkbox
+              v-model="data.pen.disabled"
+              @change="changeValue('disabled')"
+              style="width: 90px"
+            >
+              禁用
+            </t-checkbox>
+          </div>
           <div class="form-item px-16" style="margin-top: -12px">
             <t-checkbox
               v-model="data.pen.disableRotate"
@@ -1840,5 +1850,11 @@ onUnmounted(() => {
       color: var(--color);
     }
   }
+
+  .form-title{
+      font-size: 13px;
+      font-weight: 700;
+      color: var(--color-title);
+  }
 }
 </style>