ninemoon-ui 0.0.8 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/components/table/tableItem.vue.d.ts +2 -2
  2. package/dist/components/tabs/tabs.vue.d.ts +3 -8
  3. package/dist/index.css +3 -0
  4. package/dist/index.d.ts +7 -12
  5. package/dist/index.umd.js +358 -433
  6. package/dist/js/carousel/carousel.js +50 -69
  7. package/dist/js/check/checkgroup.js +36 -59
  8. package/dist/js/dialog/dialog.js +2 -2
  9. package/dist/js/image/image.js +2 -2
  10. package/dist/js/index/index.js +4 -4
  11. package/dist/js/numberInput/numberinput.js +15 -30
  12. package/dist/js/pagination/pagination.js +14 -28
  13. package/dist/js/radio/radiogroup.js +37 -68
  14. package/dist/js/select/select.js +30 -42
  15. package/dist/js/table/table.js +89 -67
  16. package/dist/js/tabs/tabs.js +78 -64
  17. package/package.json +1 -1
package/dist/js/carousel/carousel.js CHANGED
@@ -3,13 +3,9 @@ const _hoisted_1 = /* @__PURE__ */ createElementVNode("svg", {
3
3
  class: "tdd-w-4 tdd-h-4 tdd-fill-white tdd-inline-block",
4
4
  viewBox: "0 0 1024 1024",
5
5
  version: "1.1",
6
- xmlns: "http://www.w3.org/2000/svg",
7
- "p-id": "613"
6
+ xmlns: "http://www.w3.org/2000/svg"
8
7
  }, [
9
- /* @__PURE__ */ createElementVNode("path", {
10
- 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",
11
- "p-id": "614"
12
- })
8
+ /* @__PURE__ */ 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" })
13
9
  ], -1);
