lew-ui 1.0.30 → 1.0.33

package/dist/lew.es.ts

@@ -1609,7 +1609,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       emit("change", v2.value);
       setTimeout(() => {
         hide2();
-      }, 120);
+      }, 500);
     };
     const open = () => {
       if (props.options.length == 0)
@@ -1619,11 +1619,6 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     const hide2 = () => {
       lewDropdownRef.value.hide();
     };
-    const delayHide = () => {
-      setTimeout(() => {
-        hide2();
-      }, 120);
-    };
     return (_ctx, _cache) => {
       const _component_lew_input = resolveComponent("lew-input");
       const _component_lew_dropdown = resolveComponent("lew-dropdown");
@@ -1657,7 +1652,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               }, ["stop"])),
               onInput: input,
               onChange: _cache[2] || (_cache[2] = ($event) => emit("change", v2.value)),
-              onBlur: _cache[3] || (_cache[3] = ($event) => (emit("blur", v2.value), delayHide())),
+              onBlur: _cache[3] || (_cache[3] = ($event) => emit("blur", v2.value)),
               onFocus: _cache[4] || (_cache[4] = ($event) => (open(), emit("focus", v2.value))),
               onClear: clear
             }, null, 8, ["modelValue", "type", "autoWidth", "size", "align", "placeholder", "clearable"])
@@ -1939,6 +1934,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     const tagsValue = ref(props.modelValue);
     const isInput = ref(false);
     const lewInputRef = ref();
+    let isEnter = false;
     let delDownTimer;
     let delDownCheck = 0;
     watch(
@@ -1965,19 +1961,26 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               delDownCheck = 0;
             }
           }
+        } else {
+          if (event.keyCode == 13) {
+            isEnter = true;
+          }
         }
       };
     };
