@nutui/nutui 4.0.11 → 4.0.12

package/dist/packages/_es/Searchbar.js

@@ -1,22 +1,30 @@
-var D = Object.defineProperty, T = Object.defineProperties;
-var j = Object.getOwnPropertyDescriptors;
-var v = Object.getOwnPropertySymbols;
-var z = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
-var S = (e, a, n) => a in e ? D(e, a, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[a] = n, h = (e, a) => {
-  for (var n in a || (a = {}))
-    z.call(a, n) && S(e, n, a[n]);
-  if (v)
-    for (var n of v(a))
-      E.call(a, n) && S(e, n, a[n]);
-  return e;
-}, C = (e, a) => T(e, j(a));
-import { reactive as M, computed as b, ref as $, onMounted as O, toRefs as R, openBlock as s, createElementBlock as u, normalizeStyle as f, toDisplayString as q, createCommentVNode as o, renderSlot as i, createElementVNode as c, normalizeClass as d, withModifiers as G, withDirectives as H, createBlock as J, resolveDynamicComponent as K, vShow as P } from "vue";
-import { c as Q } from "./component-234624bc.js";
-import { r as U } from "./renderIcon-47498b32.js";
-import { CircleClose as W } from "@nutui/icons-vue";
-import { _ as X } from "./_plugin-vue_export-helper-dad06003.js";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { reactive, computed, ref, onMounted, toRefs, openBlock, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createElementVNode, normalizeClass, withModifiers, withDirectives, createBlock, resolveDynamicComponent, vShow } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
+import { CircleClose } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { create: Y, translate: Z } = Q("searchbar"), _ = Y({
+const { create, translate } = createComponent("searchbar");
+const _sfc_main = create({
   props: {
     modelValue: {
       type: [String, Number],
@@ -44,11 +52,11 @@ const { create: Y, translate: Z } = Q("searchbar"), _ = Y({
     },
     clearable: {
       type: Boolean,
-      default: !0
+      default: true
     },
     clearIcon: {
       type: Object,
-      default: () => W
+      default: () => CircleClose
     },
     background: {
       type: String,
@@ -64,15 +72,15 @@ const { create: Y, translate: Z } = Q("searchbar"), _ = Y({
     },
     autofocus: {
       type: Boolean,
-      default: !1
+      default: false
     },
     disabled: {
       type: Boolean,
-      default: !1
+      default: false
     },
     readonly: {
       type: Boolean,
-      default: !1
+      default: false
     },
     inputAlign: {
       type: String,
@@ -90,140 +98,183 @@ const { create: Y, translate: Z } = Q("searchbar"), _ = Y({
     "click-left-icon",
     "click-right-icon"
   ],
-  setup(e, { emit: a }) {
-    const n = M({
-      active: !1
-    }), p = b(() => ({
-      background: e.background
-    })), g = b(() => ({
-      background: e.inputBackground
-    })), y = (t) => {
-      let r = t.target.value;
-      e.maxLength && r.length > Number(e.maxLength) && (r = r.slice(0, Number(e.maxLength))), a("update:modelValue", r, t), a("change", r, t);
-    }, l = $({}), B = (t) => {
-      let r = t.target.value;
-      n.active = !0, l.value = e.focusStyle, a("focus", r, t);
-    }, w = (t) => {
+  setup(props, { emit }) {
+    const state = reactive({
+      active: false
+    });
+    const searchbarStyle = computed(() => {
+      return {
+        background: props.background
+      };
+    });
+    const inputSearchbarStyle = computed(() => {
+      return {
+        background: props.inputBackground
+      };
+    });
+    const valueChange = (event) => {
+      const input = event.target;
+      let val = input.value;
+      if (props.maxLength && val.length > Number(props.maxLength)) {
+        val = val.slice(0, Number(props.maxLength));
+      }
+      emit("update:modelValue", val, event);
+      emit("change", val, event);
+    };
+    const focusCss = ref({});
+    const valueFocus = (event) => {
+      const input = event.target;
+      let value = input.value;
+      state.active = true;
+      focusCss.value = props.focusStyle;
+      emit("focus", value, event);
+    };
+    const valueBlur = (event) => {
       setTimeout(() => {
-        n.active = !1;
+        state.active = false;
       }, 0);
-      let r = t.target.value;
-      e.maxLength && r.length > Number(e.maxLength) && (r = r.slice(0, Number(e.maxLength))), l.value = {}, a("blur", r, t);
-    }, I = (t) => {
-      a("update:modelValue", "", t), a("change", "", t), a("clear", "");
-    }, V = () => {
-      a("search", e.modelValue);
-    }, L = (t) => {
-      a("click-input", t);
-    }, N = (t) => {
-      a("click-left-icon", e.modelValue, t);
-    }, F = (t) => {
-      a("click-right-icon", e.modelValue, t);
-    }, A = b(() => ({
-      textAlign: e.inputAlign
-    })), m = $(null);
-    return O(() => {
-      e.autofocus && m.value.focus();
-    }), C(h({
-      renderIcon: U,
-      inputsearch: m
-    }, R(n)), {
-      valueChange: y,
-      valueFocus: B,
-      valueBlur: w,
-      handleClear: I,
-      handleSubmit: V,
-      searchbarStyle: p,
-      inputSearchbarStyle: g,
-      focusCss: l,
-      translate: Z,
-      clickInput: L,
-      leftIconClick: N,
-      rightIconClick: F,
-      styleSearchbar: A
+      const input = event.target;
+      let value = input.value;
+      if (props.maxLength && value.length > Number(props.maxLength)) {
+        value = value.slice(0, Number(props.maxLength));
+      }
+      focusCss.value = {};
+      emit("blur", value, event);
+    };
+    const handleClear = (event) => {
+      emit("update:modelValue", "", event);
+      emit("change", "", event);
+      emit("clear", "");
+    };
+    const handleSubmit = () => {
+      emit("search", props.modelValue);
+    };
+    const clickInput = (event) => {
+      emit("click-input", event);
+    };
+    const leftIconClick = (event) => {
+      emit("click-left-icon", props.modelValue, event);
+    };
+    const rightIconClick = (event) => {
+      emit("click-right-icon", props.modelValue, event);
+    };
+    const styleSearchbar = computed(() => {
+      const style = {
+        textAlign: props.inputAlign
+      };
+      return style;
+    });
+    const inputsearch = ref(null);
+    onMounted(() => {
+      if (props.autofocus) {
+        inputsearch.value.focus();
+      }
+    });
+    return __spreadProps(__spreadValues({
+      renderIcon,
+      inputsearch
+    }, toRefs(state)), {
+      valueChange,
+      valueFocus,
+      valueBlur,
+      handleClear,
+      handleSubmit,
+      searchbarStyle,
+      inputSearchbarStyle,
+      focusCss,
+      translate,
+      clickInput,
+      leftIconClick,
+      rightIconClick,
+      styleSearchbar
     });
   }
-}), x = {
+});
+const _hoisted_1 = {
   key: 0,
   class: "nut-searchbar__search-label"
-}, ee = {
+};
+const _hoisted_2 = {
   key: 1,
   class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
-}, ae = ["type", "maxlength", "placeholder", "value", "disabled", "readonly"], te = {
+};
+const _hoisted_3 = ["type", "maxlength", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_4 = {
   key: 1,
   class: "nut-searchbar__search-icon nut-searchbar__iptright-search-icon"
-}, le = {
+};
+const _hoisted_5 = {
   key: 2,
   class: "nut-searchbar__search-icon nut-searchbar__right-search-icon"
 };
-function ne(e, a, n, p, g, y) {
-  return s(), u("view", {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
     class: "nut-searchbar",
-    style: f(e.searchbarStyle)
+    style: normalizeStyle(_ctx.searchbarStyle)
   }, [
-    e.label ? (s(), u("span", x, q(e.label), 1)) : o("", !0),
-    e.$slots.leftout ? (s(), u("view", ee, [
-      i(e.$slots, "leftout")
-    ])) : o("", !0),
-    c("view", {
-      class: d(["nut-searchbar__search-input", e.shape]),
-      style: f(h(h({}, e.inputSearchbarStyle), e.focusCss))
+    _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_2, [
+      renderSlot(_ctx.$slots, "leftout")
+    ])) : createCommentVNode("", true),
+    createElementVNode("view", {
+      class: normalizeClass([`nut-searchbar__search-input`, _ctx.shape]),
+      style: normalizeStyle(__spreadValues(__spreadValues({}, _ctx.inputSearchbarStyle), _ctx.focusCss))
     }, [
-      e.$slots.leftin ? (s(), u("view", {
+      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", {
         key: 0,
         class: "nut-searchbar__search-icon nut-searchbar__iptleft-search-icon",
-        onClick: a[0] || (a[0] = (...l) => e.leftIconClick && e.leftIconClick(...l))
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.leftIconClick && _ctx.leftIconClick(...args))
       }, [
-        i(e.$slots, "leftin")
-      ])) : o("", !0),
-      c("view", {
-        class: d(["nut-searchbar__input-inner", e.$slots.rightin && "nut-searchbar__input-inner-absolute"])
+        renderSlot(_ctx.$slots, "leftin")
+      ])) : createCommentVNode("", true),
+      createElementVNode("view", {
+        class: normalizeClass(["nut-searchbar__input-inner", _ctx.$slots.rightin && "nut-searchbar__input-inner-absolute"])
       }, [
-        c("form", {
+        createElementVNode("form", {
           class: "nut-searchbar__input-form",
           action: "#",
-          onSubmit: a[5] || (a[5] = G((...l) => e.handleSubmit && e.handleSubmit(...l), ["prevent"]))
+          onSubmit: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
         }, [
-          c("input", {
+          createElementVNode("input", {
             ref: "inputsearch",
-            class: d(["nut-searchbar__input-bar", e.clearable && "nut-searchbar__input-bar_clear"]),
-            type: e.inputType,
-            maxlength: e.maxLength,
-            placeholder: e.placeholder || e.translate("placeholder"),
-            value: e.modelValue,
-            disabled: e.disabled,
-            readonly: e.readonly,
-            onClick: a[1] || (a[1] = (...l) => e.clickInput && e.clickInput(...l)),
-            onInput: a[2] || (a[2] = (...l) => e.valueChange && e.valueChange(...l)),
-            onFocus: a[3] || (a[3] = (...l) => e.valueFocus && e.valueFocus(...l)),
-            onBlur: a[4] || (a[4] = (...l) => e.valueBlur && e.valueBlur(...l)),
-            style: f(e.styleSearchbar)
-          }, null, 46, ae)
+            class: normalizeClass(["nut-searchbar__input-bar", _ctx.clearable && "nut-searchbar__input-bar_clear"]),
+            type: _ctx.inputType,
+            maxlength: _ctx.maxLength,
+            placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
+            value: _ctx.modelValue,
+            disabled: _ctx.disabled,
+            readonly: _ctx.readonly,
+            onClick: _cache[1] || (_cache[1] = (...args) => _ctx.clickInput && _ctx.clickInput(...args)),
+            onInput: _cache[2] || (_cache[2] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
+            onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
+            onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args)),
+            style: normalizeStyle(_ctx.styleSearchbar)
+          }, null, 46, _hoisted_3)
         ], 32)
       ], 2),
-      c("view", {
-        class: d(["nut-searchbar__input-inner-icon", e.$slots.rightin && "nut-searchbar__input-inner-icon-absolute"])
+      createElementVNode("view", {
+        class: normalizeClass(["nut-searchbar__input-inner-icon", _ctx.$slots.rightin && "nut-searchbar__input-inner-icon-absolute"])
       }, [
-        e.clearable ? H((s(), u("view", {
+        _ctx.clearable ? withDirectives((openBlock(), createElementBlock("view", {
           key: 0,
-          onClick: a[6] || (a[6] = (...l) => e.handleClear && e.handleClear(...l)),
+          onClick: _cache[6] || (_cache[6] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
           class: "nut-searchbar__search-icon nut-searchbar__input-clear"
         }, [
-          e.$slots["clear-icon"] ? i(e.$slots, "clear-icon", { key: 0 }) : (s(), J(K(e.renderIcon(e.clearIcon)), { key: 1 }))
+          _ctx.$slots["clear-icon"] ? renderSlot(_ctx.$slots, "clear-icon", { key: 0 }) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.clearIcon)), { key: 1 }))
         ], 512)), [
-          [P, String(e.modelValue).length > 0]
-        ]) : o("", !0),
-        e.$slots.rightin ? (s(), u("view", te, [
-          i(e.$slots, "rightin")
-        ])) : o("", !0)
+          [vShow, String(_ctx.modelValue).length > 0]
+        ]) : createCommentVNode("", true),
+        _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", _hoisted_4, [
+          renderSlot(_ctx.$slots, "rightin")
+        ])) : createCommentVNode("", true)
       ], 2)
     ], 6),
-    e.$slots.rightout ? (s(), u("view", le, [
-      i(e.$slots, "rightout")
-    ])) : o("", !0)
+    _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_5, [
+      renderSlot(_ctx.$slots, "rightout")
+    ])) : createCommentVNode("", true)
   ], 4);
 }
-const de = /* @__PURE__ */ X(_, [["render", ne]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  de as default
+  index as default
 };

package/dist/packages/_es/ShortPassword.js

@@ -1,14 +1,15 @@
-import { ref as h, computed as b, watch as w, resolveComponent as f, openBlock as r, createElementBlock as l, createVNode as v, withCtx as k, createElementVNode as n, toDisplayString as a, Fragment as C, renderList as S, createCommentVNode as g } from "vue";
-import { c as _ } from "./component-234624bc.js";
-import { P as y } from "./index-360c5092.js";
-import { Tips as T } from "@nutui/icons-vue";
-import { _ as V } from "./_plugin-vue_export-helper-dad06003.js";
+import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, Fragment, renderList, createCommentVNode } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { P as Popup } from "./index-da0a7662.js";
+import { Tips } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
-const { create: O, translate: N } = _("short-password"), B = O({
+const { create, translate } = createComponent("short-password");
+const _sfc_main = create({
   components: {
-    [y.name]: y,
-    Tips: T
+    [Popup.name]: Popup,
+    Tips
   },
   props: {
     title: {
@@ -25,7 +26,7 @@ const { create: O, translate: N } = _("short-password"), B = O({
     },
     visible: {
       type: Boolean,
-      default: !1
+      default: false
     },
     modelValue: {
       type: String,
@@ -37,7 +38,7 @@ const { create: O, translate: N } = _("short-password"), B = O({
     },
     closeOnClickOverlay: {
       type: Boolean,
-      default: !0
+      default: true
     },
     length: {
       type: [String, Number],
@@ -46,97 +47,120 @@ const { create: O, translate: N } = _("short-password"), B = O({
     }
   },
   emits: ["update:modelValue", "update:visible", "complete", "tips", "close", "focus"],
-  setup(e, { emit: t }) {
-    const p = h(e.modelValue), u = b(() => i(Number(e.length))), c = h(e.visible), m = (s) => {
-      s.stopPropagation(), t("focus");
+  setup(props, { emit }) {
+    const realInput = ref(props.modelValue);
+    const comLen = computed(() => range(Number(props.length)));
+    const show = ref(props.visible);
+    const onTouchStart = (event) => {
+      event.stopPropagation();
+      emit("focus");
     };
-    w(
-      () => e.visible,
-      (s) => {
-        c.value = s;
+    watch(
+      () => props.visible,
+      (value) => {
+        show.value = value;
       }
-    ), w(
-      () => e.modelValue,
-      (s) => {
-        p.value = s, String(s).length === u.value && t("complete", s);
+    );
+    watch(
+      () => props.modelValue,
+      (value) => {
+        realInput.value = value;
+        if (String(value).length === comLen.value) {
+          emit("complete", value);
+        }
       }
     );
-    const d = () => {
-      t("update:visible", !1), t("close");
-    }, i = (s) => Math.min(Math.max(4, s), 6);
+    const close = () => {
+      emit("update:visible", false);
+      emit("close");
+    };
+    const range = (val) => {
+      return Math.min(Math.max(4, val), 6);
+    };
+    const onTips = () => {
+      emit("tips");
+    };
     return {
-      comLen: u,
-      realInput: p,
-      onTouchStart: m,
-      range: i,
-      close: d,
-      onTips: () => {
-        t("tips");
-      },
-      show: c,
-      translate: N
+      comLen,
+      realInput,
+      onTouchStart,
+      range,
+      close,
+      onTips,
+      show,
+      translate
     };
   }
-}), I = { class: "nut-short-password-title" }, M = { class: "nut-short-password-subtitle" }, $ = { class: "nut-short-password-wrapper" }, L = {
+});
+const _hoisted_1 = { class: "nut-short-password-title" };
+const _hoisted_2 = { class: "nut-short-password-subtitle" };
+const _hoisted_3 = { class: "nut-short-password-wrapper" };
+const _hoisted_4 = {
   key: 0,
   class: "nut-short-password__item-icon"
-}, P = { class: "nut-short-password__message" }, A = { class: "nut-short-password--error" }, D = {
+};
+const _hoisted_5 = { class: "nut-short-password__message" };
+const _hoisted_6 = { class: "nut-short-password--error" };
+const _hoisted_7 = {
   key: 0,
   class: "nut-short-password--forget"
 };
-function E(e, t, p, u, c, m) {
-  const d = f("tips"), i = f("nut-popup");
-  return r(), l("view", null, [
-    v(i, {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_tips = resolveComponent("tips");
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createElementBlock("view", null, [
+    createVNode(_component_nut_popup, {
       style: {
         padding: "30px 24px 20px 24px",
         borderRadius: "12px",
         textAlign: "center",
         top: "45%"
       },
-      visible: e.show,
-      "onUpdate:visible": t[2] || (t[2] = (o) => e.show = o),
-      closeable: !0,
-      onClickCloseIcon: e.close,
-      "close-on-click-overlay": e.closeOnClickOverlay,
-      onClickOverlay: e.close,
-      teleportDisable: !1
+      visible: _ctx.show,
+      "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => _ctx.show = $event),
+      closeable: true,
+      onClickCloseIcon: _ctx.close,
+      "close-on-click-overlay": _ctx.closeOnClickOverlay,
+      onClickOverlay: _ctx.close,
+      teleportDisable: false
     }, {
-      default: k(() => [
-        n("view", I, a(e.title || e.translate("title")), 1),
-        n("view", M, a(e.desc || e.translate("desc")), 1),
-        n("div", $, [
-          n("view", {
+      default: withCtx(() => [
+        createElementVNode("view", _hoisted_1, toDisplayString(_ctx.title || _ctx.translate("title")), 1),
+        createElementVNode("view", _hoisted_2, toDisplayString(_ctx.desc || _ctx.translate("desc")), 1),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("view", {
             class: "nut-short-password__list",
-            onTouchstart: t[0] || (t[0] = (...o) => e.onTouchStart && e.onTouchStart(...o))
+            onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args))
           }, [
-            (r(!0), l(C, null, S(new Array(e.comLen), (o, s) => (r(), l("view", {
-              class: "nut-short-password__item",
-              key: s
-            }, [
-              String(e.realInput).length > s ? (r(), l("view", L)) : g("", !0)
-            ]))), 128))
+            (openBlock(true), createElementBlock(Fragment, null, renderList(new Array(_ctx.comLen), (sublen, index2) => {
+              return openBlock(), createElementBlock("view", {
+                class: "nut-short-password__item",
+                key: index2
+              }, [
+                String(_ctx.realInput).length > index2 ? (openBlock(), createElementBlock("view", _hoisted_4)) : createCommentVNode("", true)
+              ]);
+            }), 128))
           ], 32)
         ]),
-        n("view", P, [
-          n("view", A, a(e.errorMsg), 1),
-          e.tips || e.translate("tips") ? (r(), l("view", D, [
-            v(d, {
+        createElementVNode("view", _hoisted_5, [
+          createElementVNode("view", _hoisted_6, toDisplayString(_ctx.errorMsg), 1),
+          _ctx.tips || _ctx.translate("tips") ? (openBlock(), createElementBlock("view", _hoisted_7, [
+            createVNode(_component_tips, {
               class: "icon",
               width: "11px",
               height: "11px"
             }),
-            n("view", {
-              onClick: t[1] || (t[1] = (...o) => e.onTips && e.onTips(...o))
-            }, a(e.tips || e.translate("tips")), 1)
-          ])) : g("", !0)
+            createElementVNode("view", {
+              onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onTips && _ctx.onTips(...args))
+            }, toDisplayString(_ctx.tips || _ctx.translate("tips")), 1)
+          ])) : createCommentVNode("", true)
         ])
       ]),
       _: 1
     }, 8, ["visible", "onClickCloseIcon", "close-on-click-overlay", "onClickOverlay"])
   ]);
 }
-const H = /* @__PURE__ */ V(B, [["render", E]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  H as default
+  index as default
 };