14
10
  const _hoisted_2 = [
15
11
  _hoisted_1
@@ -18,13 +14,9 @@ const _hoisted_3 = /* @__PURE__ */ createElementVNode("svg", {
18
14
  class: "tdd-w-4 tdd-h-4 tdd-fill-white tdd-inline-block",
19
15
  viewBox: "0 0 1024 1024",
20
16
  version: "1.1",
21
- xmlns: "http://www.w3.org/2000/svg",
22
- "p-id": "613"
17
+ xmlns: "http://www.w3.org/2000/svg"
23
18
  }, [
24
- /* @__PURE__ */ createElementVNode("path", {
25
- 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",
26
- "p-id": "614"
27
- })
19
+ /* @__PURE__ */ 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" })
28
20
  ], -1);
29
21
  const _hoisted_4 = [
30
22
  _hoisted_3
@@ -39,68 +31,57 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
39
31
  const slots = useSlots();
40
32
  const activeIndex = ref(0);
41
33
  const totalLen = computed(() => {
42
- if (slots.default()[0].type.toString().includes("Symbol")) {
43
- return slots.default()[0].children.length;
34
+ return slots.default().reduce((pre, cur) => {
35
+ if (typeof cur.children === "string") {
36
+ return pre;
37
+ }
38
+ if (Array.isArray(cur.children)) {
39
+ return pre += cur.children.length;
40
+ } else {
41
+ return pre += 1;
42
+ }
43
+ }, 0);
44
+ });
45
+ const bodyHandle = (MySlot, d) => {
46
+ let between = d - activeIndex.value;
47
+ let transformNum = 0;
48
+ if (between < 0) {
49
+ if (between == -1) {
50
+ transformNum = -translatexNum.value;
51
+ } else {
52
+ transformNum = (totalLen.value + between) * translatexNum.value;
53
+ }
44
54
  } else {
45
- return slots.default().length;
55
+ if (activeIndex.value === 0 && d == totalLen.value - 1 && totalLen.value != 1) {
56
+ transformNum = -translatexNum.value;
57
+ } else {
58
+ transformNum = between * translatexNum.value;
59
+ }
46
60
  }
47
- });
61
+ return h(
62
+ "div",
63
+ {
64
+ class: "carouselBody " + (activeIndex.value === d ? "tdd-z-10" : "-tdd-z-10"),
65
+ style: {
66
+ transform: `translateX(${transformNum}px)`
67
+ }
68
+ },
69
+ h(MySlot)
70
+ );
71
+ };
48
72
  const renderBody = () => {
49
- return slots.default().map((MySlot, d) => {
50
- if (MySlot.type.toString().includes("Symbol")) {
51
- return MySlot.children.map((trueSlot, i) => {
52
- let between = i - activeIndex.value;
53
- let transformNum = 0;
54
- if (between < 0) {
55
- if (between == -1) {
56
- transformNum = -translatexNum.value;
57
- } else {
58
- transformNum = (totalLen.value + between) * translatexNum.value;
59
- }
60
- } else {
61
- if (activeIndex.value === 0 && i == totalLen.value - 1 && totalLen.value != 1) {
62
- transformNum = -translatexNum.value;
63
- } else {
64
- transformNum = between * translatexNum.value;
65
- }
66
- }
67
- return h(
68
- "div",
69
- {
70
- class: "carouselBody " + (activeIndex.value === i ? "tdd-z-10" : "-tdd-z-10"),
71
- style: {
72
- transform: `translateX(${transformNum}px)`
73
- }
74
- },
75
- h(trueSlot)
76
- );
73
+ let indexflag = -1;
74
+ return slots.default().map((MySlot, _) => {
75
+ if (typeof MySlot.children == "string")
76
+ return null;
77
+ if (Array.isArray(MySlot.children)) {
78
+ return MySlot.children.map((slot, _2) => {
79
+ indexflag += 1;
80
+ return bodyHandle(slot, indexflag);
77
81
  });
78
82
  } else {
79
- let between = d - activeIndex.value;
80
- let transformNum = 0;
81
- if (between < 0) {
82
- if (between == -1) {
83
- transformNum = -translatexNum.value;
84
- } else {
85
- transformNum = (totalLen.value + between) * translatexNum.value;
86
- }
87
- } else {
88
- if (activeIndex.value === 0 && d == totalLen.value - 1 && totalLen.value != 1) {
89
- transformNum = -translatexNum.value;
90
- } else {
91
- transformNum = between * translatexNum.value;
92
- }
93
- }
94
- return h(
95
- "div",
96
- {
97
- class: "carouselBody " + (activeIndex.value === d ? "tdd-z-10" : "-tdd-z-10"),
98
- style: {
99
- transform: `translateX(${transformNum}px)`
100
- }
101
- },
102
- h(MySlot)
103
- );
83
+ indexflag += 1;
84
+ return bodyHandle(MySlot, indexflag);
104
85
  }
105
86
  });
106
87
  };
package/dist/js/check/checkgroup.js CHANGED
@@ -10,72 +10,49 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
10
10
  const props = __props;
11
11
  const ParentGetChangeHandle = inject("changHandle", () => null);
12
12
  const slots = useSlots();
13
+ const BoxHandle = (MySlot) => {
14
+ var _a;
15
+ return h(
16
+ "label",
17
+ {
18
+ class: "checkGroup " + (MySlot.props.class || "") + (props.modelValue.includes(MySlot.props.label) ? " tdd-bg-wordblue" : "")
19
+ },
20
+ [
21
+ withDirectives(
22
+ h("input", {
23
+ type: "checkbox",
24
+ value: MySlot.props.label,
25
+ "onUpdate:modelValue": (value) => {
26
+ ParentGetChangeHandle(value);
27
+ emit("update:modelValue", value);
28
+ },
29
+ class: "hiddeninput form-tick" + (props.showinput ? "" : " tdd-hidden")
30
+ }),
31
+ [[vModelCheckbox, props.modelValue]]
32
+ ),
33
+ h(
34
+ "span",
35
+ {
36
+ class: "tdd-text-sm " + (props.modelValue.includes(MySlot.props.label) ? " tdd-text-white" : " tdd-text-word6")
37
+ },
38
+ ((_a = MySlot.children) == null ? void 0 : _a.default()) || MySlot.props.label
39
+ )
40
+ ]
41
+ );
42
+ };
13
43
  const renderBoxs = () => {
14
44
  return h(
15
45
  "div",
16
46
  {},
17
47
  slots.default().map((MySlot) => {
18
- var _a;
19
- if (MySlot.type.toString().includes("Symbol")) {
20
- return MySlot.children.map((trueSlot) => {
21
- var _a2;
22
- return h(
23
- "label",
24
- {
25
- class: "checkGroup " + (trueSlot.props.class || "") + (props.modelValue.includes(trueSlot.props.label) ? " tdd-bg-wordblue" : "")
26
- },
27
- [
28
- withDirectives(
29
- h("input", {
30
- type: "checkbox",
31
- value: trueSlot.props.label,
32
- "onUpdate:modelValue": (value) => {
33
- ParentGetChangeHandle(value);
34
- emit("update:modelValue", value);
35
- },
36
- class: "hiddeninput form-tick" + (props.showinput ? "" : " tdd-hidden")
37
- }),
38
- [[vModelCheckbox, props.modelValue]]
39
- ),
40
- h(
41
- "span",
42
- {
43
- class: "tdd-text-sm " + (props.modelValue.includes(trueSlot.props.label) ? " tdd-text-white" : " tdd-text-word6")
44
- },
45
- ((_a2 = trueSlot.children) == null ? void 0 : _a2.default()) || trueSlot.props.label
46
- )
47
- ]
48
- );
48
+ if (typeof MySlot.children === "string")
49
+ return null;
50
+ if (Array.isArray(MySlot.children)) {
51
+ return MySlot.children.map((slot) => {
52
+ return BoxHandle(slot);
49
53
  });
50
54
  } else {
51
- return h(
52
- "label",
53
- {
54
- class: "checkGroup " + (MySlot.props.class || "") + (props.modelValue.includes(MySlot.props.label) ? " tdd-bg-wordblue" : "")
55
- },
56
- [
57
- withDirectives(
58
- h("input", {
59
- type: "checkbox",
60
- value: MySlot.props.label,
61
- "onUpdate:modelValue": (value) => {
62
- ParentGetChangeHandle(value);
63
- emit("update:modelValue", value);
64
- },
65
- class: "hiddeninput form-tick" + (props.showinput ? "" : " tdd-hidden")
66
- }),
67
- [[vModelCheckbox, props.modelValue]]
68
- ),
69
- h(
70
- "span",
71
- {
72
- class: "tdd-text-sm " + (props.modelValue.includes(MySlot.props.label) ? " tdd-text-white" : " tdd-text-word6")
73
- },
74
- // @ts-ignore
75
- ((_a = MySlot.children) == null ? void 0 : _a.default()) || MySlot.props.label
76
- )
77
- ]
78
- );
55
+ return BoxHandle(MySlot);
79
56
  }
80
57
  })
81
58
  );
package/dist/js/dialog/dialog.js CHANGED
@@ -90,9 +90,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
90
90
  (val) => {
91
91
  if (props.lockScroll) {
92
92
  if (val === true) {
93
- document.getElementsByTagName("body")[0].className = "overflow-hidden";
93
+ document.body.classList.add("tdd-overflow-hidden");
94
94
  } else {
95
- document.getElementsByTagName("body")[0].className = "block";
95
+ document.body.classList.remove("tdd-overflow-hidden");
96
96
  }
97
97
  }
98
98
  }
package/dist/js/image/image.js CHANGED
@@ -145,9 +145,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
145
145
  const showBig = ref(false);
146
146
  watch(showBig, (val) => {
147
147
  if (val === true) {
148
- document.getElementsByTagName("body")[0].className = "overflow-hidden";
148
+ document.body.classList.add("tdd-overflow-hidden");
149
149
  } else {
150
- document.getElementsByTagName("body")[0].className = "block";
150
+ document.body.classList.remove("tdd-overflow-hidden");
151
151
  }
152
152
  });
153
153
  const showPreview = () => {
package/dist/js/index/index.js CHANGED
@@ -498,9 +498,9 @@ const LibLoad = {
498
498
  mounted(el, binding) {
499
499
  if (binding.value) {
500
500
  if (binding.modifiers.fullScreen) {
501
- appendHandle(el, document.getElementsByTagName("body")[0]);
501
+ appendHandle(el, document.body);
502
502
  if (binding.modifiers.lock) {
503
- document.getElementsByTagName("body")[0].className = "overflow-hidden";
503
+ document.body.classList.add("tdd-overflow-hidden");
504
504
  }
505
505
  } else {
506
506
  appendHandle(el);
@@ -513,9 +513,9 @@ const LibLoad = {
513
513
  el.instance.loaddingWord = el.getAttribute("loadding-text");
514
514
  }
515
515
  if (binding.modifiers.fullScreen) {
516
- binding.value ? appendHandle(el, document.getElementsByTagName("body")[0]) : removeHandle(el, document.getElementsByTagName("body")[0]);
516
+ binding.value ? appendHandle(el, document.body) : removeHandle(el, document.body);
517
517
  if (binding.modifiers.lock) {
518
- binding.value ? document.getElementsByTagName("body")[0].className = "overflow-hidden" : document.getElementsByTagName("body")[0].className = "block";
518
+ binding.value ? document.body.classList.add("tdd-overflow-hidden") : document.body.classList.remove("tdd-overflow-hidden");
519
519
  }
520
520
  } else {
521
521
  binding.value ? appendHandle(el) : removeHandle(el);
package/dist/js/numberInput/numberinput.js CHANGED
@@ -5,13 +5,9 @@ const _hoisted_3 = /* @__PURE__ */ createElementVNode("svg", {
5
5
  class: "tdd-h-4 tdd-w-4 tdd-fill-word6 tdd-inline-block",
6
6
  viewBox: "0 0 1024 1024",
7
7
  version: "1.1",
8
- xmlns: "http://www.w3.org/2000/svg",
9
- "p-id": "1584"
8
+ xmlns: "http://www.w3.org/2000/svg"
10
9
  }, [
11
- /* @__PURE__ */ createElementVNode("path", {
12
- 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",
13
- "p-id": "1585"
14
- })
10
+ /* @__PURE__ */ 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" })
15
11
  ], -1);
16
12
  const _hoisted_4 = [
17
13
  _hoisted_3
@@ -21,13 +17,9 @@ const _hoisted_6 = /* @__PURE__ */ createElementVNode("svg", {
21
17
  class: "tdd-h-4 tdd-w-4 tdd-fill-word6 tdd-inline-block",
22
18
  viewBox: "0 0 1024 1024",
23
19
  version: "1.1",
24
- xmlns: "http://www.w3.org/2000/svg",
25
- "p-id": "532"
20
+ xmlns: "http://www.w3.org/2000/svg"
26
21
  }, [
27
- /* @__PURE__ */ createElementVNode("path", {
28
- 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",
29
- "p-id": "533"
30
- })
22
+ /* @__PURE__ */ 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" })
31
23
  ], -1);
32
24
  const _hoisted_7 = [
33
25
  _hoisted_6
@@ -46,29 +38,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
46
38
  emits: ["update:modelValue", "NumChange"],
47
39
  setup(__props, { emit: emitAct }) {
48
40
  const props = __props;
41
+ function updateModelValueAndEmit(value) {
42
+ const formattedValue = value.toFixed(lastLen.value);
43
+ emitAct("update:modelValue", Number(formattedValue));
44
+ emitAct("NumChange", Number(formattedValue));
45
+ }
46
+ const lastLen = computed(() => {
47
+ var _a;
48
+ return (_a = props.step.toString().split(".")[1]) == null ? void 0 : _a.length;
49
+ });
49
50
  const addHandle = () => {
50
- var _a, _b;
51
- let modelLen = (_a = props.modelValue.toString().split(".")[1]) == null ? void 0 : _a.length;
52
- let stepLen = (_b = props.step.toString().split(".")[1]) == null ? void 0 : _b.length;
53
- let lastLen = 0;
54
- if (modelLen) {
55
- lastLen = modelLen > stepLen ? modelLen : stepLen;
56
- }
57
51
  let result = props.modelValue + props.step;
58
- emitAct("update:modelValue", Number(result.toFixed(lastLen)));
59
- emitAct("NumChange", Number(result.toFixed(lastLen)));
52
+ updateModelValueAndEmit(result);
60
53
  };
61
54
  const reduceHandle = () => {
62
- var _a, _b;
63
- let modelLen = (_a = props.modelValue.toString().split(".")[1]) == null ? void 0 : _a.length;
64
- let stepLen = (_b = props.step.toString().split(".")[1]) == null ? void 0 : _b.length;
65
- let lastLen = 0;
66
- if (modelLen) {
67
- lastLen = modelLen > stepLen ? modelLen : stepLen;
68
- }
69
55
  let result = props.modelValue - props.step;
70
- emitAct("update:modelValue", Number(result.toFixed(lastLen)));
71
- emitAct("NumChange", Number(result.toFixed(lastLen)));
56
+ updateModelValueAndEmit(result);
72
57
  };
73
58
  const inputValue = computed({
74
59
  get() {
package/dist/js/pagination/pagination.js CHANGED
@@ -9,18 +9,15 @@ const _hoisted_4 = /* @__PURE__ */ createElementVNode("svg", {
9
9
  class: "tdd-w-4 tdd-h-4 tdd-block tdd-fill-word6",
10
10
  viewBox: "0 0 1024 1024",
11
11
  version: "1.1",
12
- xmlns: "http://www.w3.org/2000/svg",
13
- "p-id": "669"
12
+ xmlns: "http://www.w3.org/2000/svg"
14
13
  }, [
15
14
  /* @__PURE__ */ createElementVNode("path", {
16
15
  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",
17
- fill: "currentColor",
18
- "p-id": "670"
16
+ fill: "currentColor"
19
17
  }),
20
18
  /* @__PURE__ */ createElementVNode("path", {
21
19
  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",
22
- fill: "currentColor",
23
- "p-id": "671"
20
+ fill: "currentColor"
24
21
  })
25
22
  ], -1);
26
23
  const _hoisted_5 = [
@@ -33,23 +30,19 @@ const _hoisted_7 = {
33
30
  style: { "width": "1em", "height": "1em", "vertical-align": "middle", "fill": "currentColor", "overflow": "hidden" },
34
31
  viewBox: "0 0 1024 1024",
35
32
  version: "1.1",
36
- xmlns: "http://www.w3.org/2000/svg",
37
- "p-id": "1032"
33
+ xmlns: "http://www.w3.org/2000/svg"
38
34
  };
39
35
  const _hoisted_8 = /* @__PURE__ */ createElementVNode("path", {
40
36
  d: "M192 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z",
41
- fill: "currentColor",
42
- "p-id": "1033"
37
+ fill: "currentColor"
43
38
  }, null, -1);
44
39
  const _hoisted_9 = /* @__PURE__ */ createElementVNode("path", {
45
40
  d: "M512 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z",
46
- fill: "currentColor",
47
- "p-id": "1034"
41
+ fill: "currentColor"
48
42
  }, null, -1);
49
43
  const _hoisted_10 = /* @__PURE__ */ createElementVNode("path", {
50
44
  d: "M832 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z",
51
- fill: "currentColor",
52
- "p-id": "1035"
45
+ fill: "currentColor"
53
46
  }, null, -1);
54
47
  const _hoisted_11 = [
55
48
  _hoisted_8,
@@ -63,23 +56,19 @@ const _hoisted_13 = {
63
56
  style: { "width": "1em", "height": "1em", "vertical-align": "middle", "fill": "currentColor", "overflow": "hidden" },
64
57
  viewBox: "0 0 1024 1024",
65
58
  version: "1.1",
66
- xmlns: "http://www.w3.org/2000/svg",
67
- "p-id": "1032"
59
+ xmlns: "http://www.w3.org/2000/svg"
68
60
  };
69
61
  const _hoisted_14 = /* @__PURE__ */ createElementVNode("path", {
70
62
  d: "M192 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z",
71
- fill: "currentColor",
72
- "p-id": "1033"
63
+ fill: "currentColor"
73
64
  }, null, -1);
74
65
  const _hoisted_15 = /* @__PURE__ */ createElementVNode("path", {
75
66
  d: "M512 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z",
76
- fill: "currentColor",
77
- "p-id": "1034"
67
+ fill: "currentColor"
78
68
  }, null, -1);
79
69
  const _hoisted_16 = /* @__PURE__ */ createElementVNode("path", {
80
70
  d: "M832 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z",
81
- fill: "currentColor",
82
- "p-id": "1035"
71
+ fill: "currentColor"
83
72
  }, null, -1);
84
73
  const _hoisted_17 = [
85
74
  _hoisted_14,
@@ -91,18 +80,15 @@ const _hoisted_19 = /* @__PURE__ */ createElementVNode("svg", {
91
80
  class: "tdd-w-4 tdd-h-4 tdd-block tdd-fill-word6",
92
81
  viewBox: "0 0 1024 1024",
93
82
  version: "1.1",
94
- xmlns: "http://www.w3.org/2000/svg",
95
- "p-id": "693"
83
+ xmlns: "http://www.w3.org/2000/svg"
96
84
  }, [
97
85
  /* @__PURE__ */ createElementVNode("path", {
98
86
  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",
99
- fill: "currentColor",
100
- "p-id": "694"
87
+ fill: "currentColor"
101
88
  }),
102
89
  /* @__PURE__ */ createElementVNode("path", {
103
90
  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",
104
- fill: "currentColor",
105
- "p-id": "695"
91
+ fill: "currentColor"
106
92
  })
107
93
  ], -1);
108
94
  const _hoisted_20 = [
package/dist/js/radio/radiogroup.js CHANGED
@@ -10,80 +10,49 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
10
10
  const props = __props;
11
11
  const ParentGetChangeHandle = inject("changHandle", () => null);
12
12
  const slots = useSlots();
13
+ const BoxHandle = (MySlot) => {
14
+ var _a, _b;
15
+ return h(
16
+ "label",
17
+ {
18
+ class: "radioGroup " + (((_a = MySlot.props) == null ? void 0 : _a.class) || "") + (props.modelValue == MySlot.props.label ? " tdd-bg-wordblue" : "")
19
+ },
20
+ [
21
+ withDirectives(
22
+ h("input", {
23
+ type: "radio",
24
+ value: MySlot.props.label,
25
+ "onUpdate:modelValue": (value) => {
26
+ ParentGetChangeHandle(value);
27
+ emit("update:modelValue", value);
28
+ },
29
+ class: "hiddeninput form-tick" + (props.showinput ? "" : " tdd-hidden")
30
+ }),
31
+ [[vModelRadio, props.modelValue]]
32
+ ),
33
+ h(
34
+ "span",
35
+ {
36
+ class: "tdd-text-sm " + (props.modelValue == MySlot.props.label ? " tdd-text-white" : " tdd-text-word6")
37
+ },
38
+ ((_b = MySlot.children) == null ? void 0 : _b.default()) || MySlot.props.label
39
+ )
40
+ ]
41
+ );
42
+ };
13
43
  const renderBoxs = () => {
14
44
  return h(
15
45
  "div",
16
46
  {},
17
47
  slots.default().map((MySlot) => {
18
- var _a, _b;
19
- if (MySlot.type.toString().includes("Symbol")) {
20
- if (MySlot.children && MySlot.children instanceof Array) {
21
- return MySlot.children.map((trueSlot) => {
22
- var _a2;
23
- return h(
24
- "label",
25
- {
26
- class: "radioGroup " + // @ts-ignore
27
- (trueSlot.props.class || "") + // @ts-ignore
28
- (props.modelValue == trueSlot.props.label ? " tdd-bg-wordblue" : "")
29
- },
30
- [
31
- withDirectives(
32
- h("input", {
33
- type: "radio",
34
- // @ts-ignore
35
- value: trueSlot.props.label,
36
- "onUpdate:modelValue": (value) => {
37
- ParentGetChangeHandle(value);
38
- emit("update:modelValue", value);
39
- },
40
- class: "hiddeninput form-tick" + // @ts-ignore
41
- (props.showinput ? "" : " tdd-hidden")
42
- }),
43
- [[vModelRadio, props.modelValue]]
44
- ),
45
- h(
46
- "span",
47
- {
48
- class: "tdd-text-sm " + // @ts-ignore
49
- (props.modelValue == trueSlot.props.label ? " tdd-text-white" : " tdd-text-word6")
50
- },
51
- // @ts-ignore
52
- ((_a2 = trueSlot.children) == null ? void 0 : _a2.default()) || trueSlot.props.label
53
- )
54
- ]
55
- );
56
- });
57
- }
48
+ if (typeof MySlot.children === "string")
49
+ return null;
50
+ if (Array.isArray(MySlot.children)) {
51
+ return MySlot.children.map((slot) => {
52
+ return BoxHandle(slot);
53
+ });
58
54
  } else {
59
- return h(
60
- "label",
61
- {
62
- class: "radioGroup " + (((_a = MySlot.props) == null ? void 0 : _a.class) || "") + (props.modelValue == MySlot.props.label ? " tdd-bg-wordblue" : "")
63
- },
64
- [
65
- withDirectives(
66
- h("input", {
67
- type: "radio",
68
- value: MySlot.props.label,
69
- "onUpdate:modelValue": (value) => {
70
- ParentGetChangeHandle(value);
71
- emit("update:modelValue", value);
72
- },
73
- class: "hiddeninput form-tick" + (props.showinput ? "" : " tdd-hidden")
74
- }),
75
- [[vModelRadio, props.modelValue]]
76
- ),
77
- h(
78
- "span",
79
- {
80
- class: "tdd-text-sm " + (props.modelValue == MySlot.props.label ? " tdd-text-white" : " tdd-text-word6")
81
- },
82
- // @ts-ignore
83
- ((_b = MySlot.children) == null ? void 0 : _b.default()) || MySlot.props.label
84
- )
85
- ]
86
- );
55
+ return BoxHandle(MySlot);
87
56
  }
88
57
  })
89
58
  );