lew-ui 1.1.12 → 1.1.15

package/dist/lew.es.ts

@@ -3474,7 +3474,7 @@ const datePickerProps = {
   modelValue: {
     type: String,
     required: false,
-    default: "2022-9-2"
+    default: "2022-09-02"
   },
   multiple: {
     type: Boolean,
@@ -3499,11 +3499,20 @@ const dateRangePickerProps = {
     default: true
   }
 };
+const dateRangeProps = {
+  modelValue: {
+    type: Array,
+    required: true
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  }
+};
 const dateProps = {
   modelValue: {
     type: String,
-    required: true,
-    default: ["2022-9-2", "2022-9-30"]
+    required: true
   },
   multiple: {
     type: Boolean,
@@ -7627,13 +7636,14 @@ const _hoisted_17 = {
 };
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "LewDateRange",
-  props: dateProps,
+  props: dateRangeProps,
   emits: ["change", "update:modelValue"],
   setup(__props, { emit }) {
+    var _a2, _b;
     const props = __props;
     let dateValue = ref({
-      start: props.modelValue[0],
-      end: props.modelValue[1]
+      start: (_a2 = props.modelValue) == null ? void 0 : _a2[0],
+      end: (_b = props.modelValue) == null ? void 0 : _b[1]
     });
     let _dateValue = ref({
       start: Number(hooks(dateValue.value.start).format("X")),
@@ -7642,9 +7652,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     watch(
       () => props.modelValue,
       () => {
+        var _a3, _b2;
         dateValue.value = {
-          start: props.modelValue[0],
-          end: props.modelValue[1]
+          start: (_a3 = props.modelValue) == null ? void 0 : _a3[0],
+          end: (_b2 = props.modelValue) == null ? void 0 : _b2[1]
         };
       }
     );
@@ -7823,18 +7834,30 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         end: Number(hooks(end2).format("X"))
       };
       if (i % 2 != 0) {
-        emit("update:modelValue", [dateValue.value.start, dateValue.value.end]);
+        emit("update:modelValue", [
+          hooks(dateValue.value.start).format("YYYY-MM-DD"),
+          hooks(dateValue.value.end).format("YYYY-MM-DD")
+        ]);
         emit("change", {
           _date: _dateValue.value,
           date: dateValue.value,
-          dateValue: [dateValue.value.start, dateValue.value.end]
+          dateValue: [
+            hooks(dateValue.value.start).format("YYYY-MM-DD"),
+            hooks(dateValue.value.end).format("YYYY-MM-DD")
+          ]
         });
       }
       i += 1;
     };
     const getClass2 = computed(() => (type, item) => {
-      var _a2, _b, _c, _d;
-      let dateStr = `${item.year}-${item.month}-${item.showDate}`;
+      var _a3, _b2, _c, _d;
+      if (!item.year || !item.month || !item.showDate) {
+        return;
+      }
+      let dateStr = hooks(
+        `${item.year}-${item.month}-${item.showDate}`,
+        "YYYY-MM-DD"
+      );
       let _date = Number(hooks(dateStr).format("X"));
       switch (type) {
         case "today":
@@ -7853,7 +7876,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           }
           break;
         case "selected":
-          if (((_a2 = _dateValue.value) == null ? void 0 : _a2.start) == _date || ((_b = _dateValue.value) == null ? void 0 : _b.end) == _date) {
+          if (((_a3 = _dateValue.value) == null ? void 0 : _a3.start) == _date || ((_b2 = _dateValue.value) == null ? void 0 : _b2.end) == _date) {
             return "lew-date-value-selected";
           }
           break;
@@ -8126,7 +8149,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       lewPopoverRef.value.hide();
     };
     const change = (date) => {
-      emit("update:modelValue", date);
+      emit("update:modelValue", hooks(date).format("YYYY-MM-DD"));
       emit("change", { date, show, hide: hide2 });
       if (props.autoClose) {
         hide2();
@@ -9123,6 +9146,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 });
 var LewAlert = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-a39e41be"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/alert/src/LewAlert.vue"]]);
 var LewModal_vue_vue_type_style_index_0_scoped_true_lang = "";
+var LewModal_vue_vue_type_style_index_1_lang = "";
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "LewModal",
   props: {
@@ -9145,32 +9169,45 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   },
   emits: ["maskClick", "confirm"],
   setup(__props, { emit }) {
+    const props = __props;
     useDOMCreate("lew-modal");
+    let _visible = ref(props.visible);
+    let _visibleTimer = ref();
+    watch(
+      () => props.visible,
+      (v) => {
+        if (!v) {
+          clearTimeout(_visibleTimer.value);
+          _visibleTimer.value = setTimeout(() => {
+            _visible.value = v;
+          }, 250);
+        } else {
+          _visible.value = v;
+        }
+      }
+    );
     const maskClick = () => {
       emit("maskClick");
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, { to: "#lew-modal" }, [
-        createVNode(Transition, { name: "lew-modal" }, {
-          default: withCtx(() => [
-            __props.visible ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "lew-modal",
-              onClick: maskClick
-            }, [
-              __props.visible ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: "lew-modal-box",
-                style: normalizeStyle(`width:${__props.width};height:${__props.height}`),
-                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-                }, ["stop"]))
-              }, [
-                renderSlot(_ctx.$slots, "default", {}, void 0, true)
-              ], 4)) : createCommentVNode("v-if", true)
-            ])) : createCommentVNode("v-if", true)
-          ]),
-          _: 3
-        })
+        unref(_visible) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "lew-modal",
+          style: normalizeStyle(
+            __props.visible ? "animation: lewModalOpen 0.25s;" : "animation: lewModalClose 0.25s;"
+          ),
+          onClick: maskClick
+        }, [
+          createElementVNode("div", {
+            class: "lew-modal-box",
+            style: normalizeStyle(`width:${__props.width};height:${__props.height};${__props.visible ? "animation: lewModalBoxOpen 0.25s;" : "animation: lewModalBoxClose 0.25s;"}`),
+            onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop"]))
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 4)
+        ], 4)) : createCommentVNode("v-if", true)
       ]);
     };
   }
