@xysfe/actui2 0.0.1

package/lib/Dialog/index.mjs

@@ -0,0 +1,191 @@
+import _JSON$stringify from "@babel/runtime-corejs3/core-js/json/stringify";
+import { c as create } from "../utils/create/index.mjs";
+import { v as visibleMixin } from "../mixins/visible/index.mjs";
+import { n as noscrollMixin } from "../mixins/noscroll/index.mjs";
+import { o as objectAssign } from "../utils/assign/index.mjs";
+import { A as ActLayer } from "../common/layer/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';var defaultData = {
+  dialogType: 1,
+  titleBack: "#f9443c",
+  title: "领取成功，保单即将生效",
+  titleColor: "#fff",
+  descTxt: "测试文案测试文案测试文案测试文案",
+  descColor: "#484848",
+  descAlign: "center",
+  btnTxt: "立即升级",
+  btnColor: "",
+  btnBg: "",
+  btnBorder: "",
+  leftTxt: "我要离开"
+};
+var _sfc_main = {
+  name: "ActDialog",
+  mixins: [visibleMixin, noscrollMixin],
+  props: {
+    layerType: {
+      type: String,
+      default: "big"
+    },
+    customData: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      showClose: false,
+      pageData: {}
+    };
+  },
+  methods: {
+    hideLayer: function hideLayer() {
+      this.hide();
+    },
+    rightBtnEvt: function rightBtnEvt() {
+      this.$emit("btnclick");
+    },
+    leftBtnEvt: function leftBtnEvt() {
+      this.$emit("leftbtnclick");
+    },
+    refresh: function refresh(val) {
+      var defaultDataClone = JSON.parse(_JSON$stringify(defaultData));
+      var pageData = objectAssign(defaultDataClone, val);
+      if (pageData.dialogType === 1) {
+        this.showClose = true;
+      } else {
+        this.showClose = false;
+      }
+      if (pageData.dialogType === 3) {
+        !!pageData.btnColor || (pageData.btnColor = "#484848");
+        !!pageData.btnBg || (pageData.btnBg = "#fff");
+      } else {
+        if (!pageData.btnBg && pageData.titleBack) {
+          pageData.btnBg = pageData.titleBack;
+        }
+        !!pageData.btnColor || (pageData.btnColor = "#fff");
+      }
+      this.pageData = pageData;
+    }
+  },
+  watch: {
+    customData: {
+      deep: true,
+      immediate: true,
+      handler: function handler(val) {
+        this.refresh(val);
+      }
+    }
+  },
+  components: {
+    ActLayer
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("act-layer", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    attrs: {
+      "hbgColor": _vm.pageData.titleBack,
+      "type": _vm.layerType,
+      "showClose": _vm.showClose,
+      "headImg": _vm.pageData.headImg,
+      "headImgColor": _vm.pageData.headImgColor
+    },
+    on: {
+      "hidelayer": _vm.hideLayer
+    },
+    scopedSlots: _vm._u([{
+      key: "header",
+      fn: function fn() {
+        return [_c("div", {
+          staticClass: "act-dialog-title"
+        }, [_c("h5", {
+          style: {
+            color: _vm.pageData.titleColor
+          }
+        }, [_c("span", {
+          domProps: {
+            "innerHTML": _vm._s(_vm.pageData.title)
+          }
+        })])])];
+      },
+      proxy: true
+    }, {
+      key: "content",
+      fn: function fn() {
+        return [_c("div", {
+          staticClass: "act-dialog-content"
+        }, [_c("p", {
+          staticClass: "act-dialog-content-txt",
+          style: {
+            color: _vm.pageData.descColor,
+            textAlign: _vm.pageData.descAlign
+          }
+        }, [_c("span", {
+          domProps: {
+            "innerHTML": _vm._s(_vm.pageData.descTxt)
+          }
+        })]), _vm.pageData.dialogType === 1 ? _c("div", {
+          staticClass: "act-dialog-content-btn act-dialog-content-btn1"
+        }, [_c("div", {
+          style: {
+            color: _vm.pageData.btnColor,
+            background: _vm.pageData.btnBg,
+            border: _vm.pageData.btnBorder ? "1px solid " + _vm.pageData.btnBorder : ""
+          },
+          on: {
+            "click": _vm.rightBtnEvt
+          }
+        }, [_c("span", [_vm._v(" " + _vm._s(_vm.pageData.btnTxt) + " ")])])]) : _vm.pageData.dialogType === 2 ? _c("div", {
+          staticClass: "act-dialog-content-btn act-dialog-content-btn2"
+        }, [_c("div", {
+          style: {
+            color: _vm.pageData.descColor
+          },
+          on: {
+            "click": _vm.leftBtnEvt
+          }
+        }, [_c("span", [_vm._v(" " + _vm._s(_vm.pageData.leftTxt) + " ")])]), _c("div", {
+          style: {
+            color: _vm.pageData.btnColor,
+            background: _vm.pageData.btnBg,
+            borderColor: _vm.pageData.btnBg
+          },
+          on: {
+            "click": _vm.rightBtnEvt
+          }
+        }, [_c("span", [_vm._v(" " + _vm._s(_vm.pageData.btnTxt) + " ")])])]) : _vm.pageData.dialogType === 3 ? _c("div", {
+          staticClass: "act-dialog-content-btn act-dialog-content-btn3"
+        }, [_c("div", {
+          style: {
+            color: _vm.pageData.btnColor,
+            background: _vm.pageData.btnBg,
+            border: "none"
+          },
+          on: {
+            "click": _vm.rightBtnEvt
+          }
+        }, [_c("span", [_vm._v(" " + _vm._s(_vm.pageData.btnTxt) + " ")])])]) : _vm._e()])];
+      },
+      proxy: true
+    }])
+  });
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "6076caa3");
+var Dialog = __component__.exports;
+Dialog.install = function(Vue) {
+  Vue.component(Dialog.name, Dialog);
+  Vue.prototype["$createDialog"] = create(Dialog, Vue);
+};
+export {
+  Dialog as D
+};

