ninemoon-ui 0.0.8 → 0.0.10

package/dist/index.umd.js

@@ -640,6 +640,9 @@
 .tdd-pb-9 {
     padding-bottom: 2.25rem;
 }
+.tdd-pt-2 {
+    padding-top: 0.5rem;
+}
 .tdd-pt-3 {
     padding-top: 0.75rem;
 }
@@ -1669,9 +1672,9 @@
     mounted(el, binding) {
       if (binding.value) {
         if (binding.modifiers.fullScreen) {
-          appendHandle(el, document.getElementsByTagName("body")[0]);
+          appendHandle(el, document.body);
           if (binding.modifiers.lock) {
-            document.getElementsByTagName("body")[0].className = "overflow-hidden";
+            document.body.classList.add("tdd-overflow-hidden");
           }
         } else {
           appendHandle(el);
@@ -1684,9 +1687,9 @@
           el.instance.loaddingWord = el.getAttribute("loadding-text");
         }
         if (binding.modifiers.fullScreen) {
-          binding.value ? appendHandle(el, document.getElementsByTagName("body")[0]) : removeHandle(el, document.getElementsByTagName("body")[0]);
+          binding.value ? appendHandle(el, document.body) : removeHandle(el, document.body);
           if (binding.modifiers.lock) {
-            binding.value ? document.getElementsByTagName("body")[0].className = "overflow-hidden" : document.getElementsByTagName("body")[0].className = "block";
+            binding.value ? document.body.classList.add("tdd-overflow-hidden") : document.body.classList.remove("tdd-overflow-hidden");
           }
         } else {
           binding.value ? appendHandle(el) : removeHandle(el);
@@ -1723,49 +1726,74 @@
     };
   };
   const usePotion = (baseDom, aimDom, set) => {
-    let Left = 0;
-    let Top = 0;
-    let Width = 0;
-    let Height = 0;
-    const height = aimDom.clientHeight;
-    const width = aimDom.clientWidth;
-    const { left, right, bottom, top } = baseDom.getBoundingClientRect();
+    let left = 0;
+    let top = 0;
+    let width = 0;
+    let height = 0;
+    if (!baseDom || !aimDom) {
+      return {
+        Top: top,
+        Left: left,
+        Width: width,
+        Height: height
+      };
+    }
+    const { left: baseLeft, right, bottom, top: baseTop } = baseDom.getBoundingClientRect();
+    const { clientHeight: aimHeight, clientWidth: aimWidth } = aimDom;
     const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
     const scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
-    Left = scrollLeft + left;
-    if (set == null ? void 0 : set.position.includes("bottom")) {
-      Top = scrollTop + bottom;
+    switch (set == null ? void 0 : set.position) {
+      case "bottomleft":
+      case "bottommiddle":
+      case "bottomright":
+        top = scrollTop + bottom;
+        break;
+      case "topleft":
+      case "topmiddle":
+      case "topright":
+        top = scrollTop + baseTop - aimHeight;
+        break;
+      case "centerleft":
+      case "centerright":
+        top = scrollTop + baseTop + (bottom - baseTop - aimHeight) / 2;
+        break;
     }
-    if (set == null ? void 0 : set.position.includes("top")) {
-      Top = scrollTop + top - height;
-    }
-    if (set == null ? void 0 : set.position.includes("middle")) {
-      Left = scrollLeft + left + (right - left - width) / 2;
-    }
-    if (set == null ? void 0 : set.position.includes("center")) {
-      Top = scrollTop + top + (bottom - top) / 2 - height / 2;
-      if (set.position === "centerleft") {
-        Left = scrollLeft + left - width;
-      } else {
-        Left = scrollLeft + right;
-      }
+    switch (set == null ? void 0 : set.position) {
+      case "topleft":
+      case "bottomleft":
+        left = scrollLeft + baseLeft;
+        break;
+      case "topmiddle":
+      case "bottommiddle":
+        left = scrollLeft + baseLeft + (right - baseLeft - aimWidth) / 2;
+        break;
+      case "topright":
+      case "bottomright":
+        left = scrollLeft + right - aimWidth;
+        break;
+      case "centerleft":
+        left = scrollLeft + baseLeft - aimWidth;
+        break;
+      case "centerright":
+        left = scrollLeft + right;
+        break;
     }
-    if (Top + height > window.innerHeight) {
-      Top = scrollTop + window.innerHeight - height - 10;
+    if (top + aimHeight > window.innerHeight) {
+      top = scrollTop + window.innerHeight - aimHeight - 10;
     }
-    if (Top < 0) {
-      Top = 10;
+    if (top < 0) {
+      top = 10;
     }
-    if (Left + width > window.innerWidth) {
-      Left = scrollLeft + right - width;
+    if (left + aimWidth > window.innerWidth) {
+      left = scrollLeft + right - aimWidth;
     }
-    Width = width;
-    Height = height;
+    width = aimWidth;
+    height = aimHeight;
     return {
-      Top,
-      Left,
-      Width,
-      Height
+      Top: top,
+      Left: left,
+      Width: width,
+      Height: height
     };
   };
   function getNewArray(array, subGroupLength) {
@@ -2018,9 +2046,9 @@
         (val) => {
           if (props.lockScroll) {
             if (val === true) {
-              document.getElementsByTagName("body")[0].className = "overflow-hidden";
+              document.body.classList.add("tdd-overflow-hidden");
             } else {
-              document.getElementsByTagName("body")[0].className = "block";
+              document.body.classList.remove("tdd-overflow-hidden");
             }
           }
         }
@@ -2092,14 +2120,14 @@
       };
       const validate = async (callBack) => {
         let passflag = true;
-        for (const rule of checkList.value) {
+        checkList.value.forEach(async (rule) => {
           await rule.fc((msg) => {
             if (msg !== null && msg !== void 0) {
               passflag = false;
               console.warn(msg);
             }
           });
-        }
+        });
         if (passflag === true) {
           callBack(passflag);
         }
@@ -2440,67 +2468,58 @@
         const isThis = optionList.value.filter((v) => v.value === props.modelValue);
         if (isThis.length > 0) {
           return isThis[0].label;
+        } else if (props.modelValue) {
+          return;
         } else {
+          emit("update:modelValue", null);
+          ParentGetChangeHandle && ParentGetChangeHandle(null);
+          emit("change", null);
           return null;
         }
       });
       const optionList = vue.ref([]);
+      const optionHandle = (it) => {
+        optionList.value.push({
+          value: it.props.value,
+          label: it.props.label
+        });
+        return vue.h(
+          "div",
+          {
+            class: vue.normalizeClass(["label", [props.modelValue === it.props.value ? "labelselect" : ""]]),
+            key: it.props.key,
+            onClick: () => {
+              emit("update:modelValue", it.props.value);
+              ParentGetChangeHandle && ParentGetChangeHandle(it.props.value);
+              emit("change", it.props.value);
+              showOption.value = false;
+            }
+          },
+          it.children || it.props.label
+        );
+      };
       const renderOption = () => {
         return vue.h(
           "div",
           {
             class: "selectOption"
           },
-          slots.default().map((i, j) => {
-            if (i.type.toString().includes("Symbol")) {
-              return i.children.map((it, k) => {
-                optionList.value.push({
-                  value: it.props.value,
-                  label: it.props.label
-                });
-                return vue.h(
-                  "div",
-                  {
-                    class: `label ${props.modelValue === it.props.value ? "labelselect" : ""}`,
-                    key: `${j}-${k}`,
-                    onClick: () => {
-                      emit("update:modelValue", it.props.value);
-                      showOption.value = false;
-                    }
-                  },
-                  it.children || it.props.label
-                );
+          slots.default().map((i, _j) => {
+            if (typeof i.children == "string")
+              return null;
+            if (Array.isArray(i.children)) {
+              return i.children.map((it) => {
+                return optionHandle(it);
               });
             } else {
-              optionList.value.push({
-                value: i.props.value,
-                label: i.props.label
-              });
-              return vue.h(
-                "div",
-                {
-                  class: `label ${props.modelValue === i.props.value ? "labelselect" : ""}`,
-                  key: j,
-                  onClick: () => {
-                    emit("update:modelValue", i.props.value);
-                    showOption.value = false;
-                  }
-                },
-                i.children || i.props.label
-              );
+              return optionHandle(i);
             }
           })
         );
       };
-      vue.watch(
-        () => props.modelValue,
-        (n) => {
-          ParentGetChangeHandle && ParentGetChangeHandle(n);
-          emit("change", n);
-        }
-      );
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(Pop), {
+          vIF: false,
           trigger: "native",
           modelValue: showOption.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showOption.value = $event),
@@ -2579,47 +2598,64 @@
           "colgroup",
           null,
           slots.default().map((it, _index) => {
-            var _a;
-            return vue.h("col", {
-              width: ((_a = it.props) == null ? void 0 : _a.width) || null
-            });
+            if (typeof it.children == "string")
+              return null;
+            if (Array.isArray(it.children)) {
+              return it.children.map((itt, _i) => colitemHandle(itt));
+            } else {
+              return colitemHandle(it);
+            }
           })
         );
       };
+      const colitemHandle = (it) => {
+        var _a;
+        return vue.h("col", {
+          width: ((_a = it.props) == null ? void 0 : _a.width) || null
+        });
+      };
       const renderHead = () => {
         return vue.h(
           "thead",
-          { class: props.headclass ? `tdd-text-word6 ${props.headclass}` : "tdd-text-word6" },
-          slots.default().map((it, index2) => {
-            var _a;
-            return vue.h(
-              "th",
-              {
-                class: "tdd-font-normal tdd-h-10 tdd-border-b ",
-                key: index2
-              },
-              // @ts-ignore
-              it.children && it.children.head ? (
-                // @ts-ignore
-                it.children.head()
-              ) : ((_a = it.props) == null ? void 0 : _a.type) && it.props.type === "selection" ? vue.h(
-                "label",
-                {
-                  class: "tdd-px-1 tdd-flex"
-                },
-                vue.withDirectives(
-                  vue.h("input", {
-                    type: "checkbox",
-                    "onUpdate:modelValue": (value) => allSelect.value = value,
-                    class: "tdd-appearance-none form-tick tdd-h-4 tdd-w-4 tdd-border tdd-border-gray-300 tdd-rounded checked:tdd-border-transparent checked:tdd-bg-red-600 tdd-text-red-600 focus:tdd-outline-none"
-                  }),
-                  [[vue.vModelCheckbox, allSelect.value]]
-                )
-              ) : it.props.label
-            );
+          {
+            class: vue.normalizeClass(["tdd-text-word6", [props.headclass]])
+          },
+          slots.default().map((it) => {
+            if (typeof it.children == "string")
+              return null;
+            if (Array.isArray(it.children)) {
+              return it.children.map((itt) => {
+                return headitemHandle(itt);
+              });
+            } else {
+              return headitemHandle(it);
+            }
           })
         );
       };
+      const headitemHandle = (it) => {
+        var _a;
+        return vue.h(
+          "th",
+          {
+            class: "tdd-font-normal tdd-h-10 tdd-border-b "
+          },
+          it.children && it.children.head ? it.children.head() : ((_a = it.props) == null ? void 0 : _a.type) && it.props.type === "selection" ? vue.h(
+            "label",
+            {
+              class: "tdd-px-1 tdd-flex"
+            },
+            vue.withDirectives(
+              vue.h("input", {
+                type: "checkbox",
+                "onUpdate:modelValue": (value) => allSelect.value = value,
+                class: "tdd-appearance-none form-tick tdd-h-4 tdd-w-4 tdd-border tdd-border-gray-300 tdd-rounded checked:tdd-border-transparent checked:tdd-bg-red-600 tdd-text-red-600 focus:tdd-outline-none"
+              }),
+              [[vue.vModelCheckbox, allSelect.value]]
+            )
+          ) : it.props.label
+        );
+      };
       const allSelect = vue.computed({
         set(flag) {
           if (flag) {
@@ -2678,47 +2714,54 @@
                 }, ["stop"])
               },
               slots.default().map((it, _j) => {
-                var _a;
-                return vue.h(
-                  "td",
-                  {
-                    class: props.cellclass ? `tdd-text-center tdd-py-2 ${props.cellclass}` : "tdd-text-center tdd-py-2"
-                  },
-                  ((_a = it.props) == null ? void 0 : _a.type) && it.props.type === "selection" ? vue.h(
-                    "label",
-                    {
-                      class: "tdd-px-1 tdd-flex",
-                      for: "checkbox"
-                    },
-                    vue.withDirectives(
-                      vue.h("input", {
-                        type: "checkbox",
-                        value: i,
-                        "onUpdate:modelValue": (value) => {
-                          choosed.value = value;
-                        },
-                        class: "tdd-appearance-none form-tick tdd-h-4 tdd-w-4 tdd-border tdd-border-gray-300 tdd-rounded checked:tdd-border-transparent checked:tdd-bg-red-600 tdd-text-red-600 focus:tdd-outline-none "
-                      }),
-                      [[vue.vModelCheckbox, choosed.value]]
-                    )
-                  ) : vue.h(
-                    "div",
-                    null,
-                    // @ts-ignore
-                    it.children && it.children.default ? (
-                      // @ts-ignore
-                      it.children.default({
-                        row,
-                        index: i
-                      })
-                    ) : row[it.props.prop] != null ? row[it.props.prop] : props.whiteword
-                  )
-                );
+                if (typeof it.children == "string")
+                  return null;
+                if (Array.isArray(it.children)) {
+                  return it.children.map((itt) => {
+                    return bodyHandle(row, itt, i);
+                  });
+                } else {
+                  return bodyHandle(row, it, i);
+                }
               })
             );
           })
         );
       };
+      const bodyHandle = (row, it, i) => {
+        var _a;
+        return vue.h(
+          "td",
+          {
+            class: vue.normalizeClass(["tdd-text-center tdd-py-2", [props.cellclass]])
+          },
+          ((_a = it.props) == null ? void 0 : _a.type) && it.props.type === "selection" ? vue.h(
+            "label",
+            {
+              class: "tdd-px-1 tdd-flex",
+              for: "checkbox"
+            },
+            vue.withDirectives(
+              vue.h("input", {
+                type: "checkbox",
+                value: i,
+                "onUpdate:modelValue": (value) => {
+                  choosed.value = value;
+                },
+                class: "tdd-appearance-none form-tick tdd-h-4 tdd-w-4 tdd-border tdd-border-gray-300 tdd-rounded checked:tdd-border-transparent checked:tdd-bg-red-600 tdd-text-red-600 focus:tdd-outline-none "
+              }),
+              [[vue.vModelCheckbox, choosed.value]]
+            )
+          ) : vue.h(
+            "div",
+            null,
+            it.children && it.children.default ? it.children.default({
+              row,
+              index: i
+            }) : row[it.props.prop] != null ? row[it.props.prop] : props.whiteword
+          )
+        );
+      };
       __expose({
         clearSelection,
         allSelection,
@@ -2917,9 +2960,9 @@
       const showBig = vue.ref(false);
       vue.watch(showBig, (val) => {
         if (val === true) {
-          document.getElementsByTagName("body")[0].className = "overflow-hidden";
+          document.body.classList.add("tdd-overflow-hidden");
         } else {
-          document.getElementsByTagName("body")[0].className = "block";
+          document.body.classList.remove("tdd-overflow-hidden");
         }
       });
       const showPreview = () => {
@@ -4108,18 +4151,15 @@
     class: "tdd-w-4 tdd-h-4 tdd-block tdd-fill-word6",
     viewBox: "0 0 1024 1024",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    "p-id": "669"
+    xmlns: "http://www.w3.org/2000/svg"
   }, [
     /* @__PURE__ */ vue.createElementVNode("path", {
       d: "M842.666667 864c-8.533333 0-14.933333-2.133333-21.333334-8.533333l-341.333333-309.333334c-6.4-6.4-10.666667-14.933333-10.666667-23.466666 0-8.533333 4.266667-17.066667 10.666667-23.466667l341.333333-309.333333c12.8-12.8 34.133333-10.666667 44.8 2.133333 12.8 12.8 10.666667 34.133333-2.133333 44.8L548.266667 522.666667l315.733333 285.866666c12.8 10.666667 14.933333 32 2.133333 44.8-6.4 6.4-14.933333 10.666667-23.466666 10.666667z",
-      fill: "currentColor",
-      "p-id": "670"
+      fill: "currentColor"
     }),
     /* @__PURE__ */ vue.createElementVNode("path", {
       d: "M512 864c-8.533333 0-14.933333-2.133333-21.333333-8.533333L149.333333 546.133333c-6.4-6.4-10.666667-14.933333-10.666666-23.466666 0-8.533333 4.266667-17.066667 10.666666-23.466667L490.666667 189.866667c12.8-12.8 34.133333-10.666667 44.8 2.133333 12.8 12.8 10.666667 34.133333-2.133334 44.8L217.6 522.666667 533.333333 808.533333c12.8 12.8 14.933333 32 2.133334 44.8-6.4 6.4-14.933333 10.666667-23.466667 10.666667z",
-      fill: "currentColor",
-      "p-id": "671"
+      fill: "currentColor"
     })
   ], -1);
   const _hoisted_5$2 = [
@@ -4132,23 +4172,19 @@
     style: { "width": "1em", "height": "1em", "vertical-align": "middle", "fill": "currentColor", "overflow": "hidden" },
     viewBox: "0 0 1024 1024",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    "p-id": "1032"
+    xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("path", {
     d: "M192 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z",
-    fill: "currentColor",
-    "p-id": "1033"
+    fill: "currentColor"
   }, null, -1);
   const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("path", {
     d: "M512 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z",
-    fill: "currentColor",
-    "p-id": "1034"
+    fill: "currentColor"
   }, null, -1);
   const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("path", {
     d: "M832 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z",
-    fill: "currentColor",
-    "p-id": "1035"
+    fill: "currentColor"
   }, null, -1);
   const _hoisted_11 = [
     _hoisted_8,
@@ -4162,23 +4198,19 @@
     style: { "width": "1em", "height": "1em", "vertical-align": "middle", "fill": "currentColor", "overflow": "hidden" },
     viewBox: "0 0 1024 1024",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    "p-id": "1032"
+    xmlns: "http://www.w3.org/2000/svg"
   };
   const _hoisted_14 = /* @__PURE__ */ vue.createElementVNode("path", {
     d: "M192 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z",
-    fill: "currentColor",
-    "p-id": "1033"
+    fill: "currentColor"
   }, null, -1);
   const _hoisted_15 = /* @__PURE__ */ vue.createElementVNode("path", {
     d: "M512 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z",
-    fill: "currentColor",
-    "p-id": "1034"
+    fill: "currentColor"
   }, null, -1);
   const _hoisted_16 = /* @__PURE__ */ vue.createElementVNode("path", {
     d: "M832 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z",
-    fill: "currentColor",
-    "p-id": "1035"
+    fill: "currentColor"
   }, null, -1);
   const _hoisted_17 = [
     _hoisted_14,
@@ -4190,18 +4222,15 @@
     class: "tdd-w-4 tdd-h-4 tdd-block tdd-fill-word6",
     viewBox: "0 0 1024 1024",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    "p-id": "693"
+    xmlns: "http://www.w3.org/2000/svg"
   }, [
     /* @__PURE__ */ vue.createElementVNode("path", {
       d: "M544 522.666667c0-8.533333-4.266667-17.066667-10.666667-23.466667L192 189.866667c-12.8-12.8-34.133333-10.666667-44.8 2.133333-12.8 12.8-10.666667 34.133333 2.133333 44.8l315.733334 285.866667L149.333333 808.533333c-12.8 12.8-14.933333 32-2.133333 44.8 6.4 6.4 14.933333 10.666667 23.466667 10.666667 8.533333 0 14.933333-2.133333 21.333333-8.533333l341.333333-309.333334c6.4-6.4 10.666667-14.933333 10.666667-23.466666z",
-      fill: "currentColor",
-      "p-id": "694"
+      fill: "currentColor"
     }),
     /* @__PURE__ */ vue.createElementVNode("path", {
       d: "M864 499.2l-341.333333-309.333333c-12.8-12.8-34.133333-10.666667-44.8 2.133333-12.8 12.8-10.666667 34.133333 2.133333 44.8l315.733333 285.866667-315.733333 285.866666c-12.8 12.8-14.933333 32-2.133333 44.8 6.4 6.4 14.933333 10.666667 23.466666 10.666667 8.533333 0 14.933333-2.133333 21.333334-8.533333l341.333333-309.333334c6.4-6.4 10.666667-14.933333 10.666667-23.466666 0-8.533333-4.266667-17.066667-10.666667-23.466667z",
-      fill: "currentColor",
-      "p-id": "695"
+      fill: "currentColor"
     })
   ], -1);
   const _hoisted_20 = [
@@ -4412,7 +4441,8 @@
       placement: { default: "topleft" },
       insertClass: {},
       beforeHidden: {},
-      modelValue: { type: Boolean }
+      modelValue: { type: Boolean },
+      vIF: { type: Boolean, default: true }
     },
     emits: ["update:modelValue"],
     setup(__props, { expose: __expose, emit: emitAct }) {
@@ -4420,7 +4450,15 @@
       const base = vue.ref();
       const pop = vue.ref();
       const showPop = vue.ref(false);
-      const showPopFlag = vue.computed(() => {
+      const trueFlag = vue.computed(() => {
+        if (showPop.value || props.trigger === "native" && props.modelValue) {
+          vue.nextTick(() => {
+            setPosition();
+          });
+        } else {
+          window.removeEventListener("resize", setPosition);
+          window.removeEventListener("scroll", setPosition, true);
+        }
         if (props.trigger === "native") {
           return props.modelValue;
         } else {
@@ -4459,29 +4497,23 @@
       };
       const Left = vue.ref(0);
       const Top = vue.ref(0);
-      vue.watch(showPopFlag, (n) => {
-        if (n === true) {
-          vue.nextTick(() => {
-            setPosition();
-            if (props.trigger === "hover")
-              return;
-            window.addEventListener("resize", setPosition);
-            window.addEventListener("scroll", setPosition, true);
-          });
-        }
-      });
       const setPosition = () => {
-        let { top, bottom } = base.value.getBoundingClientRect();
+        if (!pop.value) {
+          window.removeEventListener("resize", setPosition);
+          window.removeEventListener("scroll", setPosition, true);
+          return;
+        }
+        const { top, bottom } = base.value.getBoundingClientRect();
         if (top < 0 || bottom > window.innerHeight) {
           if (props.trigger === "native") {
             emitAct("update:modelValue", false);
           } else {
             showPop.value = false;
           }
-          window.removeEventListener("resize", setPosition);
-          window.removeEventListener("scroll", setPosition, true);
           return;
         }
+        window.addEventListener("resize", setPosition);
+        window.addEventListener("scroll", setPosition, true);
         const position = usePotion(base.value, pop.value, {
           position: props.placement
         });
@@ -4490,6 +4522,10 @@
       };
       const vClickoutside = {
         mounted(el, binding) {
+          if (!(el instanceof HTMLElement)) {
+            console.error("el must be an instance of HTMLElement");
+            return;
+          }
           function documentHandler(e) {
             if ((el == null ? void 0 : el.contains) && (el == null ? void 0 : el.contains(e.target))) {
               return false;
@@ -4508,6 +4544,10 @@
           }
         },
         beforeUnmount(el) {
+          if (!(el instanceof HTMLElement)) {
+            console.error("el must be an instance of HTMLElement");
+            return;
+          }
           document.removeEventListener("click", el._vueClickOutside_);
           switch (props.trigger) {
             case "hover":
@@ -4528,8 +4568,6 @@
         if (disablecancelflag === true) {
           return;
         } else {
-          window.removeEventListener("resize", setPosition);
-          window.removeEventListener("scroll", setPosition, true);
           if (props.trigger === "native") {
             emitAct("update:modelValue", false);
           } else {
@@ -4571,11 +4609,14 @@
           vue.renderSlot(_ctx.$slots, "reference"),
           (vue.openBlock(), vue.createBlock(vue.Teleport, {
             to: "body",
-            disabled: !showPopFlag.value
+            disabled: !trueFlag.value
           }, [
-            vue.createVNode(vue.Transition, { name: "opecity" }, {
+            _ctx.vIF ? (vue.openBlock(), vue.createBlock(vue.Transition, {
+              key: 0,
+              name: "opecity"
+            }, {
               default: vue.withCtx(() => [
-                showPopFlag.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+                trueFlag.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
                   key: 0,
                   ref_key: "pop",
                   ref: pop,
@@ -4588,7 +4629,25 @@
                 ]) : vue.createCommentVNode("", true)
               ]),
               _: 3
-            })
+            })) : (vue.openBlock(), vue.createBlock(vue.Transition, {
+              key: 1,
+              name: "opecity"
+            }, {
+              default: vue.withCtx(() => [
+                vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+                  ref_key: "pop",
+                  ref: pop,
+                  class: vue.normalizeClass(["tdd-absolute tdd-z-1000 tdd-rounded tdd-bg-white tdd-p-4 tdd-drop-shadow", [marginClass.value, _ctx.insertClass]]),
+                  style: vue.normalizeStyle({ width: widthNum.value, top: `${Top.value}px`, left: `${Left.value}px` })
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default")
+                ], 6)), [
+                  [vue.vShow, trueFlag.value],
+                  [vClickoutside, closeCenter]
+                ])
+              ]),
+              _: 3
+            }))
           ], 8, ["disabled"]))
         ], 40, _hoisted_1$7);
       };
@@ -4604,13 +4663,9 @@
     class: "tdd-h-4 tdd-w-4 tdd-fill-word6 tdd-inline-block",
     viewBox: "0 0 1024 1024",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    "p-id": "1584"
+    xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ vue.createElementVNode("path", {
-      d: "M853.333333 544H170.666667c-17.066667 0-32-14.933333-32-32s14.933333-32 32-32h682.666666c17.066667 0 32 14.933333 32 32s-14.933333 32-32 32z",
-      "p-id": "1585"
-    })
+    /* @__PURE__ */ vue.createElementVNode("path", { d: "M853.333333 544H170.666667c-17.066667 0-32-14.933333-32-32s14.933333-32 32-32h682.666666c17.066667 0 32 14.933333 32 32s-14.933333 32-32 32z" })
   ], -1);
   const _hoisted_4$3 = [
     _hoisted_3$5
@@ -4620,13 +4675,9 @@
     class: "tdd-h-4 tdd-w-4 tdd-fill-word6 tdd-inline-block",
     viewBox: "0 0 1024 1024",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    "p-id": "532"
+    xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ vue.createElementVNode("path", {
-      d: "M853.333333 480H544V170.666667c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v309.333333H170.666667c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h309.333333V853.333333c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V544H853.333333c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32z",
-      "p-id": "533"
-    })
+    /* @__PURE__ */ vue.createElementVNode("path", { d: "M853.333333 480H544V170.666667c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v309.333333H170.666667c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h309.333333V853.333333c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V544H853.333333c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32z" })
   ], -1);
   const _hoisted_7 = [
     _hoisted_6
@@ -4645,29 +4696,22 @@
     emits: ["update:modelValue", "NumChange"],
     setup(__props, { emit: emitAct }) {
       const props = __props;
+      function updateModelValueAndEmit(value) {
+        const formattedValue = value.toFixed(lastLen.value);
+        emitAct("update:modelValue", Number(formattedValue));
+        emitAct("NumChange", Number(formattedValue));
+      }
+      const lastLen = vue.computed(() => {
+        var _a;
+        return (_a = props.step.toString().split(".")[1]) == null ? void 0 : _a.length;
+      });
       const addHandle = () => {
-        var _a, _b;
-        let modelLen = (_a = props.modelValue.toString().split(".")[1]) == null ? void 0 : _a.length;
-        let stepLen = (_b = props.step.toString().split(".")[1]) == null ? void 0 : _b.length;
-        let lastLen = 0;
-        if (modelLen) {
-          lastLen = modelLen > stepLen ? modelLen : stepLen;
-        }
         let result = props.modelValue + props.step;
-        emitAct("update:modelValue", Number(result.toFixed(lastLen)));
-        emitAct("NumChange", Number(result.toFixed(lastLen)));
+        updateModelValueAndEmit(result);
       };
       const reduceHandle = () => {
-        var _a, _b;
-        let modelLen = (_a = props.modelValue.toString().split(".")[1]) == null ? void 0 : _a.length;
-        let stepLen = (_b = props.step.toString().split(".")[1]) == null ? void 0 : _b.length;
-        let lastLen = 0;
-        if (modelLen) {
-          lastLen = modelLen > stepLen ? modelLen : stepLen;
-        }
         let result = props.modelValue - props.step;
-        emitAct("update:modelValue", Number(result.toFixed(lastLen)));
-        emitAct("NumChange", Number(result.toFixed(lastLen)));
+        updateModelValueAndEmit(result);
       };
       const inputValue = vue.computed({
         get() {
@@ -4754,80 +4798,49 @@
       const props = __props;
       const ParentGetChangeHandle = vue.inject("changHandle", () => null);
       const slots = vue.useSlots();
+      const BoxHandle = (MySlot) => {
+        var _a, _b;
+        return vue.h(
+          "label",
+          {
+            class: vue.normalizeClass(["radioGroup", [(_a = MySlot.props) == null ? void 0 : _a.class, props.modelValue == MySlot.props.label ? " tdd-bg-wordblue" : ""]])
+          },
+          [
+            vue.withDirectives(
+              vue.h("input", {
+                type: "radio",
+                value: MySlot.props.label,
+                "onUpdate:modelValue": (value) => {
+                  ParentGetChangeHandle(value);
+                  emit("update:modelValue", value);
+                },
+                class: vue.normalizeClass(["hiddeninput form-tick", [props.showinput ? "" : " tdd-hidden"]])
+              }),
+              [[vue.vModelRadio, props.modelValue]]
+            ),
+            vue.h(
+              "span",
+              {
+                class: vue.normalizeClass(["tdd-text-sm", [props.modelValue == MySlot.props.label ? " tdd-text-white" : " tdd-text-word6"]])
+              },
+              ((_b = MySlot.children) == null ? void 0 : _b.default()) || MySlot.props.label
+            )
+          ]
+        );
+      };
       const renderBoxs = () => {
         return vue.h(
           "div",
           {},
           slots.default().map((MySlot) => {
-            var _a, _b;
-            if (MySlot.type.toString().includes("Symbol")) {
-              if (MySlot.children && MySlot.children instanceof Array) {
-                return MySlot.children.map((trueSlot) => {
-                  var _a2;
-                  return vue.h(
-                    "label",
-                    {
-                      class: "radioGroup " + // @ts-ignore
-                      (trueSlot.props.class || "") + // @ts-ignore
-                      (props.modelValue == trueSlot.props.label ? " tdd-bg-wordblue" : "")
-                    },
-                    [
-                      vue.withDirectives(
-                        vue.h("input", {
-                          type: "radio",
-                          // @ts-ignore
-                          value: trueSlot.props.label,
-                          "onUpdate:modelValue": (value) => {
-                            ParentGetChangeHandle(value);
-                            emit("update:modelValue", value);
-                          },
-                          class: "hiddeninput form-tick" + // @ts-ignore
-                          (props.showinput ? "" : " tdd-hidden")
-                        }),
-                        [[vue.vModelRadio, props.modelValue]]
-                      ),
-                      vue.h(
-                        "span",
-                        {
-                          class: "tdd-text-sm " + // @ts-ignore
-                          (props.modelValue == trueSlot.props.label ? " tdd-text-white" : " tdd-text-word6")
-                        },
-                        // @ts-ignore
-                        ((_a2 = trueSlot.children) == null ? void 0 : _a2.default()) || trueSlot.props.label
-                      )
-                    ]
-                  );
-                });
-              }
+            if (typeof MySlot.children === "string")
+              return null;
+            if (Array.isArray(MySlot.children)) {
+              return MySlot.children.map((slot) => {
+                return BoxHandle(slot);
+              });
             } else {
-              return vue.h(
-                "label",
-                {
-                  class: "radioGroup " + (((_a = MySlot.props) == null ? void 0 : _a.class) || "") + (props.modelValue == MySlot.props.label ? " tdd-bg-wordblue" : "")
-                },
-                [
-                  vue.withDirectives(
-                    vue.h("input", {
-                      type: "radio",
-                      value: MySlot.props.label,
-                      "onUpdate:modelValue": (value) => {
-                        ParentGetChangeHandle(value);
-                        emit("update:modelValue", value);
-                      },
-                      class: "hiddeninput form-tick" + (props.showinput ? "" : " tdd-hidden")
-                    }),
-                    [[vue.vModelRadio, props.modelValue]]
-                  ),
-                  vue.h(
-                    "span",
-                    {
-                      class: "tdd-text-sm " + (props.modelValue == MySlot.props.label ? " tdd-text-white" : " tdd-text-word6")
-                    },
-                    // @ts-ignore
-                    ((_b = MySlot.children) == null ? void 0 : _b.default()) || MySlot.props.label
-                  )
-                ]
-              );
+              return BoxHandle(MySlot);
             }
           })
         );
@@ -4869,72 +4882,49 @@
       const props = __props;
       const ParentGetChangeHandle = vue.inject("changHandle", () => null);
       const slots = vue.useSlots();
+      const BoxHandle = (MySlot) => {
+        var _a;
+        return vue.h(
+          "label",
+          {
+            class: vue.normalizeClass(["checkGroup", [MySlot.props.class, props.modelValue.includes(MySlot.props.label) ? " tdd-bg-wordblue" : ""]])
+          },
+          [
+            vue.withDirectives(
+              vue.h("input", {
+                type: "checkbox",
+                value: MySlot.props.label,
+                "onUpdate:modelValue": (value) => {
+                  ParentGetChangeHandle(value);
+                  emit("update:modelValue", value);
+                },
+                class: vue.normalizeClass(["hiddeninput form-tick", [props.showinput ? "" : " tdd-hidden"]])
+              }),
+              [[vue.vModelCheckbox, props.modelValue]]
+            ),
+            vue.h(
+              "span",
+              {
+                class: vue.normalizeClass(["tdd-text-sm", [props.modelValue.includes(MySlot.props.label) ? " tdd-text-white" : " tdd-text-word6"]])
+              },
+              ((_a = MySlot.children) == null ? void 0 : _a.default()) || MySlot.props.label
+            )
+          ]
+        );
+      };
       const renderBoxs = () => {
         return vue.h(
           "div",
           {},
           slots.default().map((MySlot) => {
-            var _a;
-            if (MySlot.type.toString().includes("Symbol")) {
-              return MySlot.children.map((trueSlot) => {
-                var _a2;
-                return vue.h(
-                  "label",
-                  {
-                    class: "checkGroup " + (trueSlot.props.class || "") + (props.modelValue.includes(trueSlot.props.label) ? " tdd-bg-wordblue" : "")
-                  },
-                  [
-                    vue.withDirectives(
-                      vue.h("input", {
-                        type: "checkbox",
-                        value: trueSlot.props.label,
-                        "onUpdate:modelValue": (value) => {
-                          ParentGetChangeHandle(value);
-                          emit("update:modelValue", value);
-                        },
-                        class: "hiddeninput form-tick" + (props.showinput ? "" : " tdd-hidden")
-                      }),
-                      [[vue.vModelCheckbox, props.modelValue]]
-                    ),
-                    vue.h(
-                      "span",
-                      {
-                        class: "tdd-text-sm " + (props.modelValue.includes(trueSlot.props.label) ? " tdd-text-white" : " tdd-text-word6")
-                      },
-                      ((_a2 = trueSlot.children) == null ? void 0 : _a2.default()) || trueSlot.props.label
-                    )
-                  ]
-                );
+            if (typeof MySlot.children === "string")
+              return null;
+            if (Array.isArray(MySlot.children)) {
+              return MySlot.children.map((slot) => {
+                return BoxHandle(slot);
               });
             } else {
-              return vue.h(
-                "label",
-                {
-                  class: "checkGroup " + (MySlot.props.class || "") + (props.modelValue.includes(MySlot.props.label) ? " tdd-bg-wordblue" : "")
-                },
-                [
-                  vue.withDirectives(
-                    vue.h("input", {
-                      type: "checkbox",
-                      value: MySlot.props.label,
-                      "onUpdate:modelValue": (value) => {
-                        ParentGetChangeHandle(value);
-                        emit("update:modelValue", value);
-                      },
-                      class: "hiddeninput form-tick" + (props.showinput ? "" : " tdd-hidden")
-                    }),
-                    [[vue.vModelCheckbox, props.modelValue]]
-                  ),
-                  vue.h(
-                    "span",
-                    {
-                      class: "tdd-text-sm " + (props.modelValue.includes(MySlot.props.label) ? " tdd-text-white" : " tdd-text-word6")
-                    },
-                    // @ts-ignore
-                    ((_a = MySlot.children) == null ? void 0 : _a.default()) || MySlot.props.label
-                  )
-                ]
-              );
+              return BoxHandle(MySlot);
             }
           })
         );
@@ -5082,23 +5072,39 @@
   const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     __name: "tabs",
     props: {
-      active: {},
-      default: {},
+      active: { default: "" },
       type: { default: "line" }
     },
     emits: ["update:active"],
     setup(__props, { emit }) {
       const props = __props;
       const showBaseline = vue.computed(() => props.type === "line");
-      const currentActive = vue.ref(props.default || "");
-      const activeIndex = vue.ref(0);
-      const arrowNum = vue.ref(8);
-      const arrowWidth = vue.ref(0);
       const changeHandle = (name) => {
         emit("update:active", name);
       };
+      const noactive = vue.ref(props.active === "");
+      const activename = vue.ref("");
+      const currentActive = vue.computed({
+        set(val) {
+          if (noactive.value) {
+            activename.value = val;
+          } else {
+            changeHandle(val);
+          }
+        },
+        get() {
+          if (noactive.value) {
+            return activename.value;
+          } else {
+            return props.active;
+          }
+        }
+      });
+      const activeIndex = vue.ref(0);
+      const arrowNum = vue.ref(8);
+      const arrowWidth = vue.ref(0);
       const slots = vue.useSlots();
-      const renderBtn = (name, index2) => {
+      const renderBtn = (node, index2) => {
         let btc = [];
         let divc = [];
         switch (props.type) {
@@ -5127,23 +5133,21 @@
           "button",
           {
             type: "button",
-            class: btc.join(" "),
+            class: vue.normalizeClass(btc),
             onClick: (e) => {
               activeIndex.value = index2;
               let aim = e.target;
               arrowWidth.value = aim.offsetWidth;
               arrowNum.value = aim.offsetLeft;
-              changeHandle(name);
-              currentActive.value = name;
+              currentActive.value = node.props.name;
             }
-            // key: index,
           },
           vue.h(
             "span",
             {
               class: divc.join(" ")
             },
-            name
+            node.props.name
           )
         );
       };
@@ -5151,63 +5155,60 @@
         return vue.h(
           "div",
           {
-            class: `ETab${props.type === "line" ? " px-2 pt-2" : " ETab_Card"}`
+            class: vue.normalizeClass(["ETab", [props.type === "line" ? " tdd-px-2 tdd-pt-2" : " ETab_Card"]])
           },
           slots.default().map((it, index2) => {
-            var _a;
-            if (it.type.toString().includes("Symbol")) {
+            if (typeof it.children == "string")
+              return null;
+            if (Array.isArray(it.children)) {
               return it.children.map((simple, i) => {
-                return renderBtn(simple.props.name, i);
+                return renderBtn(simple, i);
               });
             } else {
-              return renderBtn((_a = it.props) == null ? void 0 : _a.name, index2);
+              return renderBtn(it, index2);
             }
           })
         );
       };
+      const contentHandle = (it, i) => {
+        if (currentActive.value === "") {
+          activeIndex.value = i;
+          currentActive.value = it.props.name;
+        } else if (currentActive.value === it.props.name) {
+          activeIndex.value = i;
+        }
+        return vue.withDirectives(
+          vue.h(it, {
+            key: it.props.name
+          }),
+          [[vue.vShow, currentActive.value === "" || currentActive.value === it.props.name]]
+        );
+      };
       const renderContent = () => {
+        let defaultindex = -1;
         return vue.h(
           "div",
           {},
-          slots.default().map((it, index2) => {
-            var _a, _b;
-            if (it.type.toString().includes("Symbol")) {
-              return it.children.map((simple, i) => {
-                if (currentActive.value === "") {
-                  activeIndex.value = i;
-                  currentActive.value = simple.props.name;
-                } else if (currentActive.value === simple.props.name) {
-                  activeIndex.value = i;
-                }
-                return vue.withDirectives(
-                  vue.h(simple, {
-                    key: simple.props.name
-                  }),
-                  [[vue.vShow, currentActive.value === "" || currentActive.value === simple.props.name]]
-                );
+          slots.default().map((it, _) => {
+            if (typeof it.children == "string")
+              return null;
+            if (Array.isArray(it.children)) {
+              return it.children.map((itt, _i) => {
+                defaultindex += 1;
+                return contentHandle(itt, defaultindex);
               });
             } else {
-              if (currentActive.value === "") {
-                activeIndex.value = index2;
-                currentActive.value = (_a = it.props) == null ? void 0 : _a.name;
-              } else if (currentActive.value === ((_b = it.props) == null ? void 0 : _b.name)) {
-                activeIndex.value = index2;
-              }
-              return vue.withDirectives(
-                vue.h(it, {
-                  key: it.props.name
-                }),
-                [[vue.vShow, currentActive.value === "" || currentActive.value === it.props.name]]
-              );
+              defaultindex += 1;
+              return contentHandle(it, defaultindex);
             }
           })
         );
       };
       const btnBar = vue.ref();
       vue.onMounted(() => {
-        if (props.type === "line") {
+        if (showBaseline.value) {
           const aim = btnBar.value.children[activeIndex.value];
-          arrowWidth.value = aim.children[0].innerHTML.length * 14 + 16;
+          arrowWidth.value = aim.children[0].innerHTML.length * 14;
         }
       });
       return (_ctx, _cache) => {
@@ -5465,13 +5466,9 @@
     class: "tdd-w-4 tdd-h-4 tdd-fill-white tdd-inline-block",
     viewBox: "0 0 1024 1024",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    "p-id": "613"
+    xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ vue.createElementVNode("path", {
-      d: "M320 885.333333c-8.533333 0-17.066667-4.266667-23.466667-10.666666-12.8-12.8-10.666667-34.133333 2.133334-44.8L654.933333 512 298.666667 194.133333c-12.8-10.666667-14.933333-32-2.133334-44.8 10.666667-12.8 32-14.933333 44.8-2.133333l384 341.333333c6.4 6.4 10.666667 14.933333 10.666667 23.466667 0 8.533333-4.266667 17.066667-10.666667 23.466667l-384 341.333333c-6.4 6.4-12.8 8.533333-21.333333 8.533333z",
-      "p-id": "614"
-    })
+    /* @__PURE__ */ vue.createElementVNode("path", { d: "M320 885.333333c-8.533333 0-17.066667-4.266667-23.466667-10.666666-12.8-12.8-10.666667-34.133333 2.133334-44.8L654.933333 512 298.666667 194.133333c-12.8-10.666667-14.933333-32-2.133334-44.8 10.666667-12.8 32-14.933333 44.8-2.133333l384 341.333333c6.4 6.4 10.666667 14.933333 10.666667 23.466667 0 8.533333-4.266667 17.066667-10.666667 23.466667l-384 341.333333c-6.4 6.4-12.8 8.533333-21.333333 8.533333z" })
   ], -1);
   const _hoisted_2$2 = [
     _hoisted_1$2
@@ -5480,13 +5477,9 @@
     class: "tdd-w-4 tdd-h-4 tdd-fill-white tdd-inline-block",
     viewBox: "0 0 1024 1024",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    "p-id": "613"
+    xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ vue.createElementVNode("path", {
-      d: "M320 885.333333c-8.533333 0-17.066667-4.266667-23.466667-10.666666-12.8-12.8-10.666667-34.133333 2.133334-44.8L654.933333 512 298.666667 194.133333c-12.8-10.666667-14.933333-32-2.133334-44.8 10.666667-12.8 32-14.933333 44.8-2.133333l384 341.333333c6.4 6.4 10.666667 14.933333 10.666667 23.466667 0 8.533333-4.266667 17.066667-10.666667 23.466667l-384 341.333333c-6.4 6.4-12.8 8.533333-21.333333 8.533333z",
-      "p-id": "614"
-    })
+    /* @__PURE__ */ vue.createElementVNode("path", { d: "M320 885.333333c-8.533333 0-17.066667-4.266667-23.466667-10.666666-12.8-12.8-10.666667-34.133333 2.133334-44.8L654.933333 512 298.666667 194.133333c-12.8-10.666667-14.933333-32-2.133334-44.8 10.666667-12.8 32-14.933333 44.8-2.133333l384 341.333333c6.4 6.4 10.666667 14.933333 10.666667 23.466667 0 8.533333-4.266667 17.066667-10.666667 23.466667l-384 341.333333c-6.4 6.4-12.8 8.533333-21.333333 8.533333z" })
   ], -1);
   const _hoisted_4$1 = [
     _hoisted_3$2
@@ -5501,68 +5494,57 @@
       const slots = vue.useSlots();
       const activeIndex = vue.ref(0);
       const totalLen = vue.computed(() => {
-        if (slots.default()[0].type.toString().includes("Symbol")) {
-          return slots.default()[0].children.length;
+        return slots.default().reduce((pre, cur) => {
+          if (typeof cur.children === "string") {
+            return pre;
+          }
+          if (Array.isArray(cur.children)) {
+            return pre += cur.children.length;
+          } else {
+            return pre += 1;
+          }
+        }, 0);
+      });
+      const bodyHandle = (MySlot, d) => {
+        let between = d - activeIndex.value;
+        let transformNum = 0;
+        if (between < 0) {
+          if (between == -1) {
+            transformNum = -translatexNum.value;
+          } else {
+            transformNum = (totalLen.value + between) * translatexNum.value;
+          }
         } else {
-          return slots.default().length;
+          if (activeIndex.value === 0 && d == totalLen.value - 1 && totalLen.value != 1) {
+            transformNum = -translatexNum.value;
+          } else {
+            transformNum = between * translatexNum.value;
+          }
         }
-      });
+        return vue.h(
+          "div",
+          {
+            class: vue.normalizeClass(["carouselBody", [activeIndex.value === d ? "tdd-z-10" : "-tdd-z-10"]]),
+            style: {
+              transform: `translateX(${transformNum}px)`
+            }
+          },
+          vue.h(MySlot)
+        );
+      };
       const renderBody = () => {
-        return slots.default().map((MySlot, d) => {
-          if (MySlot.type.toString().includes("Symbol")) {
-            return MySlot.children.map((trueSlot, i) => {
-              let between = i - activeIndex.value;
-              let transformNum = 0;
-              if (between < 0) {
-                if (between == -1) {
-                  transformNum = -translatexNum.value;
-                } else {
-                  transformNum = (totalLen.value + between) * translatexNum.value;
-                }
-              } else {
-                if (activeIndex.value === 0 && i == totalLen.value - 1 && totalLen.value != 1) {
-                  transformNum = -translatexNum.value;
-                } else {
-                  transformNum = between * translatexNum.value;
-                }
-              }
-              return vue.h(
-                "div",
-                {
-                  class: "carouselBody " + (activeIndex.value === i ? "tdd-z-10" : "-tdd-z-10"),
-                  style: {
-                    transform: `translateX(${transformNum}px)`
-                  }
-                },
-                vue.h(trueSlot)
-              );
+        let indexflag = -1;
+        return slots.default().map((MySlot, _) => {
+          if (typeof MySlot.children == "string")
+            return null;
+          if (Array.isArray(MySlot.children)) {
+            return MySlot.children.map((slot, _2) => {
+              indexflag += 1;
+              return bodyHandle(slot, indexflag);
             });
           } else {
-            let between = d - activeIndex.value;
-            let transformNum = 0;
-            if (between < 0) {
-              if (between == -1) {
-                transformNum = -translatexNum.value;
-              } else {
-                transformNum = (totalLen.value + between) * translatexNum.value;
-              }
-            } else {
-              if (activeIndex.value === 0 && d == totalLen.value - 1 && totalLen.value != 1) {
-                transformNum = -translatexNum.value;
-              } else {
-                transformNum = between * translatexNum.value;
-              }
-            }
-            return vue.h(
-              "div",
-              {
-                class: "carouselBody " + (activeIndex.value === d ? "tdd-z-10" : "-tdd-z-10"),
-                style: {
-                  transform: `translateX(${transformNum}px)`
-                }
-              },
-              vue.h(MySlot)
-            );
+            indexflag += 1;
+            return bodyHandle(MySlot, indexflag);
           }
         });
       };