@@ -12811,9 +12848,11 @@ var index$8 = {
 const _props = {
   visible: {
     type: Boolean,
-    default: false
+    default: () => {
+      return false;
+    }
   },
-  closeonClickOverlay: {
+  closeOnClickOverlay: {
     type: Boolean,
     default: false
   },
@@ -12851,16 +12890,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     let okLoading = ref(false);
     let cancelLoading = ref(false);
     const onClickOverlay = () => {
-      if (props == null ? void 0 : props.closeonClickOverlay) {
+      if (props == null ? void 0 : props.closeOnClickOverlay) {
         close();
       }
     };
-    let isShowDialog = ref(true);
+    let visible = ref(true);
+    let _visible = ref(true);
+    let _visibleTimer = ref();
     const close = () => {
-      isShowDialog.value = false;
-      setTimeout(() => {
-        emit("update:visible", false);
-      }, 245);
+      visible.value = false;
+      emit("update:visible", false);
+      clearTimeout(_visibleTimer.value);
+      _visibleTimer.value = setTimeout(() => {
+        _visible.value = false;
+      }, 250);
     };
     const okHandle = async () => {
       if (typeof props.ok === "function") {
@@ -12881,155 +12924,161 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         (openBlock(), createBlock(Teleport, { to: "body" }, [
-          _ctx.visible ? (openBlock(), createElementBlock("div", {
+          unref(_visible) ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "lew-dialog",
             style: normalizeStyle(
-              unref(isShowDialog) ? "animation: lewDialogOpen 0.25s;" : "animation: lewDialogClose 0.25s;"
+              unref(visible) ? "animation: lewDialogOpen 0.25s;" : "animation: lewDialogClose 0.25s;"
             ),
             onClick: onClickOverlay
           }, [
-            _ctx.layout == "normal" ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "lew-dialog-box lew-dialog-box-normal",
-              onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-              }, ["stop"]))
+            createElementVNode("div", {
+              style: normalizeStyle(
+                unref(visible) ? "animation: lewDialogBoxOpen 0.25s;" : "animation: lewDialogBoxClose 0.25s;"
+              )
             }, [
-              createElementVNode("div", {
-                class: "btn-close",
-                onClick: cancelHandle
+              _ctx.layout == "normal" ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "lew-dialog-box lew-dialog-box-normal",
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
               }, [
-                _ctx.type == `normal` ? (openBlock(), createBlock(unref(script), {
-                  key: 0,
-                  size: "18",
-                  type: "x"
-                })) : createCommentVNode("v-if", true)
-              ]),
-              createElementVNode("div", _hoisted_1, [
                 createElementVNode("div", {
-                  class: normalizeClass(`icon-${_ctx.type}`)
+                  class: "btn-close",
+                  onClick: cancelHandle
                 }, [
                   _ctx.type == `normal` ? (openBlock(), createBlock(unref(script), {
                     key: 0,
-                    size: "30",
-                    type: "info"
-                  })) : createCommentVNode("v-if", true),
-                  _ctx.type == `warning` ? (openBlock(), createBlock(unref(script), {
-                    key: 1,
-                    size: "30",
-                    type: "alert-triangle"
-                  })) : createCommentVNode("v-if", true),
-                  _ctx.type == `success` ? (openBlock(), createBlock(unref(script), {
-                    key: 2,
-                    size: "30",
-                    type: "check"
-                  })) : createCommentVNode("v-if", true),
-                  _ctx.type == `error` ? (openBlock(), createBlock(unref(script), {
-                    key: 3,
-                    size: "30",
-                    type: "alert-circle"
-                  })) : createCommentVNode("v-if", true),
-                  _ctx.type == `info` ? (openBlock(), createBlock(unref(script), {
-                    key: 4,
-                    size: "30",
-                    type: "bell"
+                    size: "18",
+                    type: "x"
                   })) : createCommentVNode("v-if", true)
-                ], 2)
-              ]),
-              createElementVNode("div", _hoisted_2, [
-                createElementVNode("header", null, [
-                  renderSlot(_ctx.$slots, "title", {}, void 0, true),
-                  createElementVNode("span", {
-                    class: "gulu-dialog-close",
-                    onClick: close
-                  })
                 ]),
-                createElementVNode("main", null, [
-                  renderSlot(_ctx.$slots, "content", {}, void 0, true)
+                createElementVNode("div", _hoisted_1, [
+                  createElementVNode("div", {
+                    class: normalizeClass(`icon-${_ctx.type}`)
+                  }, [
+                    _ctx.type == `normal` ? (openBlock(), createBlock(unref(script), {
+                      key: 0,
+                      size: "30",
+                      type: "info"
+                    })) : createCommentVNode("v-if", true),
+                    _ctx.type == `warning` ? (openBlock(), createBlock(unref(script), {
+                      key: 1,
+                      size: "30",
+                      type: "alert-triangle"
+                    })) : createCommentVNode("v-if", true),
+                    _ctx.type == `success` ? (openBlock(), createBlock(unref(script), {
+                      key: 2,
+                      size: "30",
+                      type: "check"
+                    })) : createCommentVNode("v-if", true),
+                    _ctx.type == `error` ? (openBlock(), createBlock(unref(script), {
+                      key: 3,
+                      size: "30",
+                      type: "alert-circle"
+                    })) : createCommentVNode("v-if", true),
+                    _ctx.type == `info` ? (openBlock(), createBlock(unref(script), {
+                      key: 4,
+                      size: "30",
+                      type: "bell"
+                    })) : createCommentVNode("v-if", true)
+                  ], 2)
+                ]),
+                createElementVNode("div", _hoisted_2, [
+                  createElementVNode("header", null, [
+                    renderSlot(_ctx.$slots, "title", {}, void 0, true),
+                    createElementVNode("span", {
+                      class: "gulu-dialog-close",
+                      onClick: close
+                    })
+                  ]),
+                  createElementVNode("main", null, [
+                    renderSlot(_ctx.$slots, "content", {}, void 0, true)
+                  ]),
+                  createElementVNode("footer", null, [
+                    createVNode(unref(LewButton), {
+                      loading: unref(cancelLoading),
+                      type: "blank",
+                      onClick: withModifiers(cancelHandle, ["stop"])
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("\u53D6\u6D88")
+                      ]),
+                      _: 1
+                    }, 8, ["loading", "onClick"]),
+                    createVNode(unref(LewButton), {
+                      loading: unref(okLoading),
+                      onClick: withModifiers(okHandle, ["stop"])
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("\u786E\u8BA4")
+                      ]),
+                      _: 1
+                    }, 8, ["loading", "onClick"])
+                  ])
+                ])
+              ])) : createCommentVNode("v-if", true),
+              _ctx.layout == "easy" ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                createElementVNode("div", _hoisted_4, [
+                  createElementVNode("div", {
+                    class: normalizeClass(`icon-${_ctx.type}`)
+                  }, [
+                    _ctx.type == `normal` ? (openBlock(), createBlock(unref(script), {
+                      key: 0,
+                      size: "20",
+                      type: "info"
+                    })) : createCommentVNode("v-if", true),
+                    _ctx.type == `warning` ? (openBlock(), createBlock(unref(script), {
+                      key: 1,
+                      size: "20",
+                      type: "alert-triangle"
+                    })) : createCommentVNode("v-if", true),
+                    _ctx.type == `success` ? (openBlock(), createBlock(unref(script), {
+                      key: 2,
+                      size: "20",
+                      type: "check"
+                    })) : createCommentVNode("v-if", true),
+                    _ctx.type == `error` ? (openBlock(), createBlock(unref(script), {
+                      key: 3,
+                      size: "20",
+                      type: "alert-circle"
+                    })) : createCommentVNode("v-if", true),
+                    _ctx.type == `info` ? (openBlock(), createBlock(unref(script), {
+                      key: 4,
+                      size: "20",
+                      type: "bell"
+                    })) : createCommentVNode("v-if", true)
+                  ], 2)
                 ]),
-                createElementVNode("footer", null, [
+                createElementVNode("div", _hoisted_5, [
+                  createElementVNode("main", null, [
+                    renderSlot(_ctx.$slots, "content", {}, void 0, true)
+                  ]),
                   createVNode(unref(LewButton), {
+                    style: { "margin-right": "10px" },
+                    type: "normal",
+                    size: "small",
                     loading: unref(cancelLoading),
-                    type: "blank",
-                    onClick: cancelHandle
+                    onClick: withModifiers(cancelHandle, ["stop"])
                   }, {
                     default: withCtx(() => [
-                      createTextVNode("\u53D6\u6D88")
+                      createTextVNode("\u53D6\u6D88 ")
                     ]),
                     _: 1
-                  }, 8, ["loading"]),
+                  }, 8, ["loading", "onClick"]),
                   createVNode(unref(LewButton), {
                     loading: unref(okLoading),
-                    onClick: okHandle
+                    onClick: withModifiers(okHandle, ["stop"]),
+                    size: "small"
                   }, {
                     default: withCtx(() => [
-                      createTextVNode("\u786E\u8BA4")
+                      createTextVNode("\u786E\u8BA4 ")
                     ]),
                     _: 1
-                  }, 8, ["loading"])
+                  }, 8, ["loading", "onClick"])
                 ])
-              ])
-            ])) : createCommentVNode("v-if", true),
-            _ctx.layout == "easy" ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              createElementVNode("div", _hoisted_4, [
-                createElementVNode("div", {
-                  class: normalizeClass(`icon-${_ctx.type}`)
-                }, [
-                  _ctx.type == `normal` ? (openBlock(), createBlock(unref(script), {
-                    key: 0,
-                    size: "20",
-                    type: "info"
-                  })) : createCommentVNode("v-if", true),
-                  _ctx.type == `warning` ? (openBlock(), createBlock(unref(script), {
-                    key: 1,
-                    size: "20",
-                    type: "alert-triangle"
-                  })) : createCommentVNode("v-if", true),
-                  _ctx.type == `success` ? (openBlock(), createBlock(unref(script), {
-                    key: 2,
-                    size: "20",
-                    type: "check"
-                  })) : createCommentVNode("v-if", true),
-                  _ctx.type == `error` ? (openBlock(), createBlock(unref(script), {
-                    key: 3,
-                    size: "20",
-                    type: "alert-circle"
-                  })) : createCommentVNode("v-if", true),
-                  _ctx.type == `info` ? (openBlock(), createBlock(unref(script), {
-                    key: 4,
-                    size: "20",
-                    type: "bell"
-                  })) : createCommentVNode("v-if", true)
-                ], 2)
-              ]),
-              createElementVNode("div", _hoisted_5, [
-                createElementVNode("main", null, [
-                  renderSlot(_ctx.$slots, "content", {}, void 0, true)
-                ]),
-                createVNode(unref(LewButton), {
-                  style: { "margin-right": "10px" },
-                  type: "normal",
-                  size: "small",
-                  loading: unref(cancelLoading),
-                  onClick: cancelHandle
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("\u53D6\u6D88 ")
-                  ]),
-                  _: 1
-                }, 8, ["loading"]),
-                createVNode(unref(LewButton), {
-                  loading: unref(okLoading),
-                  onClick: okHandle,
-                  size: "small"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("\u786E\u8BA4 ")
-                  ]),
-                  _: 1
-                }, 8, ["loading"])
-              ])
-            ])) : createCommentVNode("v-if", true)
+              ])) : createCommentVNode("v-if", true)
+            ], 4)
           ], 4)) : createCommentVNode("v-if", true)
         ]))
       ]);
@@ -13053,20 +13102,10 @@ const success$1 = (options) => {
   dialog("success", options);
 };
 const dialog = (type, options) => {
-  const {
-    title,
-    content,
-    ok,
-    cancel,
-    layout,
-    closeOnClickOverlay = true
-  } = options;
+  const { title, content, ok, cancel, layout, closeOnClickOverlay } = options;
   const div2 = document.createElement("div");
   document.body.appendChild(div2);
-  const close = () => {
-    app.unmount(div2);
-    div2.remove();
-  };
+  console.log(closeOnClickOverlay);
   const app = createApp({
     render() {
       return h(
@@ -13076,11 +13115,6 @@ const dialog = (type, options) => {
           type,
           layout,
           visible: true,
-          "onUpdate:visible": (newVisible) => {
-            if (newVisible === false) {
-              close();
-            }
-          },
           ok,
           cancel
         },