jb-mobile-ui 1.4.13 → 1.4.15

package/dist/index.es.js

@@ -4926,7 +4926,7 @@ const _hoisted_1$6 = {
 const _hoisted_2$5 = { class: "jb-mobile-date-picker__value" };
 const _hoisted_3$4 = ["src"];
 const _hoisted_4$4 = { class: "jb-mobile-date-picker__date-text" };
-const _hoisted_5$2 = ["src"];
+const _hoisted_5$3 = ["src"];
 const _hoisted_6$2 = { class: "jb-mobile-time-picker__calendar__inner" };
 const _hoisted_7$2 = { class: "jb-mobile-time-picker__group-wrap" };
 const _hoisted_8$2 = {
@@ -5577,7 +5577,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   createElementVNode("img", {
                     src: forwardIcon.value,
                     alt: "forward"
-                  }, null, 8, _hoisted_5$2)
+                  }, null, 8, _hoisted_5$3)
                 ])) : createCommentVNode("", true)
               ])
             ])) : createCommentVNode("", true),
@@ -6004,13 +6004,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 const JbMobileSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-6caaea20"]]);
 const _imports_0$1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAOBJREFUWEftlDEOwjAMRfMz5AJInIMJcQYWFma2SkG9AEfgAhWRujGzsHAGxMQ5kLhABxsydKmgcQpSF2eLktjPz1ZgRl4YOb9RADWgBtSAGkgaKMty0jRNALDO+baZ+eSc81VVPfveSQGOAJaZABfn3OZngJjUez9l5jMzz40xNgFCb9gbgFUI4ZGCThpoAxRFMbPWHph50asUuBLRtq7reyp5PBcDCExkVd7CZQHER99MILPywQAfTJicnnfbkm2gMxP7uCeinbTnfwOQDJjkzmADkuCSOwqgBtSAGlADL9JbXiGSAZGLAAAAAElFTkSuQmCC";
 const _hoisted_1$2 = { class: "jb-mobile-select__value" };
-const _hoisted_2$2 = {
-  key: 0,
-  class: "jb-mobile-select__option-list"
-};
-const _hoisted_3$2 = ["onClick"];
-const _hoisted_4$2 = {
+const _hoisted_2$2 = { class: "jb-mobile-select__content flex-column" };
+const _hoisted_3$2 = {
   key: 1,
+  class: "jb-mobile-select__option-list flex-1"
+};
+const _hoisted_4$2 = ["onClick"];
+const _hoisted_5$2 = {
+  key: 2,
   class: "jb-mobile-select__empty-wrap"
 };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
@@ -6057,6 +6058,27 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     fieldNames: {
       type: Object,
       default: () => ({})
+    },
+    /**
+     * 是否显示搜索框
+     */
+    showSearch: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * 搜索框的提示文案
+     */
+    searchPlaceholder: {
+      type: String,
+      default: ""
+    },
+    /**
+     * 选中项的样式类型, 1 - 主题色填充背景和边框, 2 - 主题色填充文案和边框
+     */
+    selectedType: {
+      type: Number,
+      default: 1
     }
   },
   emits: [
@@ -6076,6 +6098,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const isShowOptionsPopup = ref(false);
     const selectedOptionItem = ref({});
+    const searchValue = ref("");
     const computedWidth = computed(() => `${props.width}px`);
     const modelValue = computed({
       get() {
@@ -6091,11 +6114,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         value: "value"
       }, props.fieldNames);
     });
+    const options = computed(() => searchValue.value ? props.options.filter((item) => item[fieldNames.value.label].indexOf(searchValue.value) > -1) : props.options);
     watch(() => modelValue.value, (newVal) => {
       if (!newVal) {
         selectedOptionItem.value = {};
       }
     });
