@nutui/nutui 3.1.10-beta.3 → 3.1.12-beta.0

package/dist/packages/_es/SearchBar.js

@@ -18,15 +18,13 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { toRefs, reactive, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, withModifiers, withDirectives, createVNode, vShow } from "vue";
+import { reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeStyle, renderSlot, createCommentVNode, createElementVNode, withModifiers, withDirectives, createVNode, vShow } from "vue";
 import { c as createComponent } from "./component.js";
-import _sfc_main$1 from "./Icon.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import "./pxCheck.js";
 const { create } = createComponent("searchbar");
 const _sfc_main = create({
   props: {
@@ -50,32 +48,30 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     },
-    hasLeftIn: {
-      type: Boolean,
-      default: false
-    },
-    hasLeftOut: {
-      type: Boolean,
-      default: false
-    },
-    hasRightIn: {
-      type: Boolean,
-      default: false
+    background: {
+      type: String,
+      default: ""
     },
-    hasRightOut: {
-      type: Boolean,
-      default: false
+    inputBackground: {
+      type: String,
+      default: ""
     }
   },
-  components: {
-    [_sfc_main$1.name]: _sfc_main$1
-  },
   emits: ["change", "update:modelValue", "blur", "focus", "clear", "search"],
   setup(props, { emit }) {
-    toRefs(props);
     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;
@@ -115,47 +111,53 @@ const _sfc_main = create({
       valueFocus,
       valueBlur,
       handleClear,
-      handleSubmit
+      handleSubmit,
+      searchbarStyle,
+      inputSearchbarStyle
     });
   }
 });
-const _hoisted_1 = { class: "nut-searchbar" };
-const _hoisted_2 = {
+const _hoisted_1 = {
   key: 0,
-  class: "search-icon left-search-icon"
+  class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
 };
-const _hoisted_3 = { class: "search-input" };
-const _hoisted_4 = {
+const _hoisted_2 = {
   key: 0,
-  class: "search-icon iptleft-search-icon"
+  class: "nut-searchbar__search-icon nut-searchbar__iptleft-search-icon"
 };
-const _hoisted_5 = { class: "input-inner" };
-const _hoisted_6 = ["type", "maxlength", "placeholder", "value"];
-const _hoisted_7 = {
+const _hoisted_3 = { class: "nut-searchbar__input-inner" };
+const _hoisted_4 = ["type", "maxlength", "placeholder", "value"];
+const _hoisted_5 = {
   key: 1,
-  class: "search-icon iptright-sarch-icon"
+  class: "nut-searchbar__search-icon nut-searchbar__iptright-sarch-icon"
 };
-const _hoisted_8 = {
+const _hoisted_6 = {
   key: 1,
-  class: "search-icon right-search-icon"
+  class: "nut-searchbar__search-icon nut-searchbar__right-search-icon"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", _hoisted_1, [
-    _ctx.hasLeftOut ? (openBlock(), createElementBlock("view", _hoisted_2, [
+  return openBlock(), createElementBlock("view", {
+    class: "nut-searchbar",
+    style: normalizeStyle(_ctx.searchbarStyle)
+  }, [
+    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_1, [
       renderSlot(_ctx.$slots, "leftout")
     ])) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_3, [
-      _ctx.hasLeftIn ? (openBlock(), createElementBlock("view", _hoisted_4, [
+    createElementVNode("view", {
+      class: "nut-searchbar__search-input",
+      style: normalizeStyle(_ctx.inputSearchbarStyle)
+    }, [
+      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", _hoisted_2, [
         renderSlot(_ctx.$slots, "leftin")
       ])) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_5, [
+      createElementVNode("view", _hoisted_3, [
         createElementVNode("form", {
           action: "#",
           onSubmit: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
         }, [
           createElementVNode("input", {
-            class: "input-bar",
+            class: "nut-searchbar__input-bar",
             type: _ctx.inputType,
             maxlength: _ctx.maxLength,
             placeholder: _ctx.placeholder,
@@ -163,29 +165,30 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onInput: _cache[0] || (_cache[0] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
             onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
             onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args))
-          }, null, 40, _hoisted_6)
+          }, null, 40, _hoisted_4)
         ], 32),
         _ctx.clearable ? withDirectives((openBlock(), createElementBlock("view", {
           key: 0,
           onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
-          class: "input-clear"
+          class: "nut-searchbar__input-clear"
         }, [
           createVNode(_component_nut_icon, {
-            name: "mask-close",
-            size: "12px"
+            name: "circle-close",
+            size: "12",
+            color: "#555"
           })
         ], 512)), [
           [vShow, _ctx.modelValue.length > 0]
         ]) : createCommentVNode("", true)
       ]),
-      _ctx.hasRightIn ? (openBlock(), createElementBlock("view", _hoisted_7, [
+      _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", _hoisted_5, [
         renderSlot(_ctx.$slots, "rightin")
       ])) : createCommentVNode("", true)
-    ]),
-    _ctx.hasRightOut ? (openBlock(), createElementBlock("view", _hoisted_8, [
+    ], 4),
+    _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_6, [
       renderSlot(_ctx.$slots, "rightout")
     ])) : createCommentVNode("", true)
-  ]);
+  ], 4);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { index as default };

package/dist/packages/_es/ShortPassword.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Signature.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.10-beta.3 Fri Nov 05 2021 14:31:48 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:07 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */