test slider

es/slider/index.js

@@ -32,8 +32,7 @@ function makeDots(props) {
   return dots;
 }
 const _hoisted_1$4 = ["onMousedown"];
-const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("div", { class: "layui-slider-line-v" }, null, -1);
+const _hoisted_2$4 = ["onClick"];
-const _hoisted_3$4 = ["onClick"];
 const __default__$4 = {
   name: "StandardVue"
 };
@@ -45,7 +44,8 @@ const _sfc_main$4 = defineComponent({
     step: { default: 0 },
     min: { default: 0 },
     max: { default: 100 },
-    showDots: { type: Boolean, default: false }
+    showDots: { type: Boolean, default: false },
+    backgroundColor: { default: "#ccc" }
   },
   emits: ["link-val-hook"],
   setup(__props, { emit }) {
@@ -129,14 +129,19 @@ const _sfc_main$4 = defineComponent({
           style: normalizeStyle({ width: __props.val + "%" }),
           class: normalizeClass(["layui-slider-rate-v", [__props.disabled ? "layui-slider-disabled disable-line" : ""]])
         }, null, 6),
-        _hoisted_2$4,
+        createElementVNode("div", {
+          class: "layui-slider-line-v",
+          style: normalizeStyle({
+            backgroundColor: props.backgroundColor
+          })
+        }, null, 4),
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(dots), (item, index2) => {
           return withDirectives((openBlock(), createElementBlock("div", {
             onClick: ($event) => focusDot(item),
             class: "layui-slider-dots",
             key: index2,
             style: normalizeStyle({ left: item + "%" })
-          }, null, 12, _hoisted_3$4)), [
+          }, null, 12, _hoisted_2$4)), [
             [vShow, __props.showDots]
           ]);
         }), 128))
@@ -628,7 +633,8 @@ const _sfc_main = defineComponent({
     disabled: { type: Boolean, default: false },
     range: { type: Boolean },
     rangeValue: null,
-    showDots: { type: Boolean, default: false }
+    showDots: { type: Boolean, default: false },
+    backgroundColor: { default: "#ccc" }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -680,8 +686,9 @@ const _sfc_main = defineComponent({
               step: __props.step,
               min: __props.min,
               max: __props.max,
-              showDots: __props.showDots
+              showDots: __props.showDots,
-            }, null, 8, ["val", "disabled", "step", "min", "max", "showDots"])
+              backgroundColor: props.backgroundColor
+            }, null, 8, ["val", "disabled", "step", "min", "max", "showDots", "backgroundColor"])
           ]))
         ]))
       ]);

src/component/slider/Standard.vue

@@ -17,6 +17,7 @@ export interface StandardProps {
   min?: number;
   max?: number;
   showDots?: boolean;
+  backgroundColor:string;
 }
 
 const props = withDefaults(defineProps<StandardProps>(), {
@@ -26,6 +27,7 @@ const props = withDefaults(defineProps<StandardProps>(), {
   min: 0,
   max: 100,
   showDots: false,
+  backgroundColor:"#ccc"
 });
 
 const moveAction = throttle(standardMove);
@@ -117,7 +119,9 @@ const focusDot = (val: number) => {
       class="layui-slider-rate-v"
       :class="[disabled ? 'layui-slider-disabled disable-line' : '']"
     ></div>
-    <div class="layui-slider-line-v"></div>
+    <div class="layui-slider-line-v" :style="{
+      backgroundColor:props.backgroundColor
+    }"></div>
     <div
       v-show="showDots"
       @click="focusDot(item)"

src/component/slider/index.vue

@@ -22,6 +22,7 @@ export interface SliderProps {
   range?: boolean;
   rangeValue?: number[];
   showDots?: boolean;
+  backgroundColor:string;
 }
 
 const emit = defineEmits(["update:modelValue"]);
@@ -34,6 +35,7 @@ const props = withDefaults(defineProps<SliderProps>(), {
   min: 0,
   max: 100,
   showDots: false,
+  backgroundColor:"#ccc"
 });
 
 let rangeValues: Ref<number[]> | any = toRef(props, "rangeValue");
@@ -94,6 +96,7 @@ function valHook(val: any) {
           :min="min"
           :max="max"
           :showDots="showDots"
+          :backgroundColor="props.backgroundColor"
         ></StandardVue>
       </div>
     </div>

src/component/table/index.vue

@@ -314,8 +314,12 @@ watch(
     } else {
       hasChecked.value = false;
     }
-    if(tableSelectedKeys.value != props.selectedKeys){
+    if (tableSelectedKeys.value != props.selectedKeys) {
-      console.log("初始化赋值触发修改",tableSelectedKeys.value,props.selectedKeys)
+      console.log(
+        "初始化赋值触发修改",
+        tableSelectedKeys.value,
+        props.selectedKeys
+      );
       emit("update:selectedKeys", tableSelectedKeys.value);
     }
   },

src/component/tree/TreeNode.vue

@@ -101,8 +101,8 @@ function handleTitleClick(node: TreeData) {
   if (!node.isDisabled) {
     emit("node-click", node);
   }
-  if(props.showCheckbox){
+  if (props.showCheckbox) {
-    node.isChecked = !node.isChecked
+    node.isChecked = !node.isChecked;
   }
 }
 

src/component/tree/index.vue

@@ -103,13 +103,13 @@ watch(
 watch(
   () => props.checkedKeys,
   () => {
-    console.log(tree.value)
+    console.log(tree.value);
     if (!unWatch.value) {
       loadNodeList();
     }
   },
   {
-    deep: true
+    deep: true,
   }
 );