@nutui/nutui 4.0.0 → 4.0.1-2.beta-1

package/dist/packages/_es/Searchbar.js

@@ -1,11 +1,22 @@
-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";
+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";
 import "../locale/lang";
-const { create, translate } = createComponent("searchbar");
-const _sfc_main = create({
+const { create: Y, translate: Z } = Q("searchbar"), _ = Y({
   props: {
     modelValue: {
       type: [String, Number],
@@ -13,12 +24,16 @@ const _sfc_main = create({
     },
     inputType: {
       type: String,
-      default: "textarea"
+      default: "text"
     },
     label: {
       type: String,
       default: ""
     },
+    shape: {
+      type: String,
+      default: "round"
+    },
     maxLength: {
       type: [String, Number],
       default: "9999"
@@ -29,11 +44,11 @@ const _sfc_main = create({
     },
     clearable: {
       type: Boolean,
-      default: true
+      default: !0
     },
     clearIcon: {
       type: Object,
-      default: () => CircleClose
+      default: () => W
     },
     background: {
       type: String,
@@ -45,21 +60,19 @@ const _sfc_main = create({
     },
     focusStyle: {
       type: Object,
-      // eslint-disable-next-line @typescript-eslint/no-empty-function
-      default: () => {
-      }
+      default: () => ({})
     },
     autofocus: {
       type: Boolean,
-      default: false
+      default: !1
     },
     disabled: {
       type: Boolean,
-      default: false
+      default: !1
     },
     readonly: {
       type: Boolean,
-      default: false
+      default: !1
     },
     inputAlign: {
       type: String,
@@ -77,183 +90,140 @@ const _sfc_main = create({
     "click-left-icon",
     "click-right-icon"
   ],
-  setup(props, { slots, 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) => {
+  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) => {
       setTimeout(() => {
-        state.active = false;
+        n.active = !1;
       }, 0);
-      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;
+      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 inputsearch = ref(null);
-    onMounted(() => {
-      if (props.autofocus) {
-        inputsearch.value.focus();
-      }
-    });
-    return {
-      renderIcon,
-      inputsearch,
-      ...toRefs(state),
-      valueChange,
-      valueFocus,
-      valueBlur,
-      handleClear,
-      handleSubmit,
-      searchbarStyle,
-      inputSearchbarStyle,
-      focusCss,
-      translate,
-      clickInput,
-      leftIconClick,
-      rightIconClick,
-      styleSearchbar
-    };
   }
-});
-const _hoisted_1 = {
+}), x = {
   key: 0,
   class: "nut-searchbar__search-label"
-};
-const _hoisted_2 = {
+}, ee = {
   key: 1,
   class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
-};
-const _hoisted_3 = ["type", "maxlength", "placeholder", "value", "disabled", "readonly"];
-const _hoisted_4 = {
+}, ae = ["type", "maxlength", "placeholder", "value", "disabled", "readonly"], te = {
   key: 1,
   class: "nut-searchbar__search-icon nut-searchbar__iptright-search-icon"
-};
-const _hoisted_5 = {
+}, le = {
   key: 2,
   class: "nut-searchbar__search-icon nut-searchbar__right-search-icon"
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
+function ne(e, a, n, p, g, y) {
+  return s(), u("view", {
     class: "nut-searchbar",
-    style: normalizeStyle(_ctx.searchbarStyle)
+    style: f(e.searchbarStyle)
   }, [
-    _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: "nut-searchbar__search-input",
-      style: normalizeStyle({ ..._ctx.inputSearchbarStyle, ..._ctx.focusCss })
+    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.$slots.leftin ? (openBlock(), createElementBlock("view", {
+      e.$slots.leftin ? (s(), u("view", {
         key: 0,
         class: "nut-searchbar__search-icon nut-searchbar__iptleft-search-icon",
-        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.leftIconClick && _ctx.leftIconClick(...args))
+        onClick: a[0] || (a[0] = (...l) => e.leftIconClick && e.leftIconClick(...l))
       }, [
-        renderSlot(_ctx.$slots, "leftin")
-      ])) : createCommentVNode("", true),
-      createElementVNode("view", {
-        class: normalizeClass(["nut-searchbar__input-inner", _ctx.$slots.rightin && "nut-searchbar__input-inner-absolute"])
+        i(e.$slots, "leftin")
+      ])) : o("", !0),
+      c("view", {
+        class: d(["nut-searchbar__input-inner", e.$slots.rightin && "nut-searchbar__input-inner-absolute"])
       }, [
-        createElementVNode("form", {
+        c("form", {
           class: "nut-searchbar__input-form",
           action: "#",
-          onSubmit: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
+          onSubmit: a[5] || (a[5] = G((...l) => e.handleSubmit && e.handleSubmit(...l), ["prevent"]))
         }, [
-          createElementVNode("input", {
+          c("input", {
             ref: "inputsearch",
-            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)
+            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)
         ], 32)
       ], 2),
-      createElementVNode("view", {
-        class: normalizeClass(["nut-searchbar__input-inner-icon", _ctx.$slots.rightin && "nut-searchbar__input-inner-icon-absolute"])
+      c("view", {
+        class: d(["nut-searchbar__input-inner-icon", e.$slots.rightin && "nut-searchbar__input-inner-icon-absolute"])
       }, [
-        _ctx.clearable ? withDirectives((openBlock(), createElementBlock("view", {
+        e.clearable ? H((s(), u("view", {
           key: 0,
-          onClick: _cache[6] || (_cache[6] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
+          onClick: a[6] || (a[6] = (...l) => e.handleClear && e.handleClear(...l)),
           class: "nut-searchbar__search-icon nut-searchbar__input-clear"
         }, [
-          _ctx.$slots["clear-icon"] ? renderSlot(_ctx.$slots, "clear-icon", { key: 0 }) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.clearIcon)), { key: 1 }))
+          e.$slots["clear-icon"] ? i(e.$slots, "clear-icon", { key: 0 }) : (s(), J(K(e.renderIcon(e.clearIcon)), { key: 1 }))
         ], 512)), [
-          [vShow, String(_ctx.modelValue).length > 0]
-        ]) : createCommentVNode("", true),
-        _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", _hoisted_4, [
-          renderSlot(_ctx.$slots, "rightin")
-        ])) : createCommentVNode("", true)
+          [P, String(e.modelValue).length > 0]
+        ]) : o("", !0),
+        e.$slots.rightin ? (s(), u("view", te, [
+          i(e.$slots, "rightin")
+        ])) : o("", !0)
       ], 2)
-    ], 4),
-    _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_5, [
-      renderSlot(_ctx.$slots, "rightout")
-    ])) : createCommentVNode("", true)
+    ], 6),
+    e.$slots.rightout ? (s(), u("view", le, [
+      i(e.$slots, "rightout")
+    ])) : o("", !0)
   ], 4);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const de = /* @__PURE__ */ X(_, [["render", ne]]);
 export {
-  index as default
+  de as default
 };

package/dist/packages/_es/ShortPassword.js

@@ -1,15 +1,14 @@
-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-991c279f.js";
-import { Tips } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+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 "../locale/lang";
 import "./Overlay.js";
-const { create, translate } = createComponent("short-password");
-const _sfc_main = create({
+const { create: O, translate: N } = _("short-password"), B = O({
   components: {
-    [Popup.name]: Popup,
-    Tips
+    [y.name]: y,
+    Tips: T
   },
   props: {
     title: {
@@ -26,7 +25,7 @@ const _sfc_main = create({
     },
     visible: {
       type: Boolean,
-      default: false
+      default: !1
     },
     modelValue: {
       type: String,
@@ -38,7 +37,7 @@ const _sfc_main = create({
     },
     closeOnClickOverlay: {
       type: Boolean,
-      default: true
+      default: !0
     },
     length: {
       type: [String, Number],
@@ -47,120 +46,97 @@ const _sfc_main = create({
     }
   },
   emits: ["update:modelValue", "update:visible", "complete", "tips", "close", "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");
+  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");
     };
-    watch(
-      () => props.visible,
-      (value) => {
-        show.value = value;
+    w(
+      () => e.visible,
+      (s) => {
+        c.value = s;
       }
-    );
-    watch(
-      () => props.modelValue,
-      (value) => {
-        realInput.value = value;
-        if (String(value).length === comLen.value) {
-          emit("complete", value);
-        }
+    ), w(
+      () => e.modelValue,
+      (s) => {
+        p.value = s, String(s).length === u.value && t("complete", s);
       }
     );
-    const close = () => {
-      emit("update:visible", false);
-      emit("close");
-    };
-    const range = (val) => {
-      return Math.min(Math.max(4, val), 6);
-    };
-    const onTips = () => {
-      emit("tips");
-    };
+    const d = () => {
+      t("update:visible", !1), t("close");
+    }, i = (s) => Math.min(Math.max(4, s), 6);
     return {
-      comLen,
-      realInput,
-      onTouchStart,
-      range,
-      close,
-      onTips,
-      show,
-      translate
+      comLen: u,
+      realInput: p,
+      onTouchStart: m,
+      range: i,
+      close: d,
+      onTips: () => {
+        t("tips");
+      },
+      show: c,
+      translate: N
     };
   }
-});
-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 = {
+}), I = { class: "nut-short-password-title" }, M = { class: "nut-short-password-subtitle" }, $ = { class: "nut-short-password-wrapper" }, L = {
   key: 0,
   class: "nut-short-password__item-icon"
-};
-const _hoisted_5 = { class: "nut-short-password__message" };
-const _hoisted_6 = { class: "nut-short-password--error" };
-const _hoisted_7 = {
+}, P = { class: "nut-short-password__message" }, A = { class: "nut-short-password--error" }, D = {
   key: 0,
   class: "nut-short-password--forget"
 };
-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, {
+function E(e, t, p, u, c, m) {
+  const d = f("tips"), i = f("nut-popup");
+  return r(), l("view", null, [
+    v(i, {
       style: {
         padding: "30px 24px 20px 24px",
         borderRadius: "12px",
         textAlign: "center",
         top: "45%"
       },
-      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
+      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
     }, {
-      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", {
+      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", {
             class: "nut-short-password__list",
-            onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args))
+            onTouchstart: t[0] || (t[0] = (...o) => e.onTouchStart && e.onTouchStart(...o))
           }, [
-            (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))
+            (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))
           ], 32)
         ]),
-        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, {
+        n("view", P, [
+          n("view", A, a(e.errorMsg), 1),
+          e.tips || e.translate("tips") ? (r(), l("view", D, [
+            v(d, {
               class: "icon",
               width: "11px",
               height: "11px"
             }),
-            createElementVNode("view", {
-              onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onTips && _ctx.onTips(...args))
-            }, toDisplayString(_ctx.tips || _ctx.translate("tips")), 1)
-          ])) : createCommentVNode("", true)
+            n("view", {
+              onClick: t[1] || (t[1] = (...o) => e.onTips && e.onTips(...o))
+            }, a(e.tips || e.translate("tips")), 1)
+          ])) : g("", !0)
         ])
       ]),
       _: 1
     }, 8, ["visible", "onClickCloseIcon", "close-on-click-overlay", "onClickOverlay"])
   ]);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const H = /* @__PURE__ */ V(B, [["render", E]]);
 export {
-  index as default
+  H as default
 };