ninemoon-ui 0.0.26 → 0.0.27

package/dist/js/date/datepickerRange.js

@@ -3,111 +3,37 @@ import { g as getNewArray } from "../index/index.js";
 import { a as addZero, g as getMonthDays } from "../getcalendar/getcalendar.js";
 const _hoisted_1 = { class: "tdd-flex tdd-justify-between tdd-items-center tdd-p-3" };
 const _hoisted_2 = { class: "tdd-w-1/2 tdd-flex tdd-items-center" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("svg", {
-  class: "tdd-w-4 tdd-h-4",
-  viewBox: "0 0 1024 1024",
-  version: "1.1",
-  xmlns: "http://www.w3.org/2000/svg",
-  "p-id": "669"
-}, [
-  /* @__PURE__ */ 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: "#666666",
-    "p-id": "670"
-  }),
-  /* @__PURE__ */ 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: "#666666",
-    "p-id": "671"
-  })
-], -1);
-const _hoisted_4 = [
-  _hoisted_3
-];
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("svg", {
-  class: "tdd-w-4 tdd-h-4 tdd-transform tdd-rotate-180",
-  viewBox: "0 0 1024 1024",
-  version: "1.1",
-  xmlns: "http://www.w3.org/2000/svg",
-  "p-id": "613"
-}, [
-  /* @__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",
-    fill: "#666666",
-    "p-id": "614"
-  })
-], -1);
-const _hoisted_6 = [
-  _hoisted_5
-];
-const _hoisted_7 = { class: "tdd-flex-1 tdd-text-center tdd-font-medium tdd-text-sm" };
-const _hoisted_8 = { class: "tdd-font-medium" };
-const _hoisted_9 = { class: "tdd-w-1/2 tdd-flex tdd-items-center" };
-const _hoisted_10 = { class: "tdd-flex-1 tdd-text-center tdd-font-medium tdd-text-sm" };
-const _hoisted_11 = { class: "tdd-font-medium" };
-const _hoisted_12 = /* @__PURE__ */ createElementVNode("svg", {
-  class: "tdd-w-4 tdd-h-4",
-  viewBox: "0 0 1024 1024",
-  version: "1.1",
-  xmlns: "http://www.w3.org/2000/svg",
-  "p-id": "613"
-}, [
-  /* @__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",
-    fill: "#666666",
-    "p-id": "614"
-  })
-], -1);
-const _hoisted_13 = [
-  _hoisted_12
-];
-const _hoisted_14 = /* @__PURE__ */ createElementVNode("svg", {
-  class: "tdd-w-4 tdd-h-4",
-  viewBox: "0 0 1024 1024",
-  version: "1.1",
-  xmlns: "http://www.w3.org/2000/svg",
-  "p-id": "693"
-}, [
-  /* @__PURE__ */ 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: "#666666",
-    "p-id": "694"
-  }),
-  /* @__PURE__ */ 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: "#666666",
-    "p-id": "695"
-  })
-], -1);
-const _hoisted_15 = [
-  _hoisted_14
-];
-const _hoisted_16 = { class: "tdd-flex" };
-const _hoisted_17 = { class: "tdd-w-64 tdd-px-2 tdd-pt-3 tdd-pb-1 tdd-relative tdd-overflow-hidden" };
-const _hoisted_18 = {
+const _hoisted_3 = { class: "tdd-flex-1 tdd-text-center tdd-font-medium tdd-text-sm" };
+const _hoisted_4 = { class: "tdd-font-medium" };
+const _hoisted_5 = { class: "tdd-w-1/2 tdd-flex tdd-items-center" };
+const _hoisted_6 = { class: "tdd-flex-1 tdd-text-center tdd-font-medium tdd-text-sm" };
+const _hoisted_7 = { class: "tdd-font-medium" };
+const _hoisted_8 = { class: "tdd-flex" };
+const _hoisted_9 = { class: "tdd-w-64 tdd-px-2 tdd-pt-3 tdd-pb-1 tdd-relative tdd-overflow-hidden" };
+const _hoisted_10 = {
   class: "tdd-w-full tdd-text-center tdd-table-fixed tdd-cursor-pointer tdd-text-word3",
   key: "daymode"
 };
-const _hoisted_19 = ["onMouseenter", "onClick"];
-const _hoisted_20 = { class: "tdd-w-64 tdd-px-2 tdd-pt-3 tdd-pb-1 tdd-relative tdd-overflow-hidden" };
-const _hoisted_21 = {
+const _hoisted_11 = ["onMouseenter", "onClick"];
+const _hoisted_12 = { class: "tdd-w-64 tdd-px-2 tdd-pt-3 tdd-pb-1 tdd-relative tdd-overflow-hidden" };
+const _hoisted_13 = {
   class: "tdd-w-full tdd-text-center tdd-table-fixed tdd-cursor-pointer tdd-text-word3",
   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 tdd-text-word3" };
-const _hoisted_24 = ["value"];
-const _hoisted_25 = /* @__PURE__ */ createElementVNode("div", { class: "tdd-mx-2" }, "至", -1);
-const _hoisted_26 = ["value"];
+const _hoisted_14 = ["onMouseenter", "onClick"];
+const _hoisted_15 = { 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-text-word3" };
+const _hoisted_16 = ["value"];
+const _hoisted_17 = ["value"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "datepickerRange",
   props: {
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
+  setup(__props, { emit: __emit }) {
     const Pop = defineAsyncComponent(() => import("../popover/popover.js"));
+    const emit = __emit;
+    const props = __props;
     const deleteDateHandle = () => {
       emit("update:modelValue", [null, null]);
     };
@@ -412,26 +338,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         placement: "bottomleft"
       }, {
         reference: withCtx(() => [
-          createElementVNode("div", _hoisted_23, [
+          createElementVNode("div", _hoisted_15, [
             createElementVNode("input", {
               type: "text",
               value: date1.value,
-              class: "tdd-outline-none tdd-flex-auto tdd-h-full tdd-p-2 tdd-w-28",
+              class: "tdd-outline-none tdd-flex-auto tdd-h-full tdd-p-2 tdd-w-1/2",
               onChange: date1ChangeHandle,
               onFocus: _cache[0] || (_cache[0] = ($event) => setActiveHandle(0)),
               ref_key: "inputOne",
               ref: inputOne
-            }, null, 40, _hoisted_24),
-            _hoisted_25,
+            }, null, 40, _hoisted_16),
+            _cache[9] || (_cache[9] = createElementVNode("div", { class: "tdd-mx-2" }, "至", -1)),
             createElementVNode("input", {
               type: "text",
               value: date2.value,
-              class: "tdd-outline-none tdd-flex-auto tdd-h-full tdd-p-2 tdd-w-28",
+              class: "tdd-outline-none tdd-flex-auto tdd-h-full tdd-p-2 tdd-w-1/2",
               onChange: date2ChangeHandle,
               onFocus: _cache[1] || (_cache[1] = ($event) => setActiveHandle(1)),
               ref_key: "inputTwo",
               ref: inputTwo
-            }, null, 40, _hoisted_26),
+            }, null, 40, _hoisted_17),
             createElementVNode("div", {
               class: "tdd-h-0.5 tdd-bg-blue-600 tdd-absolute tdd-transition-all tdd-bottom-0",
               style: normalizeStyle({ width: `${FloatWidth.value}px`, left: `${FloatLeft.value}px` })
@@ -445,51 +371,117 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: "tdd-w-4 tdd-h-4 tdd-appearance-none",
                 onClick: YearPreHandle
-              }, _hoisted_4),
+              }, _cache[3] || (_cache[3] = [
+                createElementVNode("svg", {
+                  class: "tdd-w-4 tdd-h-4",
+                  viewBox: "0 0 1024 1024",
+                  version: "1.1",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  "p-id": "669"
+                }, [
+                  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: "#666666",
+                    "p-id": "670"
+                  }),
+                  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: "#666666",
+                    "p-id": "671"
+                  })
+                ], -1)
+              ])),
               createElementVNode("button", {
                 type: "button",
                 class: "tdd-w-4 tdd-h-4 tdd-ml-1 tdd-appearance-none",
                 onClick: MonthPreHandle
-              }, _hoisted_6),
-              createElementVNode("div", _hoisted_7, [
+              }, _cache[4] || (_cache[4] = [
+                createElementVNode("svg", {
+                  class: "tdd-w-4 tdd-h-4 tdd-transform tdd-rotate-180",
+                  viewBox: "0 0 1024 1024",
+                  version: "1.1",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  "p-id": "613"
+                }, [
+                  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",
+                    fill: "#666666",
+                    "p-id": "614"
+                  })
+                ], -1)
+              ])),
+              createElementVNode("div", _hoisted_3, [
                 createElementVNode("span", null, toDisplayString(YearOne.value) + "年", 1),
                 createElementVNode("button", {
                   type: "button",
                   class: "tdd-appearance-none tdd-w-10",
                   onClick: setMonthMode
                 }, [
-                  createElementVNode("span", _hoisted_8, toDisplayString(MonthOne.value), 1),
-                  createTextVNode(" 月 ")
+                  createElementVNode("span", _hoisted_4, toDisplayString(MonthOne.value), 1),
+                  _cache[5] || (_cache[5] = createTextVNode(" 月 "))
                 ])
               ])
             ]),