package/lib/Dialog/style.css

@@ -0,0 +1 @@
+.act-dialog-title[data-v-6076caa3]{padding:2em 1.5em 0}.act-dialog-title h5[data-v-6076caa3]{margin:0;line-height:2em;color:#fff;text-align:center;font-weight:normal}.act-dialog-title h5 span[data-v-6076caa3]{font-size:1.8em}.act-dialog-content[data-v-6076caa3]{border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:hidden}.act-dialog-content-txt[data-v-6076caa3]{margin:0;padding:3em 2em 3em;line-height:2.2em;color:#484848}.act-dialog-content-txt span[data-v-6076caa3]{font-size:1.8em}.act-dialog-content-btn[data-v-6076caa3]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.act-dialog-content-btn1[data-v-6076caa3]{margin:0 auto;padding-bottom:2.2em}.act-dialog-content-btn1 div[data-v-6076caa3]{display:inline-block;line-height:2em;border-radius:4em;padding:1.2em 3.5em;margin:0 auto;color:#fff;background-color:#fff}.act-dialog-content-btn1 div span[data-v-6076caa3]{font-size:1.8em}.act-dialog-content-btn2[data-v-6076caa3]{height:4.7em;line-height:4.7em}.act-dialog-content-btn2 div[data-v-6076caa3]{-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#000;height:4.7em;text-align:center}.act-dialog-content-btn2 div span[data-v-6076caa3]{font-size:1.8em}.act-dialog-content-btn2 div[data-v-6076caa3]:nth-child(1){border-top:1px solid #c8c8c8;color:#c8c8c8}.act-dialog-content-btn2 div[data-v-6076caa3]:nth-child(2){color:#000000}.act-dialog-content-btn3[data-v-6076caa3]{border-top:1px solid #c8c8c8}.act-dialog-content-btn3 div[data-v-6076caa3]{width:100%;height:4.7em;line-height:4.7em;text-align:center}.act-dialog-content-btn3 div span[data-v-6076caa3]{font-size:1.8em}

package/lib/DiseaseListLayer/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _toConsumableArray=require("@babel/runtime-corejs3/helpers/toConsumableArray");var _indexOfInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/index-of");var _filterInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/filter");var _forEachInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/for-each");var _concatInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/concat");var utils_create=require("../utils/create/index.js");var common_goldlayer=require("../common/goldlayer/index.js");var Loading=require("../Loading/index.js");var BScroll=require("better-scroll");var utils_helpers=require("../utils/helpers/index.js");var __$_require_263bdd0a__=require("../assets/icon-search.3c97.png");var __$_require_e9a2481a__=require("../assets/icon-close.b233.png");var __$_require_450b57d0__=require("../assets/icon-nodata.16b6.png");var __$_require_5419c642__=require("../assets/icon-nodata-cps.192f.png");var common=require("../common/index.js");var _sfc_main={name:"ActDiseaseListLayer",components:{ActGoldLayer:common_goldlayer.ActGoldLayer,ActLoading:Loading.Loading},data:function data(){return{zIndex:999,isVisible:false,diseaseList:[],scroll:null,hasMore:false,loading:false,searchKeyword:"",hasSearched:false,docmHeight:document.documentElement.clientHeight,pickerContentHeight:0,searchHeight:"",isShowActLoading:false}},props:{paramsData:{type:Object,default:function _default(){return{}}},title:{type:String,default:"疾病清单"},isCps:{type:Boolean,default:false},brandColor:{type:String,default:"#8c7fee"},searchEmptyResultTips:{type:String,default:"找不到相关疾病"},searchEmptyResultDesc:{type:String,default:"您可以更换一下疾病名称搜索哦"},placeholder:{type:String,default:"请输入您要查询的疾病名称"}},created:function created(){var _this=this;var u=navigator.userAgent;if(_indexOfInstanceProperty(u).call(u,"Android")>-1||_indexOfInstanceProperty(u).call(u,"Adr")>-1){this.handleResize=function(){if(_this.pickerContentHeight===0){return}var showHeight=document.body.clientHeight;if(_this.docmHeight>showHeight){_this.$refs.pickerContent.style.height=_this.docmHeight-showHeight+"px";_this.searchHeight=_this.pickerContentHeight+showHeight-_this.docmHeight+"px"}else{_this.$refs.pickerContent.style.height=_this.pickerContentHeight+"px";_this.searchHeight="100%"}};window.addEventListener("resize",this.handleResize)}},beforeDestroy:function beforeDestroy(){if(this.handleResize){window.removeEventListener("resize",this.handleResize)}},methods:{maskClick:function maskClick(){this.isVisible=false},show:function show(){this.isVisible=true;if(!this.diseaseList.length){this.initData()}else{this.refreshScroll()}},loadMore:function loadMore(){if(!this.hasMore||this.loading)return;this.currentPage++;this.fetchData()},initData:function initData(){this.currentPage=1;this.diseaseList=[];this.fetchData(true)},fetchData:function fetchData(){var _this2=this;var init=arguments.length>0&&arguments[0]!==void 0?arguments[0]:false;var reset=arguments.length>1&&arguments[1]!==void 0?arguments[1]:false;if(this.loading)return;if(init){this.isShowActLoading=true}this.loading=true;var postData={filter:{},page:this.currentPage,showNum:20};for(var key in this.paramsData){var value=this.paramsData[key];if(value!==""&&value!=null&&value!==void 0){postData[key]=this.paramsData[key]}}if(this.searchKeyword){_filterInstanceProperty(postData).name=this.searchKeyword}this.$fetch("/buy/getDiseaseList",postData).then(function(res){var ret=res.ret,errmsg=res.errmsg,data2=res.data;if(+ret===0){if(reset){_this2.diseaseList=[];_this2.scrollTop()}var newList=data2.list||[];_this2.totalCount=Number(data2.count)||0;_this2.transformDiseaseList(newList);_this2.hasMore=_this2.diseaseList.length<_this2.totalCount;_this2.refreshScroll()}else{_this2.$toast.show(errmsg)}}).catch(function(err){}).finally(function(){_this2.loading=false;_this2.isShowActLoading=false;_this2.hasSearched=true})},transformDiseaseList:function transformDiseaseList(list){var _context;if(this.searchKeyword){var color=this.isCps?"#F05A4B":"#8C7FEE";var reg=new RegExp("(".concat(this.searchKeyword,")"),"g");_forEachInstanceProperty(list).call(list,function(item){item.name=item.name.replace(reg,'<span style="color: '.concat(color,';">$1</span>'))})}this.diseaseList=_concatInstanceProperty(_context=[]).call(_context,_toConsumableArray(this.diseaseList),_toConsumableArray(list))},clear:function clear(){this.searchKeyword="";this.resetSearch()},handleSearch:function handleSearch(){this.resetSearch()},resetSearch:function resetSearch(){this.currentPage=1;this.fetchData(false,true)},refreshScroll:function refreshScroll(){var _this3=this;this.$nextTick(function(){if(!_this3.scroll){_this3.scroll=new BScroll(_this3.$refs.tableWrapper,{click:true,damping:.6});_this3.scroll.on("scrollEnd",function(){if(_this3.scroll.y<=_this3.scroll.maxScrollY+50){if(_this3.hasMore&&!_this3.loading){_this3.loadMore()}}})}else{_this3.scroll.refresh()}})},scrollTop:function scrollTop(){this.scroll.scrollTo(0,0,300)}},watch:{isVisible:function isVisible(newVal){var _this4=this;if(!this.pickerContentHeight&&newVal){this.$nextTick(function(){_this4.pickerContentHeight=utils_helpers.outerHeight(_this4.$refs.pickerContent)})}}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"act-DiseaseListLayer"},[_c("act-gold-layer",{attrs:{"title":_vm.title,"mask":true,"center":false,"visible":_vm.isVisible,"zIndex":_vm.zIndex},on:{"close":_vm.maskClick}},[_c("div",{ref:"pickerContent",staticClass:"main-content"},[_c("div",{staticClass:"gradual-color"}),_c("div",{staticClass:"header-box"},[_c("form",{staticClass:"search-box",on:{"submit":function submit($event){$event.preventDefault();return _vm.handleSearch.apply(null,arguments)}}},[_c("img",{staticClass:"search-icon",attrs:{"src":__$_require_263bdd0a__,"alt":""}}),_c("input",{directives:[{name:"model",rawName:"v-model",value:_vm.searchKeyword,expression:"searchKeyword"}],attrs:{"type":"text","placeholder":_vm.placeholder},domProps:{"value":_vm.searchKeyword},on:{"keyup":function keyup($event){var _context2;if(!_indexOfInstanceProperty(_context2=$event.type).call(_context2,"key")&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter"))return null;return _vm.handleSearch.apply(null,arguments)},"input":function input($event){if($event.target.composing)return;_vm.searchKeyword=$event.target.value}}}),_vm.searchKeyword?_c("img",{staticClass:"close-icon",attrs:{"src":__$_require_e9a2481a__,"alt":""},on:{"click":_vm.clear}}):_vm._e(),_c("button",{staticStyle:{"display":"none"},attrs:{"type":"submit"}},[_vm._v("搜索")])])]),_c("div",{staticClass:"search-content"},[_c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.diseaseList&&_vm.diseaseList.length,expression:"diseaseList && diseaseList.length"}],ref:"content",staticClass:"content"},[_c("div",{staticClass:"table-scroll-bg",style:"height: ".concat(2*_vm.diseaseList.length,"rem")}),_c("div",{staticClass:"content-header"},[_c("div",{staticClass:"table-tr"},[_c("p",{staticClass:"order"},[_vm._v(" 序号 ")]),_c("p",{staticClass:"disease"},[_vm._v(" 疾病名称 ")])])]),_c("div",{ref:"tableWrapper",staticClass:"table-scroll-warppper"},[_c("div",[_c("div",{staticClass:"scroll-content"},[_c("table",{attrs:{"border":"0","cellspacing":"0","cellpadding":"0"}},[_c("tbody",_vm._l(_vm.diseaseList,function(item,index){return _c("tr",{key:index+item.name,staticClass:"table-tr"},[_c("td",{staticClass:"order"},[_c("div",{staticClass:"item-order"},[_vm._v(" "+_vm._s(index+1)+" ")])]),_c("td",{staticClass:"disease disease-desc"},[_c("div",{domProps:{"innerHTML":_vm._s(item.name)}})])])}),0)])]),_c("div",{staticStyle:{"width":"100%","height":"3rem"}})])])]),_c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.hasSearched&&_vm.diseaseList.length===0,expression:"hasSearched && diseaseList.length === 0"}],staticClass:"search-empty"},[!_vm.isCps?_c("img",{attrs:{"src":__$_require_450b57d0__}}):_c("img",{attrs:{"src":__$_require_5419c642__}}),_c("h4",{staticClass:"tip"},[_vm._v(_vm._s(_vm.searchEmptyResultTips))]),_c("p",{staticClass:"desc"},[_vm._v(_vm._s(_vm.searchEmptyResultDesc))])]),_vm.isShowActLoading?_c("div",{staticClass:"loading"},[_c("act-loading",{directives:[{name:"show",rawName:"v-show",value:true,expression:"true"}],attrs:{"type":"cir3","color":_vm.brandColor,"size":35}})],1):_vm._e()])])])],1)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"59c7313c");var DiseaseListLayer=__component__.exports;DiseaseListLayer.install=function(Vue){Vue.component(DiseaseListLayer.name,DiseaseListLayer);Vue.prototype["$createDiseaseListLayer"]=utils_create.create(DiseaseListLayer,Vue)};exports.DiseaseListLayer=DiseaseListLayer;

package/lib/DiseaseListLayer/index.mjs

@@ -0,0 +1,399 @@
+import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
+import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js/instance/index-of";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js/instance/for-each";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { c as create } from "../utils/create/index.mjs";
+import { A as ActGoldLayer } from "../common/goldlayer/index.mjs";
+import { L as Loading } from "../Loading/index.mjs";
+import BScroll from "better-scroll";
+import { o as outerHeight } from "../utils/helpers/index.mjs";
+import __$_require_263bdd0a__ from "../assets/icon-search.3c97.png";
+import __$_require_e9a2481a__ from "../assets/icon-close.b233.png";
+import __$_require_450b57d0__ from "../assets/icon-nodata.16b6.png";
+import __$_require_5419c642__ from "../assets/icon-nodata-cps.192f.png";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "ActDiseaseListLayer",
+  components: {
+    ActGoldLayer,
+    ActLoading: Loading
+  },
+  data: function data() {
+    return {
+      zIndex: 999,
+      isVisible: false,
+      diseaseList: [],
+      scroll: null,
+      hasMore: false,
+      loading: false,
+      searchKeyword: "",
+      hasSearched: false,
+      docmHeight: document.documentElement.clientHeight,
+      //默认屏幕高度
+      pickerContentHeight: 0,
+      searchHeight: "",
+      isShowActLoading: false
+    };
+  },
+  props: {
+    paramsData: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    title: {
+      type: String,
+      default: "疾病清单"
+    },
+    isCps: {
+      type: Boolean,
+      default: false
+    },
+    brandColor: {
+      type: String,
+      default: "#8c7fee"
+    },
+    searchEmptyResultTips: {
+      type: String,
+      default: "找不到相关疾病"
+    },
+    searchEmptyResultDesc: {
+      type: String,
+      default: "您可以更换一下疾病名称搜索哦"
+    },
+    placeholder: {
+      type: String,
+      default: "请输入您要查询的疾病名称"
+    }
+  },
+  created: function created() {
+    var _this = this;
+    var u = navigator.userAgent;
+    if (_indexOfInstanceProperty(u).call(u, "Android") > -1 || _indexOfInstanceProperty(u).call(u, "Adr") > -1) {
+      this.handleResize = function() {
+        if (_this.pickerContentHeight === 0) {
+          return;
+        }
+        var showHeight = document.body.clientHeight;
+        if (_this.docmHeight > showHeight) {
+          _this.$refs.pickerContent.style.height = _this.docmHeight - showHeight + "px";
+          _this.searchHeight = _this.pickerContentHeight + showHeight - _this.docmHeight + "px";
+        } else {
+          _this.$refs.pickerContent.style.height = _this.pickerContentHeight + "px";
+          _this.searchHeight = "100%";
+        }
+      };
+      window.addEventListener("resize", this.handleResize);
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (this.handleResize) {
+      window.removeEventListener("resize", this.handleResize);
+    }
+  },
+  methods: {
+    maskClick: function maskClick() {
+      this.isVisible = false;
+    },
+    show: function show() {
+      this.isVisible = true;
+      if (!this.diseaseList.length) {
+        this.initData();
+      } else {
+        this.refreshScroll();
+      }
+    },
+    loadMore: function loadMore() {
+      if (!this.hasMore || this.loading) return;
+      this.currentPage++;
+      this.fetchData();
+    },
+    initData: function initData() {
+      this.currentPage = 1;
+      this.diseaseList = [];
+      this.fetchData(true);
+    },
+    // 获取数据
+    fetchData: function fetchData() {
+      var _this2 = this;
+      var init = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+      var reset = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+      if (this.loading) return;
+      if (init) {
+        this.isShowActLoading = true;
+      }
+      this.loading = true;
+      var postData = {
+        filter: {},
+        page: this.currentPage,
+        showNum: 20
+      };
+      for (var key in this.paramsData) {
+        var value = this.paramsData[key];
+        if (value !== "" && value != null && value !== void 0) {
+          postData[key] = this.paramsData[key];
+        }
+      }
+      if (this.searchKeyword) {
+        _filterInstanceProperty(postData).name = this.searchKeyword;
+      }
+      this.$fetch("/buy/getDiseaseList", postData).then(function(res) {
+        var ret = res.ret, errmsg = res.errmsg, data2 = res.data;
+        if (+ret === 0) {
+          if (reset) {
+            _this2.diseaseList = [];
+            _this2.scrollTop();
+          }
+          var newList = data2.list || [];
+          _this2.totalCount = Number(data2.count) || 0;
+          _this2.transformDiseaseList(newList);
+          _this2.hasMore = _this2.diseaseList.length < _this2.totalCount;
+          _this2.refreshScroll();
+        } else {
+          _this2.$toast.show(errmsg);
+        }
+      }).catch(function(err) {
+      }).finally(function() {
+        _this2.loading = false;
+        _this2.isShowActLoading = false;
+        _this2.hasSearched = true;
+      });
+    },
+    transformDiseaseList: function transformDiseaseList(list) {
+      var _context;
+      if (this.searchKeyword) {
+        var color = this.isCps ? "#F05A4B" : "#8C7FEE";
+        var reg = new RegExp("(".concat(this.searchKeyword, ")"), "g");
+        _forEachInstanceProperty(list).call(list, function(item) {
+          item.name = item.name.replace(reg, '<span style="color: '.concat(color, ';">$1</span>'));
+        });
+      }
+      this.diseaseList = _concatInstanceProperty(_context = []).call(_context, _toConsumableArray(this.diseaseList), _toConsumableArray(list));
+    },
+    clear: function clear() {
+      this.searchKeyword = "";
+      this.resetSearch();
+    },
+    handleSearch: function handleSearch() {
+      this.resetSearch();
+    },
+    resetSearch: function resetSearch() {
+      this.currentPage = 1;
+      this.fetchData(false, true);
+    },
+    refreshScroll: function refreshScroll() {
+      var _this3 = this;
+      this.$nextTick(function() {
+        if (!_this3.scroll) {
+          _this3.scroll = new BScroll(_this3.$refs.tableWrapper, {
+            click: true,
+            damping: 0.6
+            // bounce: {
+            //   top: false
+            // }
+          });
+          _this3.scroll.on("scrollEnd", function() {
+            if (_this3.scroll.y <= _this3.scroll.maxScrollY + 50) {
+              if (_this3.hasMore && !_this3.loading) {
+                _this3.loadMore();
+              }
+            }
+          });
+        } else {
+          _this3.scroll.refresh();
+        }
+      });
+    },
+    scrollTop: function scrollTop() {
+      this.scroll.scrollTo(0, 0, 300);
+    }
+  },
+  watch: {
+    isVisible: function isVisible(newVal) {
+      var _this4 = this;
+      if (!this.pickerContentHeight && newVal) {
+        this.$nextTick(function() {
+          _this4.pickerContentHeight = outerHeight(_this4.$refs.pickerContent);
+        });
+      }
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "act-DiseaseListLayer"
+  }, [_c("act-gold-layer", {
+    attrs: {
+      "title": _vm.title,
+      "mask": true,
+      "center": false,
+      "visible": _vm.isVisible,
+      "zIndex": _vm.zIndex
+    },
+    on: {
+      "close": _vm.maskClick
+    }
+  }, [_c("div", {
+    ref: "pickerContent",
+    staticClass: "main-content"
+  }, [_c("div", {
+    staticClass: "gradual-color"
+  }), _c("div", {
+    staticClass: "header-box"
+  }, [_c("form", {
+    staticClass: "search-box",
+    on: {
+      "submit": function submit($event) {
+        $event.preventDefault();
+        return _vm.handleSearch.apply(null, arguments);
+      }
+    }
+  }, [_c("img", {
+    staticClass: "search-icon",
+    attrs: {
+      "src": __$_require_263bdd0a__,
+      "alt": ""
+    }
+  }), _c("input", {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.searchKeyword,
+      expression: "searchKeyword"
+    }],
+    attrs: {
+      "type": "text",
+      "placeholder": _vm.placeholder
+    },
+    domProps: {
+      "value": _vm.searchKeyword
+    },
+    on: {
+      "keyup": function keyup($event) {
+        var _context2;
+        if (!_indexOfInstanceProperty(_context2 = $event.type).call(_context2, "key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
+        return _vm.handleSearch.apply(null, arguments);
+      },
+      "input": function input($event) {
+        if ($event.target.composing) return;
+        _vm.searchKeyword = $event.target.value;
+      }
+    }
+  }), _vm.searchKeyword ? _c("img", {
+    staticClass: "close-icon",
+    attrs: {
+      "src": __$_require_e9a2481a__,
+      "alt": ""
+    },
+    on: {
+      "click": _vm.clear
+    }
+  }) : _vm._e(), _c("button", {
+    staticStyle: {
+      "display": "none"
+    },
+    attrs: {
+      "type": "submit"
+    }
+  }, [_vm._v("搜索")])])]), _c("div", {
+    staticClass: "search-content"
+  }, [_c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.diseaseList && _vm.diseaseList.length,
+      expression: "diseaseList && diseaseList.length"
+    }],
+    ref: "content",
+    staticClass: "content"
+  }, [_c("div", {
+    staticClass: "table-scroll-bg",
+    style: "height: ".concat(2 * _vm.diseaseList.length, "rem")
+  }), _c("div", {
+    staticClass: "content-header"
+  }, [_c("div", {
+    staticClass: "table-tr"
+  }, [_c("p", {
+    staticClass: "order"
+  }, [_vm._v(" 序号 ")]), _c("p", {
+    staticClass: "disease"
+  }, [_vm._v(" 疾病名称 ")])])]), _c("div", {
+    ref: "tableWrapper",
+    staticClass: "table-scroll-warppper"
+  }, [_c("div", [_c("div", {
+    staticClass: "scroll-content"
+  }, [_c("table", {
+    attrs: {
+      "border": "0",
+      "cellspacing": "0",
+      "cellpadding": "0"
+    }
+  }, [_c("tbody", _vm._l(_vm.diseaseList, function(item, index) {
+    return _c("tr", {
+      key: index + item.name,
+      staticClass: "table-tr"
+    }, [_c("td", {
+      staticClass: "order"
+    }, [_c("div", {
+      staticClass: "item-order"
+    }, [_vm._v(" " + _vm._s(index + 1) + " ")])]), _c("td", {
+      staticClass: "disease disease-desc"
+    }, [_c("div", {
+      domProps: {
+        "innerHTML": _vm._s(item.name)
+      }
+    })])]);
+  }), 0)])]), _c("div", {
+    staticStyle: {
+      "width": "100%",
+      "height": "3rem"
+    }
+  })])])]), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.hasSearched && _vm.diseaseList.length === 0,
+      expression: "hasSearched && diseaseList.length === 0"
+    }],
+    staticClass: "search-empty"
+  }, [!_vm.isCps ? _c("img", {
+    attrs: {
+      "src": __$_require_450b57d0__
+    }
+  }) : _c("img", {
+    attrs: {
+      "src": __$_require_5419c642__
+    }
+  }), _c("h4", {
+    staticClass: "tip"
+  }, [_vm._v(_vm._s(_vm.searchEmptyResultTips))]), _c("p", {
+    staticClass: "desc"
+  }, [_vm._v(_vm._s(_vm.searchEmptyResultDesc))])]), _vm.isShowActLoading ? _c("div", {
+    staticClass: "loading"
+  }, [_c("act-loading", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: true,
+      expression: "true"
+    }],
+    attrs: {
+      "type": "cir3",
+      "color": _vm.brandColor,
+      "size": 35
+    }
+  })], 1) : _vm._e()])])])], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "59c7313c");
+var DiseaseListLayer = __component__.exports;
+DiseaseListLayer.install = function(Vue) {
+  Vue.component(DiseaseListLayer.name, DiseaseListLayer);
+  Vue.prototype["$createDiseaseListLayer"] = create(DiseaseListLayer, Vue);
+};
+export {
+  DiseaseListLayer as D
+};

package/lib/DiseaseListLayer/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";.main-content[data-v-59c7313c]{position:relative;height:62.75vh;background:#F7F8FC;padding:0 1rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.main-content .gradual-color[data-v-59c7313c]{position:absolute;top:0rem;left:0rem;width:100%;height:2.2rem;background:-webkit-linear-gradient(bottom,#F7F8FC 0%,#FFFFFF 100%);background:linear-gradient(0deg,#F7F8FC 0%,#FFFFFF 100%)}.main-content .header-box[data-v-59c7313c]{position:relative;z-index:1;width:100%}.main-content .search-box[data-v-59c7313c]{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;height:3.6rem;background:#FFFFFF;border-radius:1.8rem;padding:0 1.6rem;margin-bottom:1rem;border:1px solid #F7F7FC}.main-content .search-box input[data-v-59c7313c]{width:100%;height:1.9rem;line-height:1.9rem;border-radius:1.8rem;font-size:1.4rem;padding:0 1.2rem;border:none;box-sizing:border-box}.main-content .search-box input[data-v-59c7313c]::-webkit-input-placeholder{color:#B3B3B3}.main-content .search-box input[data-v-59c7313c]::placeholder{color:#B3B3B3}.main-content .search-box .search-icon[data-v-59c7313c],.main-content .search-box .close-icon[data-v-59c7313c]{width:1.6rem;height:1.6rem}.main-content .search-content[data-v-59c7313c]{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden}.main-content .search-content .content[data-v-59c7313c]{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100%;font-size:1.4rem;border-radius:1.2rem;overflow:hidden}.main-content .table-scroll-bg[data-v-59c7313c]{position:absolute;top:0;left:0;z-index:0;width:100%;max-height:40%;border-radius:1.2rem 1.2rem 0 0;background:#fff}.main-content .content-header[data-v-59c7313c]{position:relative;z-index:1;font-size:1.3rem;color:#333333;height:3rem;background:#F1F1F7;border-top:1px solid #E2E5E7;border-right:1px solid #E2E5E7;border-left:1px solid #E2E5E7;border-radius:1.2rem 1.2rem 0rem 0rem}.main-content .content-header p[data-v-59c7313c]{height:3rem;text-align:center}.main-content .content-header p[data-v-59c7313c]:first-child{border-right:1px solid #E2E5E7}.main-content .table-scroll-warppper[data-v-59c7313c]{position:relative;z-index:1;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden}.main-content .table-scroll-warppper .scroll-content[data-v-59c7313c]{z-index:1;background:#fff;border-radius:0 0 1.2rem 1.2rem}.main-content .table-scroll-warppper .scroll-content table[data-v-59c7313c]{width:100%;border-collapse:separate;overflow:hidden;border-top:1px solid #E2E5E7;border-left:1px solid #E2E5E7;border-radius:0 0 1.2rem 1.2rem}.main-content .table-scroll-warppper .scroll-content table tbody td[data-v-59c7313c]{text-align:center;font-size:1.4rem;padding:0.8rem 0.9rem;border-bottom:1px solid #E2E5E7;border-right:1px solid #E2E5E7}.main-content .table-scroll-warppper .scroll-content table tbody tr:last-child td[data-v-59c7313c]:last-child{border-radius:0 0 1.2rem 0}.main-content .item-disease[data-v-59c7313c]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;font-size:1.3rem;color:#333333;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.main-content .item-disease p[data-v-59c7313c]{padding:0.3rem 0.3rem}.main-content .table-tr[data-v-59c7313c]{display:-webkit-box;display:-webkit-flex;display:flex}.main-content .table-tr .order[data-v-59c7313c]{box-sizing:border-box;width:4rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.main-content .disease[data-v-59c7313c]{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.main-content .disease-desc[data-v-59c7313c]{line-height:1.6rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.main-content .search-empty[data-v-59c7313c]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:31rem;text-align:center;background:#FFFFFF;border-radius:1.2rem}.main-content .search-empty img[data-v-59c7313c]{width:20.9rem;padding-top:2rem}.main-content .search-empty .tip[data-v-59c7313c]{font-size:1.6rem;font-weight:normal;line-height:2.3rem;margin:0;color:#333}.main-content .search-empty .desc[data-v-59c7313c]{font-size:1.2rem;font-weight:normal;line-height:1.8rem;letter-spacing:0px;color:#999;margin-top:0.5rem}.main-content .loading[data-v-59c7313c]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}

package/lib/DiseaseSelect/collapse/collapse/index.js

@@ -0,0 +1 @@
+"use strict";var _concatInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/concat");var _sliceInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/slice");var _indexOfInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/index-of");var _spliceInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/splice");var common=require("../../../common/index.js");var _sfc_main={name:"Collapse",componentName:"Collapse",props:{accordion:Boolean,value:{type:[Array,String,Number],default:function _default(){return[]}}},data:function data(){var _context;return{activeNames:_concatInstanceProperty(_context=[]).call(_context,this.value)}},provide:function provide(){return{collapse:this}},watch:{value:function value(_value){var _context2;this.activeNames=_concatInstanceProperty(_context2=[]).call(_context2,_value)}},methods:{setActiveNames:function setActiveNames(activeNames){var _context3;activeNames=_concatInstanceProperty(_context3=[]).call(_context3,activeNames);var value2=this.accordion?activeNames[0]:activeNames;this.activeNames=activeNames;this.$emit("input",value2);this.$emit("change",value2)},handleItemClick:function handleItemClick(item){if(this.accordion){this.setActiveNames((this.activeNames[0]||this.activeNames[0]===0)&&this.activeNames[0]===item.name?"":item.name)}else{var _context4;var activeNames=_sliceInstanceProperty(_context4=this.activeNames).call(_context4,0);var index=_indexOfInstanceProperty(activeNames).call(activeNames,item.name);if(index>-1){_spliceInstanceProperty(activeNames).call(activeNames,index,1)}else{activeNames.push(item.name)}this.setActiveNames(activeNames)}}},created:function created(){this.$on("item-click",this.handleItemClick)}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"collapse"},[_vm._t("default")],2)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,null);var collapse=__component__.exports;exports.collapse=collapse;