ninemoon-ui 0.0.7 → 0.0.9

package/dist/index.umd.js

@@ -354,6 +354,9 @@
 .tdd-items-center {
     align-items: center;
 }
+.tdd-justify-end {
+    justify-content: flex-end;
+}
 .tdd-justify-center {
     justify-content: center;
 }
@@ -637,6 +640,9 @@
 .tdd-pb-9 {
     padding-bottom: 2.25rem;
 }
+.tdd-pt-2 {
+    padding-top: 0.5rem;
+}
 .tdd-pt-3 {
     padding-top: 0.75rem;
 }
@@ -804,6 +810,10 @@
   .hover\\:tdd-bg-gray-200:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+}
+  .hover\\:tdd-text-blue-500:hover {
+    --tw-text-opacity: 1;
+    color: rgb(59 130 246 / var(--tw-text-opacity));
 }
   .hover\\:tdd-text-blue-brand:hover {
     --tw-text-opacity: 1;
@@ -815,6 +825,9 @@
   .focus\\:tdd-outline-none:focus {
     outline: 2px solid transparent;
     outline-offset: 2px;
+}
+  .active\\:tdd-to-blue-700:active {
+    --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
 }
   .tdd-group:hover .group-hover\\:tdd-flex {
     display: flex;
@@ -1659,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);
@@ -1674,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);
@@ -2008,9 +2021,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");
             }
           }
         }
@@ -2431,10 +2444,33 @@
         if (isThis.length > 0) {
           return isThis[0].label;
         } 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: `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",
@@ -2442,53 +2478,18 @@
             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
-                );
+            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), {
           trigger: "native",
@@ -2569,47 +2570,62 @@
           "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
-            );
+          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) {
@@ -2668,47 +2684,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: 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,
+            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,
@@ -2907,9 +2930,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 = () => {
@@ -3529,7 +3552,7 @@
     key: "daymode"
   };
   const _hoisted_22 = ["onMouseenter", "onClick"];
-  const _hoisted_23 = { class: "tdd-inline-flex tdd-relative tdd-h-full tdd-w-full tdd-items-center tdd-overflow-hidden tdd-rounded tdd-border tdd-border-solid tdd-px-3" };
+  const _hoisted_23 = { class: "tdd-inline-flex tdd-relative tdd-h-full tdd-w-full tdd-items-center tdd-overflow-hidden tdd-rounded tdd-border tdd-border-solid tdd-px-3 tdd-text-word3" };
   const _hoisted_24 = ["value"];
   const _hoisted_25 = /* @__PURE__ */ vue.createElementVNode("div", { class: "tdd-mx-2" }, "至", -1);
   const _hoisted_26 = ["value"];
@@ -3542,6 +3565,9 @@
     setup(__props, { emit }) {
       const props = __props;
       const Pop = vue.defineAsyncComponent(() => Promise.resolve().then(() => popover));
+      const deleteDateHandle = () => {
+        emit("update:modelValue", [null, null]);
+      };
       const date1ChangeHandle = (e) => {
         let target = e.target;
         let year = new Date(target.value).getFullYear();
@@ -3550,6 +3576,7 @@
         emit("update:modelValue", [`${year}-${addZero(month)}-${addZero(day)}`, date2.value]);
       };
       const date2ChangeHandle = (e) => {
+        debugger;
         let target = e.target;
         let year = new Date(target.value).getFullYear();
         let month = new Date(target.value).getMonth() + 1;
@@ -3836,7 +3863,7 @@
         return vue.openBlock(), vue.createBlock(vue.unref(Pop), {
           width: "512",
           insertClass: "tdd-z-2000 !tdd-p-0",
-          trigger: "click",
+          trigger: "native",
           modelValue: showD.value,
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => showD.value = $event),
           placement: "bottomleft"
@@ -4002,6 +4029,18 @@
                   ], 32)
                 ])
               ])
+            ]),
+            vue.createElementVNode("div", { class: "tdd-flex tdd-justify-end tdd-space-x-2 tdd-text-sm tdd-px-3 tdd-py-1" }, [
+              vue.createElementVNode("button", {
+                type: "button",
+                class: "tdd-text-word3 hover:tdd-text-blue-500 active:tdd-to-blue-700",
+                onClick: deleteDateHandle
+              }, "清空"),
+              vue.createElementVNode("button", {
+                type: "button",
+                class: "tdd-text-word3 hover:tdd-text-blue-500 active:tdd-to-blue-700",
+                onClick: hideDatePick
+              }, "确定")
             ])
           ]),
           _: 1
@@ -4082,18 +4121,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 = [
@@ -4106,23 +4142,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,
@@ -4136,23 +4168,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,
@@ -4164,18 +4192,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 = [
@@ -4578,13 +4603,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
@@ -4594,13 +4615,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
@@ -4619,29 +4636,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() {
@@ -4728,80 +4738,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: "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")
+              },
+              ((_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);
             }
           })
         );
@@ -4843,72 +4822,49 @@
       const props = __props;
       const ParentGetChangeHandle = vue.inject("changHandle", () => null);
       const slots = vue.useSlots();
+      const BoxHandle = (MySlot) => {
+        var _a;
+        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")
+              },
+              ((_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);
             }
           })
         );
@@ -5056,23 +5012,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) {
@@ -5107,17 +5079,15 @@
               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
           )
         );
       };
@@ -5125,84 +5095,84 @@
         return vue.h(
           "div",
           {
-            class: `ETab${props.type === "line" ? " px-2 pt-2" : " ETab_Card"}`
+            class: `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) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
-          vue.createVNode(renderBar, {
-            ref_key: "btnBar",
-            ref: btnBar
-          }, null, 512),
-          showBaseline.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [
-            vue.createElementVNode("div", {
-              class: "tdd-absolute tdd-bottom-0 tdd-border-t-2 tdd-border-solid tdd-border-blue-brand tdd-transition",
-              style: vue.normalizeStyle({
-                transform: `translateX(${arrowNum.value}px`,
-                width: `${arrowWidth.value}px`
-              })
-            }, null, 4)
-          ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_3$3, [
-            vue.createVNode(renderContent)
+        return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+          vue.createTextVNode(vue.toDisplayString(noactive.value) + " ", 1),
+          vue.createElementVNode("div", _hoisted_1$4, [
+            vue.createVNode(renderBar, {
+              ref_key: "btnBar",
+              ref: btnBar
+            }, null, 512),
+            showBaseline.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [
+              vue.createElementVNode("div", {
+                class: "tdd-absolute tdd-bottom-0 tdd-border-t-2 tdd-border-solid tdd-border-blue-brand tdd-transition",
+                style: vue.normalizeStyle({
+                  transform: `translateX(${arrowNum.value}px`,
+                  width: `${arrowWidth.value}px`
+                })
+              }, null, 4)
+            ])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_3$3, [
+              vue.createVNode(renderContent)
+            ])
           ])
-        ]);
+        ], 64);
       };
     }
   });
@@ -5439,13 +5409,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
@@ -5454,13 +5420,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
@@ -5475,68 +5437,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: "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);
           }
         });
       };