-            createElementVNode("div", _hoisted_9, [
-              createElementVNode("div", _hoisted_10, [
+            createElementVNode("div", _hoisted_5, [
+              createElementVNode("div", _hoisted_6, [
                 createElementVNode("span", null, toDisplayString(YearTwo.value) + "年", 1),
                 createElementVNode("button", {
                   type: "button",
                   class: "tdd-appearance-none tdd-w-10",
                   onClick: setMonthMode
                 }, [
-                  createElementVNode("span", _hoisted_11, toDisplayString(MonthTwo.value), 1),
-                  createTextVNode(" 月 ")
+                  createElementVNode("span", _hoisted_7, toDisplayString(MonthTwo.value), 1),
+                  _cache[6] || (_cache[6] = createTextVNode(" 月 "))
                 ])
               ]),
               createElementVNode("button", {
                 type: "button",
                 class: "tdd-w-4 tdd-h-4 tdd-mr-1 tdd-appearance-none",
                 onClick: MonthNextHandle
-              }, _hoisted_13),
+              }, _cache[7] || (_cache[7] = [
+                createElementVNode("svg", {
+                  class: "tdd-w-4 tdd-h-4",
+                  viewBox: "0 0 1024 1024",
+                  version: "1.1",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  "p-id": "613"
+                }, [
+                  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",
+                    fill: "#666666",
+                    "p-id": "614"
+                  })
+                ], -1)
+              ])),
               createElementVNode("button", {
                 type: "button",
                 class: "tdd-w-4 tdd-h-4 tdd-appearance-none",
                 onClick: YearNextHandle
-              }, _hoisted_15)
+              }, _cache[8] || (_cache[8] = [
+                createElementVNode("svg", {
+                  class: "tdd-w-4 tdd-h-4",
+                  viewBox: "0 0 1024 1024",
+                  version: "1.1",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  "p-id": "693"
+                }, [
+                  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: "#666666",
+                    "p-id": "694"
+                  }),
+                  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: "#666666",
+                    "p-id": "695"
+                  })
+                ], -1)
+              ]))
             ])
           ]),