-    const closeInput = (e2) => {
+    const blurFn = (e2) => {
       isInput.value = false;
       document.onkeydown = null;
-      addTag(e2);
-    };
-    const addTag = (value) => {
-      if (!!value) {
-        tagsValue.value.push(value);
+      addTag();
+      if (isEnter) {
         openInput();
       }
+      isEnter = false;
+    };
+    const addTag = () => {
+      if (!!inputValue.value) {
+        tagsValue.value.push(inputValue.value);
+      }
       inputValue.value = "";
     };
     const delTag = (index2) => {
@@ -2017,7 +2020,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           ref: lewInputRef,
           modelValue: inputValue.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
-          onBlur: closeInput,
+          onBlur: blurFn,
           onFocus: addTag,
           size: "small",
           "auto-width": "",
@@ -2303,9 +2306,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 var LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-365d2981"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/radio/src/LewRadio.vue"]]);
-var LewRadioboxGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
+var LewRadioGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  __name: "LewRadioboxGroup",
+  __name: "LewRadioGroup",
   props: {
     modelValue: {
       type: String,
@@ -2374,7 +2377,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewRadioboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-304dc5f5"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/radio/src/LewRadioboxGroup.vue"]]);
+var LewRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-642e37a4"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/radio/src/LewRadioGroup.vue"]]);
 const selectProps = {
   modelValue: {
     type: [String, Array],
@@ -3238,7 +3241,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       }
     );
     let maxLen = computed(() => {
-      return Math.floor(props.total / pageSize.value);
+      return Math.ceil(props.total / pageSize.value);
     });
     let pageInterval = computed(() => {
       let start2 = pageNum.value - props.pageShowSize;
@@ -3277,7 +3280,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       }
       if (pageNum.value < 1) {
         pageNum.value = 1;
-      } else if (pageNum.value > props.total / pageSize.value) {
+      } else if (pageNum.value > maxLen.value) {
         pageNum.value = maxLen.value;
       }
       pageNumbackup.value = pageNum.value;
@@ -11772,7 +11775,7 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   LewFormItem,
   LewCheckbox,
   LewCheckboxGroup,
-  LewRadioboxGroup,
+  LewRadioGroup,
   LewSelect,
   LewSwitch,
   LewDate,
@@ -12221,23 +12224,38 @@ const notification = (type, title, content) => {
 const add = (type, title, content) => {
   const LewMessageDom = document.getElementById("lew-notification");
   const newMessage = document.createElement("div");
+  const svgArr = {
+    success: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17a8.5 8.5 0 0 0 0-17zm-1.25 9.94l4.47-4.47a.75.75 0 0 1 1.133.976l-.073.084l-5 5a.75.75 0 0 1-.976.073l-.084-.073l-2.5-2.5a.75.75 0 0 1 .976-1.133l.084.073l1.97 1.97l4.47-4.47l-4.47 4.47z" fill="currentColor"></path></g></svg>`,
+    warning: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M10.91 2.782a2.25 2.25 0 0 1 2.975.74l.083.138l7.759 14.009a2.25 2.25 0 0 1-1.814 3.334l-.154.006H4.243a2.25 2.25 0 0 1-2.041-3.197l.072-.143L10.031 3.66a2.25 2.25 0 0 1 .878-.878zm9.505 15.613l-7.76-14.008a.75.75 0 0 0-1.254-.088l-.057.088l-7.757 14.008a.75.75 0 0 0 .561 1.108l.095.006h15.516a.75.75 0 0 0 .696-1.028l-.04-.086l-7.76-14.008l7.76 14.008zM12 16.002a.999.999 0 1 1 0 1.997a.999.999 0 0 1 0-1.997zM11.995 8.5a.75.75 0 0 1 .744.647l.007.102l.004 4.502a.75.75 0 0 1-1.494.103l-.006-.102l-.004-4.502a.75.75 0 0 1 .75-.75z" fill="currentColor"></path></g></svg>`,
+    error: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M12 2c5.523 0 10 4.478 10 10s-4.477 10-10 10S2 17.522 2 12S6.477 2 12 2zm0 1.667c-4.595 0-8.333 3.738-8.333 8.333c0 4.595 3.738 8.333 8.333 8.333c4.595 0 8.333-3.738 8.333-8.333c0-4.595-3.738-8.333-8.333-8.333zm-.001 10.835a.999.999 0 1 1 0 1.998a.999.999 0 0 1 0-1.998zM11.994 7a.75.75 0 0 1 .744.648l.007.101l.004 4.502a.75.75 0 0 1-1.493.103l-.007-.102l-.004-4.501a.75.75 0 0 1 .75-.751z" fill="currentColor"></path></g></svg>`,
+    normal: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M12 1.999c5.524 0 10.002 4.478 10.002 10.002c0 5.523-4.478 10.001-10.002 10.001C6.476 22.002 2 17.524 2 12.001C1.999 6.477 6.476 1.999 12 1.999zm0 1.5a8.502 8.502 0 1 0 0 17.003A8.502 8.502 0 0 0 12 3.5zm-.004 7a.75.75 0 0 1 .744.648l.007.102l.004 5.502a.75.75 0 0 1-1.494.102l-.006-.101l-.004-5.502a.75.75 0 0 1 .75-.75zm.005-3.497a.999.999 0 1 1 0 1.997a.999.999 0 0 1 0-1.997z" fill="currentColor"></path></g></svg>`,
+    info: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M12 1.996a7.49 7.49 0 0 1 7.496 7.25l.004.25v4.097l1.38 3.156a1.249 1.249 0 0 1-1.145 1.75L15 18.502a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-4.155 3.352-7.5 7.5-7.5zM13.5 18.5l-3 .002a1.5 1.5 0 0 0 2.993.145l.007-.147zM12 3.496c-3.32 0-6 2.674-6 6v4.41L4.656 17h14.697L18 13.907V9.509l-.003-.225A5.988 5.988 0 0 0 12 3.496z" fill="currentColor"></path></g></svg>`
+  };
   newMessage.innerHTML = `
-    <div class="main">
-    <div class="lew-notification-title">${title}</div>
-   ${content ? '<div class="lew-notification-content">' + content + "</div>" : ""} 
-    </div>
+                <div class="lew-notification-box">
+                    <div class="lew-notification-icon">
+                    ${svgArr[type]}
+                    </div>
+                    <div class="lew-notification-body">
+                    <div class="lew-notification-title">${title}</div>
+                    ${content ? '<div class="lew-notification-content">' + content + "</div>" : ""}
+                    </div> 
+                </div>
     `;
   LewMessageDom == null ? void 0 : LewMessageDom.appendChild(newMessage, LewMessageDom == null ? void 0 : LewMessageDom.childNodes[0]);
-  newMessage.setAttribute("class", `notification notification-${type}`);
+  newMessage.setAttribute(
+    "class",
+    `lew-notification lew-notification-${type}`
+  );
   setTimeout(() => {
     newMessage.setAttribute(
       "class",
-      `notification notification-${type} notification-show`
+      `lew-notification lew-notification-${type} lew-notification-show`
     );
     setTimeout(() => {
       newMessage.setAttribute(
         "class",
-        `notification notification-${type} notification-hidden`
+        `lew-notification lew-notification-${type} lew-notification-hidden`
       );
       setTimeout(() => {
         LewMessageDom == null ? void 0 : LewMessageDom.removeChild(newMessage);
@@ -12324,4 +12342,4 @@ const install = function(Vue) {
 var index = {
   install
 };
-export { LewAlert, LewAvatar, LewBackTop, LewBadge, LewBreadcrumb, LewButton, LewCheckbox, LewCheckboxGroup, LewDate, LewDatePicker, LewDemoBox, index$7 as LewDialog, LewDrawer, LewDropdown, LewFancyImage, index$a as LewFancybox, LewFlex, LewFormItem, LewInput, LewInputPro, LewInputTag, LewLayout, LewMark, index$8 as LewMessage, LewModal, index$3 as LewNotification, LewPagination, LewPlyrVideo, LewPopok, LewPopover, LewRadioboxGroup, LewSelect, LewSpace, LewSteps, LewSwitch, LewTable, LewTabs, LewTag, LewTitle, index$5 as LewVBacktop, index$6 as LewVTooltip, index as default };
+export { LewAlert, LewAvatar, LewBackTop, LewBadge, LewBreadcrumb, LewButton, LewCheckbox, LewCheckboxGroup, LewDate, LewDatePicker, LewDemoBox, index$7 as LewDialog, LewDrawer, LewDropdown, LewFancyImage, index$a as LewFancybox, LewFlex, LewFormItem, LewInput, LewInputPro, LewInputTag, LewLayout, LewMark, index$8 as LewMessage, LewModal, index$3 as LewNotification, LewPagination, LewPlyrVideo, LewPopok, LewPopover, LewRadioGroup, LewSelect, LewSpace, LewSteps, LewSwitch, LewTable, LewTabs, LewTag, LewTitle, index$5 as LewVBacktop, index$6 as LewVTooltip, index as default };