ninemoon-ui 0.0.26 → 0.1.0

package/dist/js/datepickerRange-4c400f88.js

@@ -0,0 +1,500 @@
+import { defineComponent, defineAsyncComponent, computed, ref, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, normalizeClass, toDisplayString, createTextVNode, createElementBlock, Fragment, renderList, nextTick } from "vue";
+import { f as formatDate, g as getNewArray, a as checkinputDate } from "./index-b4e420ce.js";
+import { g as getMonthDays, C as Calendar, A as Arrow, a as addZero } from "./calendar-5c242731.js";
+import { A as ArrowPlug } from "./dateArrowplus-8181993f.js";
+const _hoisted_1 = { class: "flex justify-between items-center p-3" };
+const _hoisted_2 = { class: "w-1/2 flex items-center" };
+const _hoisted_3 = { class: "flex-1 text-center font-medium text-sm" };
+const _hoisted_4 = { class: "w-10 inline-block" };
+const _hoisted_5 = { class: "font-medium" };
+const _hoisted_6 = { class: "w-1/2 flex items-center" };
+const _hoisted_7 = { class: "flex-1 text-center font-medium text-sm" };
+const _hoisted_8 = { class: "w-10 inline-block" };
+const _hoisted_9 = { class: "font-medium" };
+const _hoisted_10 = { class: "flex" };
+const _hoisted_11 = { class: "w-64 px-2 pt-3 pb-1 relative overflow-hidden" };
+const _hoisted_12 = {
+  class: "w-full text-center table-fixed cursor-pointer text-word3 select-none",
+  cellpadding: "0",
+  key: "daymode"
+};
+const _hoisted_13 = ["onMouseenter"];
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = { class: "w-64 px-2 pt-3 pb-1 relative overflow-hidden" };
+const _hoisted_16 = {
+  class: "w-full text-center table-fixed cursor-pointer text-word3 select-none",
+  cellpadding: "0",
+  key: "daymode"
+};
+const _hoisted_17 = ["onMouseenter"];
+const _hoisted_18 = ["onClick"];
+const _hoisted_19 = ["value", "placeholder"];
+const _hoisted_20 = ["value", "placeholder"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "datepickerRange",
+  props: {
+    modelValue: {},
+    startPlaceholder: {},
+    endPlaceholder: {},
+    disabledDate: {},
+    size: { default: "default" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const Pop = defineAsyncComponent(() => import("./popover-45f75f86.js"));
+    const emit = __emit;
+    const props = __props;
+    const heightClass = computed(() => ({
+      "h-8": props.size === "large",
+      "h-7": props.size === "default",
+      "h-6": props.size === "small"
+    }));
+    const deleteDateHandle = () => {
+      emit("update:modelValue", [null, null]);
+    };
+    const date1ChangeHandle = (e) => {
+      const input = e.target.value;
+      if (input === props.modelValue[0] || input === "")
+        return;
+      checkinputDate(
+        input,
+        (res) => {
+          emit("update:modelValue", [res, date2.value]);
+        },
+        () => {
+          nextTick(() => {
+            if (e.target) {
+              e.target.value = props.modelValue[0] ? formatDate(props.modelValue[0]) : "";
+            }
+          });
+        }
+      );
+    };
+    const date2ChangeHandle = (e) => {
+      const input = e.target.value;
+      if (input === props.modelValue[1] || input === "")
+        return;
+      checkinputDate(
+        input,
+        (res) => {
+          emit("update:modelValue", [date1.value, res]);
+        },
+        () => {
+          nextTick(() => {
+            if (e.target) {
+              e.target.value = props.modelValue[0] ? formatDate(props.modelValue[1]) : "";
+            }
+          });
+        }
+      );
+    };
+    const date1 = computed(() => {
+      if (secondDayisHover.value) {
+        if (temDateArr.value[0] && temDateArr.value[1] && new Date(temDateArr.value[0]).getTime() > new Date(temDateArr.value[1]).getTime()) {
+          return formatDate(temDateArr.value[1]);
+        } else {
+          return formatDate(temDateArr.value[0]);
+        }
+      } else {
+        return formatDate(props.modelValue[0]);
+      }
+    });
+    const inputOneShowValue = computed(() => props.modelValue[0]);
+    const date2 = computed(() => {
+      if (secondDayisHover.value) {
+        if (temDateArr.value[0] && temDateArr.value[1] && new Date(temDateArr.value[0]).getTime() > new Date(temDateArr.value[1]).getTime()) {
+          return formatDate(temDateArr.value[0]);
+        } else {
+          return formatDate(temDateArr.value[1]);
+        }
+      } else {
+        return formatDate(props.modelValue[1]);
+      }
+    });
+    const inputTwoShowValue = computed(() => props.modelValue[1]);
+    const showD = ref(false);
+    const hideDatePick = () => {
+      showD.value = false;
+    };
+    const showPopHandle = () => {
+      showD.value = true;
+      temDateArr.value = [null, null];
+    };
+    const YearOne = ref((/* @__PURE__ */ new Date()).getFullYear());
+    const MonthOne = ref(1 + (/* @__PURE__ */ new Date()).getMonth());
+    const YearTwo = ref(new Date(YearOne.value, MonthOne.value).getFullYear());
+    const MonthTwo = ref(1 + new Date(YearOne.value, MonthOne.value).getMonth());
+    const YearPreHandle = () => {
+      YearChangHandle(-1);
+    };
+    const YearNextHandle = () => {
+      YearChangHandle(1);
+    };
+    const MonthPreHandle = () => {
+      MonthChangeHandle(-1);
+    };
+    const MonthNextHandle = () => {
+      MonthChangeHandle(1);
+    };
+    const YearChangHandle = (i) => {
+      let preyear = YearOne.value;
+      let premonth = MonthOne.value;
+      let nextyear = YearTwo.value;
+      let nextmonth = MonthTwo.value;
+      YearOne.value = new Date(preyear + i, premonth - 1).getFullYear();
+      YearTwo.value = new Date(nextyear + i, nextmonth - 1).getFullYear();
+    };
+    const MonthChangeHandle = (i) => {
+      let preyear = YearOne.value;
+      let premonth = MonthOne.value;
+      let nextyear = YearTwo.value;
+      let nextmonth = MonthTwo.value;
+      YearOne.value = new Date(preyear, premonth - 1 + i).getFullYear();
+      MonthOne.value = new Date(preyear, premonth - 1 + i).getMonth() + 1;
+      YearTwo.value = new Date(nextyear, nextmonth - 1 + i).getFullYear();
+      MonthTwo.value = new Date(nextyear, nextmonth - 1 + i).getMonth() + 1;
+    };
+    const WeekList = ["一", "二", "三", "四", "五", "六", "日"];
+    const calendarOne = computed(() => {
+      return generateCalendarData(YearOne.value, MonthOne.value);
+    });
+    const calendarTwo = computed(() => {
+      return generateCalendarData(YearTwo.value, MonthTwo.value);
+    });
+    const firstDayList = computed(() => {
+      return date1.value === "" ? [-1, -1, -1] : date1.value.split("-").map((i) => parseInt(i));
+    });
+    const secondDayList = computed(() => {
+      return date2.value === "" ? date1.value === "" ? [-1, -1, -1] : date1.value.split("-").map((i) => parseInt(i)) : date2.value.split("-").map((i) => parseInt(i));
+    });
+    const isFirstDay = (date) => {
+      if (date.pred === true || date.nextd === true) {
+        return false;
+      }
+      if (firstDayList.value[0] === date.y && firstDayList.value[1] === date.m && firstDayList.value[2] === date.d) {
+        return true;
+      } else {
+        return false;
+      }
+    };
+    const isSecondDay = (date) => {
+      if (date.pred === true || date.nextd === true) {
+        return false;
+      }
+      if (secondDayList.value[0] === date.y && secondDayList.value[1] === date.m && secondDayList.value[2] === date.d) {
+        return true;
+      } else {
+        return false;
+      }
+    };
+    const generateCalendarData = (year, month) => {
+      let preM = [];
+      let thisM = [];
+      let nextM = [];
+      preM = getMonthDays(
+        new Date(year, month - 2).getFullYear(),
+        new Date(year, month - 2).getMonth() + 1,
+        1
+      );
+      thisM = getMonthDays(
+        new Date(year, month - 1).getFullYear(),
+        new Date(year, month - 1).getMonth() + 1
+      );
+      nextM = getMonthDays(
+        new Date(year, month).getFullYear(),
+        new Date(year, month).getMonth() + 1,
+        2
+      );
+      preM.map((i) => {
+        i.isChoosed1Day = isFirstDay(i);
+        i.isChoosed2Day = isSecondDay(i);
+        i.between = betweenChooseDay(i);
+        i.disabled = props.disabledDate && props.disabledDate(`${i.y}-${i.m}-${i.d}`);
+      });
+      thisM.map((i) => {
+        i.isChoosed1Day = isFirstDay(i);
+        i.isChoosed2Day = isSecondDay(i);
+        i.between = betweenChooseDay(i);
+        i.disabled = props.disabledDate && props.disabledDate(`${i.y}-${i.m}-${i.d}`);
+      });
+      nextM.map((i) => {
+        i.isChoosed1Day = isFirstDay(i);
+        i.isChoosed2Day = isSecondDay(i);
+        i.between = betweenChooseDay(i);
+        i.disabled = props.disabledDate && props.disabledDate(`${i.y}-${i.m}-${i.d}`);
+      });
+      let start = WeekList.indexOf(thisM[0].week);
+      let end = WeekList.length - (WeekList.indexOf(thisM[thisM.length - 1].week) + 1);
+      let tempArr = [
+        ...preM.splice(preM.length - start, start),
+        ...thisM,
+        ...nextM.splice(0, end)
+      ];
+      if (tempArr.length === 28) {
+        tempArr = [...tempArr, ...nextM.splice(0, 14)];
+      } else if (tempArr.length === 35) {
+        tempArr = [...tempArr, ...nextM.splice(0, 7)];
+      }
+      return [...tempArr];
+    };
+    const RenderDayOne = computed(
+      () => getNewArray(calendarOne.value, 7)
+    );
+    const RenderDayTwo = computed(
+      () => getNewArray(calendarTwo.value, 7)
+    );
+    const temDateArr = ref([null, null]);
+    const secondDayisHover = ref(false);
+    const setAimdate = (date) => {
+      if (date.disabled === true) {
+        return;
+      }
+      const setDate = `${date.y}-${addZero(date.m)}-${addZero(date.d)}`;
+      if (temDateArr.value[0] === null) {
+        temDateArr.value[0] = setDate;
+        secondDayisHover.value = true;
+      } else {
+        if (new Date(setDate).getTime() < new Date(temDateArr.value[0]).getTime()) {
+          temDateArr.value[1] = temDateArr.value[0];
+          temDateArr.value[0] = setDate;
+        } else {
+          temDateArr.value[1] = setDate;
+        }
+        secondDayisHover.value = false;
+        emit("update:modelValue", temDateArr.value);
+        hideDatePick();
+      }
+    };
+    const secondDaymoveHandle = (date) => {
+      if (date.disabled)
+        return;
+      if (!secondDayisHover.value)
+        return;
+      const setDate = `${date.y}-${addZero(date.m)}-${addZero(date.d)}`;
+      temDateArr.value[1] = setDate;
+    };
+    const PopHiddenHandle = (callBack) => {
+      temDateArr.value = [null, null];
+      secondDayisHover.value = false;
+      callBack();
+    };
+    const computedStartTime = computed(() => {
+      if (date1.value === "") {
+        return null;
+      } else {
+        return new Date(date1.value).getTime();
+      }
+    });
+    const computedEndTime = computed(() => {
+      if (date2.value === "") {
+        return null;
+      } else {
+        return new Date(date2.value).getTime();
+      }
+    });
+    const betweenChooseDay = (date) => {
+      if (date.pred === true || date.nextd === true) {
+        return false;
+      }
+      if (!computedStartTime.value || !computedEndTime.value)
+        return false;
+      let now = new Date(date.y, date.m - 1, date.d).getTime();
+      if (now > computedStartTime.value && now < computedEndTime.value) {
+        return true;
+      } else {
+        return false;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Pop), {
+        width: "512",
+        insertClass: "!p-0",
+        trigger: "native",
+        modelValue: showD.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showD.value = $event),
+        placement: "bottommiddle",
+        beforeHidden: PopHiddenHandle
+      }, {
+        reference: withCtx(() => [
+          createElementVNode("div", {
+            onClick: showPopHandle,
+            class: "inline-flex relative h-full w-full items-center overflow-hidden rounded border border-solid text-word3"
+          }, [
+            createVNode(Calendar, { class: "ml-1" }),
+            createElementVNode("input", {
+              type: "text",
+              value: inputOneShowValue.value,
+              placeholder: _ctx.startPlaceholder,
+              class: normalizeClass(["text-sm outline-none flex-auto px-2 w-1/2 text-center", heightClass.value]),
+              onBlur: date1ChangeHandle
+            }, null, 42, _hoisted_19),
+            _cache[3] || (_cache[3] = createElementVNode("span", { class: "mx-2 text-sm" }, "至", -1)),
+            createElementVNode("input", {
+              type: "text",
+              value: inputTwoShowValue.value,
+              placeholder: _ctx.endPlaceholder,
+              class: normalizeClass(["text-sm outline-none flex-auto px-2 w-1/2 text-center", heightClass.value]),
+              onBlur: date2ChangeHandle
+            }, null, 42, _hoisted_20)
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("button", {
+                type: "button",
+                class: "w-4 h-4 appearance-none",
+                onClick: YearPreHandle
+              }, [
+                createVNode(ArrowPlug, { class: "h-4 w-4" })
+              ]),
+              createElementVNode("button", {
+                type: "button",
+                class: "w-4 h-4 ml-1 appearance-none",
+                onClick: MonthPreHandle
+              }, [
+                createVNode(Arrow, { class: "h-4 w-4 rotate-180 transform" })
+              ]),
+              createElementVNode("div", _hoisted_3, [
+                createElementVNode("span", null, toDisplayString(YearOne.value) + "年", 1),
+                createElementVNode("div", _hoisted_4, [
+                  createElementVNode("span", _hoisted_5, toDisplayString(MonthOne.value), 1),
+                  _cache[1] || (_cache[1] = createTextVNode(" 月 "))
+                ])
+              ])
+            ]),
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_7, [
+                createElementVNode("span", null, toDisplayString(YearTwo.value) + "年", 1),
+                createElementVNode("div", _hoisted_8, [
+                  createElementVNode("span", _hoisted_9, toDisplayString(MonthTwo.value), 1),
+                  _cache[2] || (_cache[2] = createTextVNode(" 月 "))
+                ])
+              ]),
+              createElementVNode("button", {
+                type: "button",
+                class: "w-4 h-4 mr-1 appearance-none",
+                onClick: MonthNextHandle
+              }, [
+                createVNode(Arrow, { class: "h-4 w-4" })
+              ]),
+              createElementVNode("button", {
+                type: "button",
+                class: "w-4 h-4 appearance-none",
+                onClick: YearNextHandle
+              }, [
+                createVNode(ArrowPlug, { class: "h-4 w-4 rotate-180 transform" })
+              ])
+            ])
+          ]),
+          createElementVNode("div", _hoisted_10, [
+            createElementVNode("div", _hoisted_11, [
+              createElementVNode("table", _hoisted_12, [
+                createElementVNode("thead", null, [
+                  createElementVNode("tr", null, [
+                    (openBlock(), createElementBlock(Fragment, null, renderList(WeekList, (i) => {
+                      return createElementVNode("th", {
+                        class: "font-normal text-sm",
+                        key: i
+                      }, toDisplayString(i), 1);
+                    }), 64))
+                  ])
+                ]),
+                createElementVNode("tbody", null, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(RenderDayOne.value, (i, d) => {
+                    return openBlock(), createElementBlock("tr", { key: d }, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(i, (j) => {
+                        return openBlock(), createElementBlock("td", {
+                          key: j.d,
+                          class: "py-1",
+                          onMouseenter: ($event) => secondDaymoveHandle(j)
+                        }, [
+                          createElementVNode("div", {
+                            class: normalizeClass(["text-xs w-full h-7 leading-6 flex items-center justify-center", {
+                              "text-word9 cursor-default": j.pred || j.nextd,
+                              "bg-gray-200 text-word9 cursor-not-allowed": j.disabled,
+                              "bg-[#e6f4ff]": j.between || j.isChoosed1Day || j.isChoosed2Day,
+                              "rounded-l-[1.75rem]": j.isChoosed1Day,
+                              "rounded-r-[1.75rem]": j.isChoosed2Day
+                            }]),
+                            onClick: ($event) => setAimdate(j)
+                          }, [
+                            createElementVNode("div", {
+                              class: normalizeClass(["w-6 h-6", {
+                                "bg-blue-500 rounded-full text-white": j.isChoosed1Day || j.isChoosed2Day
+                              }])
+                            }, toDisplayString(j.d), 3)
+                          ], 10, _hoisted_14)
+                        ], 40, _hoisted_13);
+                      }), 128))
+                    ]);
+                  }), 128))
+                ])
+              ])
+            ]),
+            createElementVNode("div", _hoisted_15, [
+              createElementVNode("table", _hoisted_16, [
+                createElementVNode("thead", null, [
+                  createElementVNode("tr", null, [
+                    (openBlock(), createElementBlock(Fragment, null, renderList(WeekList, (i) => {
+                      return createElementVNode("th", {
+                        class: "font-normal text-sm",
+                        key: i
+                      }, toDisplayString(i), 1);
+                    }), 64))
+                  ])
+                ]),
+                createElementVNode("tbody", null, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(RenderDayTwo.value, (i, d) => {
+                    return openBlock(), createElementBlock("tr", { key: d }, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(i, (j) => {
+                        return openBlock(), createElementBlock("td", {
+                          key: j.d,
+                          class: "py-1",
+                          onMouseenter: ($event) => secondDaymoveHandle(j)
+                        }, [
+                          createElementVNode("div", {
+                            class: normalizeClass(["text-xs w-full h-7 leading-6 flex items-center justify-center", {
+                              "text-word9 cursor-default": j.pred || j.nextd,
+                              "bg-gray-200 text-word9 cursor-not-allowed": j.disabled,
+                              "bg-[#e6f4ff]": j.between || j.isChoosed1Day || j.isChoosed2Day,
+                              "rounded-l-[1.75rem]": j.isChoosed1Day,
+                              "rounded-r-[1.75rem]": j.isChoosed2Day
+                            }]),
+                            onClick: ($event) => setAimdate(j)
+                          }, [
+                            createElementVNode("div", {
+                              class: normalizeClass(["w-6 h-6", {
+                                "bg-blue-500 rounded-full text-white": j.isChoosed1Day || j.isChoosed2Day
+                              }])
+                            }, toDisplayString(j.d), 3)
+                          ], 10, _hoisted_18)
+                        ], 40, _hoisted_17);
+                      }), 128))
+                    ]);
+                  }), 128))
+                ])
+              ])
+            ])
+          ]),
+          createElementVNode("div", { class: "flex justify-end space-x-2 text-sm px-3 py-1" }, [
+            createElementVNode("button", {
+              type: "button",
+              class: "text-word3 hover:text-blue-500 active:to-blue-700",
+              onClick: deleteDateHandle
+            }, " 清空 "),
+            createElementVNode("button", {
+              type: "button",
+              class: "text-word3 hover:text-blue-500 active:to-blue-700",
+              onClick: hideDatePick
+            }, " 确定 ")
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/js/delete-e898f83c.js

@@ -0,0 +1,19 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import { _ as _export_sfc } from "./index-b4e420ce.js";
+const _sfc_main = {};
+const _hoisted_1 = {
+  viewBox: "64 64 896 896",
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    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" }, null, -1)
+  ]));
+}
+const delIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  delIcon as d
+};