-          createElementVNode("div", _hoisted_16, [
-            createElementVNode("div", _hoisted_17, [
-              createElementVNode("table", _hoisted_18, [
+          createElementVNode("div", _hoisted_8, [
+            createElementVNode("div", _hoisted_9, [
+              createElementVNode("table", _hoisted_10, [
                 createElementVNode("thead", null, [
                   createElementVNode("tr", null, [
                     (openBlock(), createElementBlock(Fragment, null, renderList(WeekList, (i) => {
@@ -522,7 +514,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             }]),
                             onMouseenter: ($event) => moveHandle(j),
                             onClick: ($event) => setAimdate(j)
-                          }, toDisplayString(j.d), 43, _hoisted_19)
+                          }, toDisplayString(j.d), 43, _hoisted_11)
                         ], 2);
                       }), 128))
                     ]);
@@ -530,8 +522,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ], 32)
               ])
             ]),
-            createElementVNode("div", _hoisted_20, [
-              createElementVNode("table", _hoisted_21, [
+            createElementVNode("div", _hoisted_12, [
+              createElementVNode("table", _hoisted_13, [
                 createElementVNode("thead", null, [
                   createElementVNode("tr", null, [
                     (openBlock(), createElementBlock(Fragment, null, renderList(WeekList, (i) => {
@@ -564,7 +556,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             }]),
                             onMouseenter: ($event) => moveHandle(j),
                             onClick: ($event) => setAimdate(j)
-                          }, toDisplayString(j.d), 43, _hoisted_22)
+                          }, toDisplayString(j.d), 43, _hoisted_14)
                         ], 2);
                       }), 128))
                     ]);

package/dist/js/dialog/dialog.js

@@ -1,29 +1,8 @@
 import { defineComponent, computed, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, withModifiers, normalizeClass, normalizeStyle, createElementBlock, toDisplayString, createCommentVNode, renderSlot, vShow } from "vue";
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = {
+const _hoisted_1 = {
   key: 0,
   class: "tdd-flex tdd-w-full tdd-justify-between tdd-p-2"
 };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("svg", {
-  class: "tdd-h-5 tdd-w-5 tdd-fill-gray-600",
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none"
-}, [
-  /* @__PURE__ */ createElementVNode("g", null, [
-    /* @__PURE__ */ createElementVNode("path", {
-      "fill-rule": "evenodd",
-      "clip-rule": "evenodd",
-      d: "M16.7782 7.22943C16.4824 6.93364 16.0046 6.93364 15.7088 7.22943L12 10.9306L8.29124 7.22184C7.99545 6.92605 7.51763 6.92605 7.22184 7.22184C6.92605 7.51763 6.92605 7.99545 7.22184 8.29124L10.9306 12L7.22184 15.7088C6.92605 16.0046 6.92605 16.4824 7.22184 16.7782C7.51763 17.0739 7.99545 17.0739 8.29124 16.7782L12 13.0694L15.7088 16.7782C16.0046 17.0739 16.4824 17.0739 16.7782 16.7782C17.0739 16.4824 17.0739 16.0046 16.7782 15.7088L13.0694 12L16.7782 8.29124C17.0664 8.00303 17.0664 7.51763 16.7782 7.22943Z",
-      fill: "inherit"
-    })
-  ])
-], -1);
-const _hoisted_4 = [
-  _hoisted_3
-];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dialog",
   props: {
@@ -37,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     lockScroll: { type: Boolean, default: true }
   },
   emits: ["update:visible"],
-  setup(__props, { emit: UpdateVisible }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
     const showdefaultHand = computed(() => {
       return props.headShow && !props.isDiy;
@@ -66,6 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return "unset";
       }
     });
+    const UpdateVisible = __emit;
     const dialogHidden = (cancelflag) => {
       if (cancelflag !== false) {
         UpdateVisible("update:visible", false);
@@ -112,12 +92,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(["tdd-z-50 tdd-divide-y tdd-divide-gray-300 tdd-rounded tdd-drop-shadow", { "tdd-w-96": !hasselfwidth.value, "tdd-bg-white": !_ctx.isDiy }]),
                 style: normalizeStyle({ width: selfwidth.value })
               }, [
-                showdefaultHand.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                showdefaultHand.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
                   createElementVNode("span", null, toDisplayString(_ctx.title), 1),
                   createElementVNode("button", {
                     type: "button",
                     onClick: closeIcon
-                  }, _hoisted_4)
+                  }, _cache[0] || (_cache[0] = [
+                    createElementVNode("svg", {
+                      class: "tdd-h-5 tdd-w-5 tdd-fill-gray-600",
+                      xmlns: "http://www.w3.org/2000/svg",
+                      width: "24",
+                      height: "24",
+                      viewBox: "0 0 24 24",
+                      fill: "none"
+                    }, [
+                      createElementVNode("g", null, [
+                        createElementVNode("path", {
+                          "fill-rule": "evenodd",
+                          "clip-rule": "evenodd",
+                          d: "M16.7782 7.22943C16.4824 6.93364 16.0046 6.93364 15.7088 7.22943L12 10.9306L8.29124 7.22184C7.99545 6.92605 7.51763 6.92605 7.22184 7.22184C6.92605 7.51763 6.92605 7.99545 7.22184 8.29124L10.9306 12L7.22184 15.7088C6.92605 16.0046 6.92605 16.4824 7.22184 16.7782C7.51763 17.0739 7.99545 17.0739 8.29124 16.7782L12 13.0694L15.7088 16.7782C16.0046 17.0739 16.4824 17.0739 16.7782 16.7782C17.0739 16.4824 17.0739 16.0046 16.7782 15.7088L13.0694 12L16.7782 8.29124C17.0664 8.00303 17.0664 7.51763 16.7782 7.22943Z",
+                          fill: "inherit"
+                        })
+                      ])
+                    ], -1)
+                  ]))
                 ])) : createCommentVNode("", true),
                 createElementVNode("div", {
                   class: normalizeClass({ "tdd-p-2": !_ctx.isDiy })
@@ -125,7 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   renderSlot(_ctx.$slots, "default")
                 ], 2)
               ], 6)