+    const showOptionsPopup = () => {
+      isShowOptionsPopup.value = true;
+    };
     const handleSelectOptionItem = (item) => {
       selectedOptionItem.value = item;
       isShowOptionsPopup.value = false;
@@ -6103,6 +6130,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       emits("change", item);
     };
     __expose({
+      showOptionsPopup,
       handleSelectOptionItem
     });
     return (_ctx, _cache) => {
@@ -6119,7 +6147,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           onClick: _cache[1] || (_cache[1] = ($event) => isShowOptionsPopup.value = true)
         }, [
           createElementVNode("div", _hoisted_1$2, toDisplayString(selectedOptionItem.value[fieldNames.value.label] || __props.placeholder), 1),
-          _cache[3] || (_cache[3] = createElementVNode("img", {
+          _cache[4] || (_cache[4] = createElementVNode("img", {
             class: "jb-mobile-select__select-down-icon",
             src: _imports_0$1,
             alt: ""
@@ -6127,7 +6155,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         ], 4)),
         createVNode(JbMobilePopup, mergeProps({
           visible: isShowOptionsPopup.value,
-          "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => isShowOptionsPopup.value = $event)
+          "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => isShowOptionsPopup.value = $event)
         }, unref(attrs), {
           title: __props.popupTitle,
           "grey-bg": true,
@@ -6135,17 +6163,27 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           "confirm-button": false
         }), {
           default: withCtx(() => [
-            __props.options.length ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
-                return openBlock(), createElementBlock("div", {
-                  class: normalizeClass$1(["jb-mobile-select__option-item", { selected: item[fieldNames.value.value] === modelValue.value }]),
-                  key: item[fieldNames.value.value],
-                  onClick: ($event) => handleSelectOptionItem(item)
-                }, toDisplayString(item[fieldNames.value.label]), 11, _hoisted_3$2);
-              }), 128))
-            ])) : (openBlock(), createElementBlock("div", _hoisted_4$2, [
-              createVNode(JbMobileEmpty)
-            ]))
+            createElementVNode("div", _hoisted_2$2, [
+              __props.showSearch ? (openBlock(), createBlock(JbMobileSearchInput, {
+                key: 0,
+                modelValue: searchValue.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchValue.value = $event),
+                class: "jb-mobile-select__search-input",
+                "grey-bg": false,
+                placeholder: __props.searchPlaceholder
+              }, null, 8, ["modelValue", "placeholder"])) : createCommentVNode("", true),
+              options.value.length ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (item) => {
+                  return openBlock(), createElementBlock("div", {
+                    class: normalizeClass$1(["jb-mobile-select__option-item", [`type-${__props.selectedType}`, { selected: item[fieldNames.value.value] === modelValue.value }]]),
+                    key: item[fieldNames.value.value],
+                    onClick: ($event) => handleSelectOptionItem(item)
+                  }, toDisplayString(item[fieldNames.value.label]), 11, _hoisted_4$2);
+                }), 128))
+              ])) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
+                createVNode(JbMobileEmpty)
+              ]))
+            ])
           ]),
           _: 1
         }, 16, ["visible", "title"])
@@ -6153,7 +6191,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JbMobileSelect = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-a3efea23"]]);
+const JbMobileSelect = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-07168033"]]);
 const _imports_0 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='24px'%20height='24px'%20viewBox='0%200%2024%2024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e图标（24）/巡检%3c/title%3e%3cg%20id='页面-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='我的服务备份-14'%20transform='translate(-339,%20-371)'%20fill='%237B52FE'%20fill-rule='nonzero'%3e%3cg%20id='编组-28'%20transform='translate(0,%20134)'%3e%3cg%20id='编组-28备份'%20transform='translate(0,%2051)'%3e%3cg%20id='编组-32备份-4'%20transform='translate(0,%20176)'%3e%3cg%20id='编组-27'%20transform='translate(132,%200)'%3e%3cg%20id='编组'%20transform='translate(211.3571,%2016)'%3e%3cpath%20d='M0.127476811,5.43301045%20L5.51144105,11.8129903%20C5.70234462,12.0384575%206.03582177,12.0632342%206.25572336,11.8699765%20C6.27022237,11.8575882%206.28472138,11.8427223%206.29680387,11.8278563%20L16.146462,0.901366518%20C16.3325325,0.695720566%2016.3325325,0.37610216%2016.1440455,0.170456209%20C15.9555584,-0.0351897433%2015.6438297,-0.0574886986%2015.4287612,0.118425301%20L6.19289432,7.77687878%20C6.01407325,7.92553851%205.76275714,7.93792683%205.57185357,7.80908838%20L0.813763084,4.63520326%20C0.593861494,4.4890212%200.303881373,4.52866379%200.12989331,4.72935442%20C-0.0416782539,4.93004505%20-0.0440947695,5.22984216%200.127476811,5.43301045%20Z'%20id='路径'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
 const _hoisted_1$1 = { class: "jb-mobile-tree-select-popup__search" };
 const _hoisted_2$1 = { class: "jb-mobile-tree-select-popup__list" };

package/package.json

@@ -2,7 +2,7 @@
   "name": "jb-mobile-ui",
   "description": "JinBiWuYe Mobile UI Components base on Vant",
   "private": false,
-  "version": "1.4.13",
+  "version": "1.4.15",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
   "type": "module",