package/dist/js/dialog-0127ca01.js

@@ -0,0 +1,122 @@
+import { defineComponent, computed, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementBlock, withModifiers, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, unref } from "vue";
+import { c as createEscapeDirective, C as CloseIcon } from "./index-b4e420ce.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "flex w-full justify-between p-2"
+};
+const defaultWidth = "500px";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dialog",
+  props: {
+    visible: { type: Boolean, default: false },
+    title: {},
+    beforeHidden: {},
+    bodyClickAble: { type: Boolean, default: true },
+    headShow: { type: Boolean, default: true },
+    width: {},
+    isDiy: { type: Boolean, default: false },
+    lockScroll: { type: Boolean, default: true }
+  },
+  emits: ["update:visible"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const showdefaultHand = computed(() => {
+      return props.headShow && !props.isDiy;
+    });
+    const hasselfwidth = computed(() => {
+      if (props.width) {
+        return true;
+      } else {
+        return false;
+      }
+    });
+    const selfwidth = computed(() => {
+      if (!props.width)
+        return defaultWidth;
+      if (typeof props.width === "number") {
+        return `${props.width}px`;
+      }
+      if (typeof props.width === "string") {
+        const validUnit = /^(?:\d+(?:\.\d+)?)(?:px|%|em|rem|vw|vh)$/.test(props.width);
+        return validUnit ? props.width : `${props.width}px`;
+      }
+      return defaultWidth;
+    });
+    const UpdateVisible = __emit;
+    const dialogHidden = (cancelflag) => {
+      if (cancelflag !== false) {
+        UpdateVisible("update:visible", false);
+      }
+    };
+    const closeDialogHandle = () => {
+      if (props.beforeHidden) {
+        props.beforeHidden(dialogHidden);
+      } else {
+        dialogHidden();
+      }
+    };
+    const whiteSpaceClick = () => {
+      if (props.bodyClickAble) {
+        closeDialogHandle();
+      }
+    };
+    watch(
+      () => props.visible,
+      (val) => {
+        if (props.lockScroll) {
+          if (val === true) {
+            document.body.classList.add("overflow-hidden");
+          } else {
+            document.body.classList.remove("overflow-hidden");
+          }
+        }
+      }
+    );
+    const vEsc = createEscapeDirective({
+      onEscape: () => {
+        closeDialogHandle();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "fade" }, {
+          default: withCtx(() => [
+            _ctx.visible ? withDirectives((openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "fixed top-0 right-0 left-0 bottom-0 bg-black bg-opacity-30 text-sm z-1000",
+              onClick: withModifiers(whiteSpaceClick, ["self"])
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(["divide-y divide-gray-300 rounded drop-shadow mt-[20vh] mx-auto", { "w-96": !hasselfwidth.value, "bg-white": !_ctx.isDiy }]),
+                style: normalizeStyle({ width: selfwidth.value })
+              }, [
+                showdefaultHand.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                  createElementVNode("span", null, toDisplayString(_ctx.title), 1),
+                  createElementVNode("button", {
+                    type: "button",
+                    onClick: closeDialogHandle,
+                    class: "appearance-none fill-gray-600"
+                  }, [
+                    createVNode(CloseIcon)
+                  ])
+                ])) : createCommentVNode("", true),
+                createElementVNode("div", {
+                  class: normalizeClass({ "p-2": !_ctx.isDiy })
+                }, [
+                  renderSlot(_ctx.$slots, "default")
+                ], 2)
+              ], 6)
+            ])), [
+              [unref(vEsc)]
+            ]) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+const dialog_vue_vue_type_style_index_0_lang = "";
+export {
+  _sfc_main as default
+};