-            ], 8, _hoisted_1), [
+            ], 512), [
               [vShow, _ctx.visible]
             ])
           ]),

package/dist/js/image/image.js

@@ -2,70 +2,10 @@ import { defineComponent, ref, watch, openBlock, createElementBlock, Fragment, c
 import { t as throttle } from "../index/index.js";
 const _hoisted_1 = { class: "tdd-relative tdd-inline-block tdd-h-full tdd-w-full" };
 const _hoisted_2 = ["src"];
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("svg", {
-  viewBox: "64 64 896 896",
-  focusable: "false",
-  "data-icon": "eye",
-  width: "1em",
-  height: "1em",
-  fill: "currentColor",
-  "aria-hidden": "true"
-}, [
-  /* @__PURE__ */ createElementVNode("path", { d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" })
-], -1);
-const _hoisted_4 = [
-  _hoisted_3
-];
-const _hoisted_5 = { key: 0 };
-const _hoisted_6 = { class: "tdd-pointer-events-none tdd-fixed tdd-top-0 tdd-right-0 tdd-left-0 tdd-bottom-0 tdd-z-1000 tdd-text-center" };
-const _hoisted_7 = { class: "tdd-pointer-events-auto tdd-absolute tdd-top-0 tdd-left-0 tdd-z-10 tdd-flex tdd-w-full tdd-items-center tdd-bg-black tdd-bg-opacity-10" };
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("svg", {
-  viewBox: "64 64 896 896",
-  focusable: "false",
-  "data-icon": "close",
-  width: "1em",
-  height: "1em",
-  fill: "currentColor",
-  "aria-hidden": "true"
-}, [
-  /* @__PURE__ */ createElementVNode("path", { d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" })
-], -1);
-const _hoisted_9 = [
-  _hoisted_8
-];
-const _hoisted_10 = ["onClick"];
-const _hoisted_11 = /* @__PURE__ */ createElementVNode("svg", {
-  viewBox: "64 64 896 896",
-  focusable: "false",
-  "data-icon": "rotate-left",
-  width: "1em",
-  height: "1em",
-  fill: "currentColor",
-  "aria-hidden": "true"
-}, [
-  /* @__PURE__ */ createElementVNode("path", { d: "M672 418H144c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H188V494h440v326z" }),
-  /* @__PURE__ */ createElementVNode("path", { d: "M819.3 328.5c-78.8-100.7-196-153.6-314.6-154.2l-.2-64c0-6.5-7.6-10.1-12.6-6.1l-128 101c-4 3.1-3.9 9.1 0 12.3L492 318.6c5.1 4 12.7.4 12.6-6.1v-63.9c12.9.1 25.9.9 38.8 2.5 42.1 5.2 82.1 18.2 119 38.7 38.1 21.2 71.2 49.7 98.4 84.3 27.1 34.7 46.7 73.7 58.1 115.8a325.95 325.95 0 016.5 140.9h74.9c14.8-103.6-11.3-213-81-302.3z" })
-], -1);
-const _hoisted_12 = [
-  _hoisted_11
-];
-const _hoisted_13 = ["onClick"];
-const _hoisted_14 = /* @__PURE__ */ createElementVNode("svg", {
-  viewBox: "64 64 896 896",
-  focusable: "false",
-  "data-icon": "rotate-right",
-  width: "1em",
-  height: "1em",
-  fill: "currentColor",
-  "aria-hidden": "true"
-}, [
-  /* @__PURE__ */ createElementVNode("path", { d: "M480.5 251.2c13-1.6 25.9-2.4 38.8-2.5v63.9c0 6.5 7.5 10.1 12.6 6.1L660 217.6c4-3.2 4-9.2 0-12.3l-128-101c-5.1-4-12.6-.4-12.6 6.1l-.2 64c-118.6.5-235.8 53.4-314.6 154.2A399.75 399.75 0 00123.5 631h74.9c-.9-5.3-1.7-10.7-2.4-16.1-5.1-42.1-2.1-84.1 8.9-124.8 11.4-42.2 31-81.1 58.1-115.8 27.2-34.7 60.3-63.2 98.4-84.3 37-20.6 76.9-33.6 119.1-38.8z" }),
-  /* @__PURE__ */ createElementVNode("path", { d: "M880 418H352c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H396V494h440v326z" })
-], -1);
-const _hoisted_15 = [
-  _hoisted_14
-];
-const _hoisted_16 = ["src"];
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { class: "tdd-pointer-events-none tdd-fixed tdd-top-0 tdd-right-0 tdd-left-0 tdd-bottom-0 tdd-z-1000 tdd-text-center" };
+const _hoisted_5 = { class: "tdd-pointer-events-auto tdd-absolute tdd-top-0 tdd-left-0 tdd-z-10 tdd-flex tdd-w-full tdd-items-center tdd-bg-black tdd-bg-opacity-10" };
+const _hoisted_6 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "image",
   props: {
@@ -74,7 +14,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     preview: { type: Boolean, default: true }
   },
   emits: ["openPreview", "closePreview"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const vWheel = {
       mounted(el, binding) {
         function documentHandler(e) {
@@ -194,35 +135,85 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             onClick: showPreview,
             class: "tdd-absolute tdd-top-0 tdd-right-0 tdd-left-0 tdd-bottom-0 tdd-flex tdd-cursor-pointer tdd-items-center tdd-justify-center tdd-bg-black tdd-bg-opacity-50 tdd-text-white tdd-opacity-0 tdd-transition-opacity hover:tdd-opacity-100"
-          }, _hoisted_4)) : createCommentVNode("", true),
+          }, _cache[0] || (_cache[0] = [
+            createElementVNode("svg", {
+              viewBox: "64 64 896 896",
+              focusable: "false",
+              "data-icon": "eye",
+              width: "1em",
+              height: "1em",
+              fill: "currentColor",
+              "aria-hidden": "true"
+            }, [
+              createElementVNode("path", { d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" })
+            ], -1)
+          ]))) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default")
         ]),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           createVNode(Transition, { name: "opacity" }, {
             default: withCtx(() => [
-              showBig.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              showBig.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
                 createElementVNode("div", {
                   class: "tdd-pointer-events-auto tdd-fixed tdd-top-0 tdd-right-0 tdd-left-0 tdd-bottom-0 tdd-z-1000 tdd-bg-black tdd-bg-opacity-30",
                   key: "1",
                   onClick: hidenPreview
                 }),
-                withDirectives((openBlock(), createElementBlock("div", _hoisted_6, [
-                  createElementVNode("div", _hoisted_7, [
+                withDirectives((openBlock(), createElementBlock("div", _hoisted_4, [
+                  createElementVNode("div", _hoisted_5, [
                     createElementVNode("button", {
                       type: "button",
                       class: "tdd-flex tdd-h-10 tdd-w-10 tdd-items-center tdd-justify-center tdd-text-white",
                       onClick: hidenPreview
-                    }, _hoisted_9),
+                    }, _cache[1] || (_cache[1] = [
+                      createElementVNode("svg", {
+                        viewBox: "64 64 896 896",
+                        focusable: "false",
+                        "data-icon": "close",
+                        width: "1em",
+                        height: "1em",
+                        fill: "currentColor",
+                        "aria-hidden": "true"
+                      }, [
+                        createElementVNode("path", { d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" })
+                      ], -1)
+                    ])),
                     createElementVNode("button", {
                       type: "button",
                       class: "tdd-flex tdd-h-10 tdd-w-10 tdd-items-center tdd-justify-center tdd-text-white",
                       onClick: withModifiers(leftRotate, ["stop"])
-                    }, _hoisted_12, 8, _hoisted_10),
+                    }, _cache[2] || (_cache[2] = [
+                      createElementVNode("svg", {
+                        viewBox: "64 64 896 896",
+                        focusable: "false",
+                        "data-icon": "rotate-left",
+                        width: "1em",
+                        height: "1em",
+                        fill: "currentColor",
+                        "aria-hidden": "true"
+                      }, [
+                        createElementVNode("path", { d: "M672 418H144c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H188V494h440v326z" }),
+                        createElementVNode("path", { d: "M819.3 328.5c-78.8-100.7-196-153.6-314.6-154.2l-.2-64c0-6.5-7.6-10.1-12.6-6.1l-128 101c-4 3.1-3.9 9.1 0 12.3L492 318.6c5.1 4 12.7.4 12.6-6.1v-63.9c12.9.1 25.9.9 38.8 2.5 42.1 5.2 82.1 18.2 119 38.7 38.1 21.2 71.2 49.7 98.4 84.3 27.1 34.7 46.7 73.7 58.1 115.8a325.95 325.95 0 016.5 140.9h74.9c14.8-103.6-11.3-213-81-302.3z" })
+                      ], -1)
+                    ])),
                     createElementVNode("button", {
                       type: "button",
                       class: "tdd-flex tdd-h-10 tdd-w-10 tdd-items-center tdd-justify-center tdd-text-white",
                       onClick: withModifiers(rightRotate, ["stop"])
-                    }, _hoisted_15, 8, _hoisted_13)
+                    }, _cache[3] || (_cache[3] = [
+                      createElementVNode("svg", {
+                        viewBox: "64 64 896 896",
+                        focusable: "false",
+                        "data-icon": "rotate-right",
+                        width: "1em",
+                        height: "1em",
+                        fill: "currentColor",
+                        "aria-hidden": "true"
+                      }, [
+                        createElementVNode("path", { d: "M480.5 251.2c13-1.6 25.9-2.4 38.8-2.5v63.9c0 6.5 7.5 10.1 12.6 6.1L660 217.6c4-3.2 4-9.2 0-12.3l-128-101c-5.1-4-12.6-.4-12.6 6.1l-.2 64c-118.6.5-235.8 53.4-314.6 154.2A399.75 399.75 0 00123.5 631h74.9c-.9-5.3-1.7-10.7-2.4-16.1-5.1-42.1-2.1-84.1 8.9-124.8 11.4-42.2 31-81.1 58.1-115.8 27.2-34.7 60.3-63.2 98.4-84.3 37-20.6 76.9-33.6 119.1-38.8z" }),
+                        createElementVNode("path", { d: "M880 418H352c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H396V494h440v326z" })
+                      ], -1)
+                    ]))
                   ]),
                   withDirectives((openBlock(), createElementBlock("div", {
                     class: "Eimage-content tdd-absolute tdd-top-0 tdd-right-0 tdd-left-0 tdd-bottom-0 tdd-transition-transform",
@@ -237,7 +228,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       style: normalizeStyle({
                         transform: `scale3d(${scaleNumber.value}, ${scaleNumber.value}, 1) rotate(${rotateNumber.value}deg)`
                       })
-                    }, null, 14, _hoisted_16)
+                    }, null, 14, _hoisted_6)
                   ], 4)), [
                     [vMove, moveHandle]
                   ])