greenPro/unpackage/dist/dev/mp-weixin/pages/extUI/search-bar/search-bar.js

"use strict";
const common_vendor = require("../../../common/vendor.js");
const _sfc_main = {
  data() {
    return {
      searchValue: "123123"
    };
  },
  methods: {
    search(res) {
      common_vendor.index.showToast({
        title: "搜索：" + res.value,
        icon: "none"
      });
    },
    input(res) {
      console.log("----input:", res);
    },
    clear(res) {
      common_vendor.index.showToast({
        title: "clear事件，清除值为：" + res.value,
        icon: "none"
      });
    },
    blur(res) {
      common_vendor.index.showToast({
        title: "blur事件，输入值为：" + res.value,
        icon: "none"
      });
    },
    focus(e) {
      common_vendor.index.showToast({
        title: "focus事件，输出值为：" + e.value,
        icon: "none"
      });
    },
    cancel(res) {
      common_vendor.index.showToast({
        title: "点击取消，输入值为：" + res.value,
        icon: "none"
      });
    }
  },
  onBackPress() {
  }
};
if (!Array) {
  const _easycom_uni_card2 = common_vendor.resolveComponent("uni-card");
  const _easycom_uni_search_bar2 = common_vendor.resolveComponent("uni-search-bar");
  const _easycom_uni_section2 = common_vendor.resolveComponent("uni-section");
  const _easycom_uni_icons2 = common_vendor.resolveComponent("uni-icons");
  (_easycom_uni_card2 + _easycom_uni_search_bar2 + _easycom_uni_section2 + _easycom_uni_icons2)();
}
const _easycom_uni_card = () => "../../../uni_modules/uni-card/components/uni-card/uni-card.js";
const _easycom_uni_search_bar = () => "../../../uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar.js";
const _easycom_uni_section = () => "../../../uni_modules/uni-section/components/uni-section/uni-section.js";
const _easycom_uni_icons = () => "../../../uni_modules/uni-icons/components/uni-icons/uni-icons.js";
if (!Math) {
  (_easycom_uni_card + _easycom_uni_search_bar + _easycom_uni_section + _easycom_uni_icons)();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  return {
    a: common_vendor.p({
      ["is-shadow"]: false,
      ["is-full"]: true
    }),
    b: common_vendor.o($options.search),
    c: common_vendor.o($options.blur),
    d: common_vendor.o($options.focus),
    e: common_vendor.o($options.input),
    f: common_vendor.o($options.cancel),
    g: common_vendor.o($options.clear),
    h: common_vendor.o(($event) => $data.searchValue = $event),
    i: common_vendor.p({
      focus: true,
      modelValue: $data.searchValue
    }),
    j: common_vendor.t($data.searchValue),
    k: common_vendor.p({
      title: "基本用法",
      type: "line"
    }),
    l: common_vendor.o($options.search),
    m: common_vendor.p({
      placeholder: "自定义背景色",
      bgColor: "#EEEEEE"
    }),
    n: common_vendor.p({
      title: "自定义样式",
      subTitle: "使用 bgColor 属性自定义背景色",
      type: "line"
    }),
    o: common_vendor.o($options.search),
    p: common_vendor.p({
      readonly: true,
      placeholder: "自定义背景色"
    }),
    q: common_vendor.p({
      title: "只读样式",
      subTitle: "使用 readonly 使搜索框只读",
      type: "line"
    }),
    r: common_vendor.p({
      color: "#999999",
      size: "18",
      type: "home"
    }),
    s: common_vendor.o($options.search),
    t: common_vendor.o($options.cancel),
    v: common_vendor.p({
      placeholder: "自定义searchIcon",
      ["cancel-text"]: "cancel"
    }),
    w: common_vendor.p({
      title: "自定义icon",
      type: "line"
    }),
    x: common_vendor.o($options.search),
    y: common_vendor.o($options.cancel),
    z: common_vendor.p({
      radius: "5",
      placeholder: "一直显示",
      clearButton: "always",
      cancelButton: "always"
    }),
    A: common_vendor.o($options.search),
    B: common_vendor.p({
      radius: "5",
      placeholder: "自动显示隐藏",
      clearButton: "auto",
      cancelButton: "none"
    }),
    C: common_vendor.o($options.search),
    D: common_vendor.p({
      radius: "100",
      placeholder: "一直不显示",
      clearButton: "none",
      cancelButton: "none"
    }),
    E: common_vendor.p({
      title: "控制清除/取消按钮",
      subTitle: "使用 clearButton 属性设置清除按钮",
      type: "line"
    })
  };
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:/xianyu/app/greenPro/pages/extUI/search-bar/search-bar.vue"]]);
wx.createPage(MiniProgramPage);