@xysfe/actui2 0.0.1

package/lib/GoldCareer/index.mjs

@@ -0,0 +1,154 @@
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import { c as create } from "../utils/create/index.mjs";
+import Vue from "vue";
+import { v as visibleMixin } from "../mixins/gold-visible/index.mjs";
+import { g as goldElementMixin } from "../mixins/gold-element/index.mjs";
+import { g as goldChangeMixin } from "../mixins/gold-change/index.mjs";
+import { A as ActGoldBaseElement } from "../common/baseelement/index.mjs";
+import { R as RowCascadePicker } from "../RowCascadePickerV2/index.mjs";
+import { l as isArray } from "../utils/helpers/index.mjs";
+import { s as svgIcon } from "../common/svgicon/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+Vue.use(RowCascadePicker);
+var _sfc_main = {
+  name: "ActGoldCareer",
+  mixins: [visibleMixin, goldElementMixin, goldChangeMixin],
+  data: function data() {
+    return {
+      selectedText: ""
+    };
+  },
+  computed: {
+    descText: function descText() {
+      if (this.desc) {
+        return this.desc;
+      }
+      return this.selectedText;
+    }
+  },
+  methods: {
+    click: function click() {
+      var data2 = [];
+      var selectedIndex = [];
+      var selectedText = [];
+      this.generateData(this.options, data2, this.value, selectedIndex, selectedText, 0, 1);
+      if (this.picker) {
+        this.picker.setData(data2, selectedIndex);
+      } else {
+        this.picker = this.$createRowCascadePickerV2({
+          data: data2,
+          selectedIndex,
+          zIndex: this.zIndex,
+          title: "职业选择",
+          itemTitles: ["职业大类", "职业中类", "职业小类", "职业小小类", "职业小小小类", "职业小小小小类"],
+          allowSearch: true,
+          selectedColor: this.brandColor,
+          onSelect: this.select,
+          aloneAutoSelect: false
+        });
+      }
+      this.picker.show();
+    },
+    generateData: function generateData(items, data2, selectedVal, selectedIndex, selectedText, column) {
+      var hit = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : 1;
+      var tmp;
+      var orgignHit = hit;
+      for (var i = 0, n = items.length; i < n; i++) {
+        if (hit && selectedVal && selectedVal[column] && items[i].code === selectedVal[column]) {
+          selectedIndex[column] = i;
+          selectedText[column] = items[i].name;
+        } else {
+          hit = 0;
+        }
+        tmp = {
+          value: items[i].code,
+          text: items[i].name
+        };
+        if (items[i].type) {
+          tmp.frequency = Number(items[i].type);
+        }
+        if (items[i].order) {
+          tmp.order = Number(items[i].order);
+        }
+        if (items[i].subList) {
+          tmp.children = [];
+          this.generateData(items[i].subList, tmp.children, selectedVal, selectedIndex, selectedText, column + 1, hit);
+        } else {
+          tmp.canBuy = items[i].canBuy;
+          tmp.class = items[i].class;
+        }
+        data2.push.call(data2, tmp);
+        hit = orgignHit;
+      }
+    },
+    select: function select(selectedVal, selectedIndex, selectedText) {
+      if (!isArray(selectedVal)) {
+        selectedVal = [selectedVal];
+      }
+      if (this.value && selectedVal.join("-") === this.value.join("-")) return;
+      this.selectedText = selectedText.join("-");
+      this.change(void 0, _sliceInstanceProperty(selectedVal).call(selectedVal));
+    }
+  },
+  components: {
+    ActGoldBaseElement,
+    svgIcon
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("act-gold-base-element", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    attrs: {
+      "common": _vm.common,
+      "hasArrow": true
+    },
+    on: {
+      "showTips": _vm.showTips
+    }
+  }, [_c("p", {
+    staticClass: "element-select element-wrap",
+    class: {
+      "element-placeholder": !_vm.descText
+    },
+    style: {
+      "font-size": _vm.size,
+      "color": _vm.color,
+      "overflow": "visible",
+      "white-space": "normal"
+    },
+    attrs: {
+      "data-key": [_vm.isWebTester ? _vm.elemKey : ""]
+    },
+    on: {
+      "mucChange": function mucChange($event) {
+        return _vm.mucChange($event);
+      },
+      "click": function click2($event) {
+        $event.stopPropagation();
+        return _vm.click.apply(null, arguments);
+      }
+    }
+  }, [_vm._v(" " + _vm._s(_vm.descText || _vm.placeholder || "请选择") + " ")]), _c("i", {
+    staticClass: "icon-arrow"
+  }, [_c("svg-icon", {
+    attrs: {
+      "iconClass": "gold-arrow-right"
+    }
+  })], 1)]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null);
+var GoldCareer = __component__.exports;
+GoldCareer.install = function(Vue2) {
+  Vue2.component(GoldCareer.name, GoldCareer);
+  Vue2.prototype["$createGoldCareer"] = create(GoldCareer, Vue2);
+};
+export {
+  GoldCareer as G
+};

package/lib/GoldCareerLayer/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _toConsumableArray=require("@babel/runtime-corejs3/helpers/toConsumableArray");var _sliceInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/slice");var _indexOfInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/index-of");var _Object$keys=require("@babel/runtime-corejs3/core-js/object/keys");var _forEachInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/for-each");var _concatInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/concat");var _mapInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/map");var utils_create=require("../utils/create/index.js");var common_goldlayer=require("../common/goldlayer/index.js");var GoldCareerLayer_rowPicker=require("./rowPicker/index.js");var GoldCareerLayer_searchList=require("./searchList/index.js");var mixins_popup=require("../mixins/popup/index.js");var mixins_basicPicker=require("../mixins/basic-picker/index.js");var mixins_picker=require("../mixins/picker/index.js");var mixins_visible=require("../mixins/visible/index.js");var common_scroll=require("../common/scroll/index.js");var utils_helpers=require("../utils/helpers/index.js");var __$_require_46cd3488__=require("../assets/tip.cd5b.png");var __$_require_263bdd0a__=require("../assets/icon-search.3c97.png");var __$_require_4441fdae__=require("../assets/icon-close2.9490.png");var common=require("../common/index.js");var EVENT_SELECT="select";var EVENT_CANCEL="cancel";var tabBoxMap={applicant:"投保人职业",insured:"被保险人职业"};var numMap={1:"一",2:"二",3:"三",4:"四",5:"五",6:"六",7:"七",8:"八",9:"九"};var STATUS={CAN_BUY:"CAN_BUY",CANNOT_BUY:"CANNOT_BUY",HIDE:"HIDE"};var _sfc_main={name:"ActGoldCareerLayer",mixins:[mixins_popup.popupMixin,mixins_visible.visibleMixin,mixins_basicPicker.basicPickerMixin,mixins_picker.pickerMixin],data:function data(){var _context;return{cascadeData:this.careerData[this.activeKey]||[],pickerSelectedIndex:_sliceInstanceProperty(_context=this.selectedIndex).call(_context)||[],selectedFrequency:false,pendingSearchList:[],searchVal:"",searchMatchedList:null,onSearching:false,docmHeight:document.documentElement.clientHeight,pickerContentHeight:0,searchHeight:"",scroller:null,contentHeight:0,itemTitles:["职业大类","职业中类","职业小类","职业小小类","职业小小小类","职业小小小小类"],tabBox:[],activeKey:"",realTitle:""}},props:{allowSearch:{type:Boolean,default:true},searchPlaceholder:{type:String,default:"请输入搜索"},searchEmptyResultTips:{type:String,default:"找不到相关职业"},searchEmptyResultDesc:{type:String,default:"您可以更换一下职业名称搜索哦"},selectedColor:{type:String,default:"#8c7fee"},autoClose:{type:Boolean,default:true},aloneAutoSelect:{type:Boolean,default:true},showHeight:{type:Number,default:100},careerData:{type:Object,default:function _default(){return{}}},brandColor:{type:String,default:"#A69DFF"},btnColor:{type:String,default:"#ff5a6e"},title:{type:String,default:"职业列表"}},components:{ActGoldLayer:common_goldlayer.ActGoldLayer,RowPicker:GoldCareerLayer_rowPicker.RowPicker,scroll:common_scroll.Scroll,SearchList:GoldCareerLayer_searchList.SearchList},created:function created(){var _this=this;this.initOption();var u=navigator.userAgent;if(_indexOfInstanceProperty(u).call(u,"Android")>-1||_indexOfInstanceProperty(u).call(u,"Adr")>-1){window.addEventListener("resize",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%"}})}this.$nextTick(function(){_this.setData(_this.careerData,_this.selectedIndex)})},watch:{isVisible:function isVisible(newVal){var _this2=this;if(!this.pickerContentHeight&&newVal){this.$nextTick(function(){_this2.pickerContentHeight=utils_helpers.outerHeight(_this2.$refs.pickerContent);_this2.refreshScroll()})}}},methods:{initOption:function initOption(){var _this3=this;if(utils_helpers.isObject(this.careerData)&&_Object$keys(this.careerData).length){var mapKey=_Object$keys(this.careerData)||[];if(mapKey.length>1){this.activeKey="insured"}else if(mapKey.length===1){this.activeKey=mapKey[0];this.realTitle=tabBoxMap[mapKey[0]]+"列表"}mapKey.length&&_forEachInstanceProperty(mapKey).call(mapKey,function(key){if(tabBoxMap[key]){_this3.tabBox.push({key,text:tabBoxMap[key]})}})}if(this.careerData[this.activeKey]&&this.careerData[this.activeKey].length){this.cascadeData=this.careerData[this.activeKey]}this.scrollInit=true},setData:function setData(data2){var selectedIndex=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[];this.cascadeData=data2[this.activeKey];this.pickerSelectedIndex=_sliceInstanceProperty(selectedIndex).call(selectedIndex);this.pendingSearchList=[];this.searchMatchedList=null;this.resetSearch();this._filterSearchList(this.cascadeData,this.pendingSearchList,[],[],[],0);this.$refs.rowPicker.setData(this.cascadeData,this.pickerSelectedIndex)},_filterSearchList:function _filterSearchList(items,pendingSearchList,currentIndex,currentValue,currentText,depth){var tmp;var copyCurrentIndex=_toConsumableArray(currentIndex);var copyCurrentValue=_toConsumableArray(currentValue);var copyCurrentText=_toConsumableArray(currentText);for(var i=0,n=items.length;i<n;i++){var _context2,_context3,_context4;tmp={};currentIndex=_concatInstanceProperty(_context2=[]).call(_context2,_toConsumableArray(copyCurrentIndex),[i]);currentValue=_concatInstanceProperty(_context3=[]).call(_context3,_toConsumableArray(copyCurrentValue),[items[i].code]);currentText=_concatInstanceProperty(_context4=[]).call(_context4,_toConsumableArray(copyCurrentText),[items[i].name]);if(items[i].subList){this._filterSearchList(items[i].subList,pendingSearchList,currentIndex,currentValue,currentText,depth+1)}else{tmp._index=currentIndex;tmp._text=currentText;tmp.value=currentValue;items[i].category=this._getCategoryByCode({class:items[i].class,code:items[i].code});items[i].displayStatus=this._getDisplayStatus({canBuy:items[i].canBuy,code:items[i].code});tmp.category=items[i].category;tmp.displayStatus=items[i].displayStatus;tmp.text=currentText.join("/");pendingSearchList.push(tmp)}}},_toSearchResult:function _toSearchResult(){var _this4=this;var val=this.searchVal;var searchList=this.pendingSearchList;var matchedList=[];if(val){var transformVal=this.escapeRegExpString(val);_mapInstanceProperty(searchList).call(searchList,function(item){var text=item.text;var result=new RegExp(transformVal,"i").test(text);if(text&&result){text=text.replace(new RegExp(transformVal,"ig"),'<span style="color:'.concat(_this4.selectedColor||"#8c7fee",'">$&</span>'));matchedList.push({text,value:item.value,category:item.category,displayStatus:item.displayStatus,_index:item._index,_text:item._text})}});this.searchMatchedList=matchedList}},onClear:function onClear(){this.resetSearch()},select:function select(item){if(!this.autoClose){return}this.$emit(EVENT_SELECT,item)},resetSearch:function resetSearch(){this.searchVal="";this.searchMatchedList=null},scrollSuc:function scrollSuc(scroll){this.scroller=scroll},refreshScroll:function refreshScroll(){var _this5=this;if(this.scroller){this.$nextTick(function(){_this5.scroller.refresh()})}},search:function search(){var _this6=this;if(!this.searchVal){this.searchMatchedList=[]}utils_helpers.throttle(function(){_this6._toSearchResult()},500)()},escapeRegExpString:function escapeRegExpString(value){return value.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&")},maskClick:function maskClick(){this.maskClosable&&this.close()},back:function back(){this.searchVal=""},close:function close(){this.hide();this.$emit(EVENT_CANCEL)},handleTabChange:function handleTabChange(key){if(this.activeKey===key){return}this.activeKey=key;this.setData(this.careerData,this.selectedIndex)},_getCategoryByCode:function _getCategoryByCode(item){var cls=item.class,code=item.code;if(~~cls)return numMap[cls]?"".concat(numMap[cls],"类"):"";if(!code||_indexOfInstanceProperty(code).call(code,"-")===-1)return"";var arr=code.split("-");var str=arr[arr.length-2];if(/^\d+$/.test(str)){return numMap[str]?"".concat(numMap[str],"类"):""}return str},_getDisplayStatus:function _getDisplayStatus(item){if(item.hasOwnProperty("canBuy")&&item.canBuy!==void 0&&item.canBuy!==""){var statusNum=~~item.canBuy;if(statusNum===1){return STATUS.CAN_BUY}else if(statusNum===0){return STATUS.CANNOT_BUY}}var code=item.code;if(code&&_indexOfInstanceProperty(code).call(code,"-")>-1){var arr=code.split("-");var statusCode=~~arr[arr.length-1];if(statusCode===1){return STATUS.CAN_BUY}else if(statusCode===0){return STATUS.CANNOT_BUY}}return STATUS.HIDE}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"layer-wrap"},[_c("act-gold-layer",{attrs:{"visible":_vm.isVisible,"title":_vm.realTitle||_vm.title,"center":false,"mask":true,"zIndex":_vm.zIndex},on:{"close":_vm.maskClick}},[_c("div",{staticClass:"tip"},[_c("img",{attrs:{"src":__$_require_46cd3488__,"alt":""}}),_c("span",[_vm._v("职业可能存在特殊投保规则，以投保结果为准")])]),_vm.tabBox.length>1?_c("div",{staticClass:"tab-line"},_vm._l(_vm.tabBox,function(item,index){return _c("div",{key:item.key+index,staticClass:"tabBox",class:{"selected":_vm.activeKey===item.key},on:{"click":function click($event){return _vm.handleTabChange(item.key)}}},[_c("span",{staticClass:"text"},[_vm._v(" "+_vm._s(item.text)+" ")]),_vm.activeKey===item.key&&_vm.tabBox.length>1?_c("div",{staticClass:"bottom",style:{background:_vm.brandColor}}):_vm._e()])}),0):_vm._e(),_c("div",{ref:"pickerContent",staticClass:"act-picker-content"},[_c("div",{staticClass:"act-picker-line"}),_c("div",{staticClass:"act-picker-main"},[_c("scroll",{attrs:{"listenScrollInit":true},on:{"scrollSuc":_vm.scrollSuc}},[_c("div",{ref:"scrollContent",staticClass:"scroll-content-warp"},[_vm.allowSearch?_c("div",{staticClass:"act-picker-search"},[_c("img",{staticClass:"search-icon",attrs:{"src":__$_require_263bdd0a__,"alt":""}}),_c("div",{staticClass:"search-content"},[_c("input",{directives:[{name:"model",rawName:"v-model",value:_vm.searchVal,expression:"searchVal"}],ref:"searchRef",staticClass:"search-text-content",attrs:{"type":"text","placeholder":_vm.searchPlaceholder},domProps:{"value":_vm.searchVal},on:{"input":[function($event){if($event.target.composing)return;_vm.searchVal=$event.target.value},_vm.search]}}),_c("img",{directives:[{name:"show",rawName:"v-show",value:_vm.searchVal,expression:"searchVal"}],staticClass:"close-icon",attrs:{"src":__$_require_4441fdae__,"alt":""},on:{"click":_vm.onClear}})])]):_vm._e(),_c("row-picker",{directives:[{name:"show",rawName:"v-show",value:!_vm.searchVal,expression:"!searchVal"}],ref:"rowPicker",attrs:{"allowSearch":_vm.allowSearch,"itemTitles":_vm.itemTitles,"selectedColor":_vm.selectedColor,"aloneAutoSelect":_vm.aloneAutoSelect},on:{"select":_vm.select,"refreshScroll":_vm.refreshScroll},scopedSlots:_vm._u([_vm.$scopedSlots.pickerItem?{key:"item",fn:function fn(data2){return[_vm._t("pickerItem",null,{"index":data2.index,"data":data2.data,"isSelected":data2.isSelected})]}}:null],null,true)}),_c("search-list",{directives:[{name:"show",rawName:"v-show",value:_vm.searchVal,expression:"searchVal"}],attrs:{"searchVal":_vm.searchVal,"matchedList":_vm.searchMatchedList,"selectedColor":_vm.selectedColor,"searchEmptyResultTips":_vm.searchEmptyResultTips},on:{"select":_vm.select}})],1)])],1),_c("div",{staticClass:"iphonex_padding"})])])],1)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"4fa3e1e4");var GoldCareerLayer=__component__.exports;GoldCareerLayer.install=function(Vue){Vue.component(GoldCareerLayer.name,GoldCareerLayer);Vue.prototype["$createGoldCareerLayer"]=utils_create.create(GoldCareerLayer,Vue)};exports.GoldCareerLayer=GoldCareerLayer;

package/lib/GoldCareerLayer/index.mjs

@@ -0,0 +1,508 @@
+import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js/instance/index-of";
+import _Object$keys from "@babel/runtime-corejs3/core-js/object/keys";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js/instance/for-each";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import { c as create } from "../utils/create/index.mjs";
+import { A as ActGoldLayer } from "../common/goldlayer/index.mjs";
+import { R as RowPicker } from "./rowPicker/index.mjs";
+import { S as SearchList } from "./searchList/index.mjs";
+import { p as popupMixin } from "../mixins/popup/index.mjs";
+import { b as basicPickerMixin } from "../mixins/basic-picker/index.mjs";
+import { p as pickerMixin } from "../mixins/picker/index.mjs";
+import { v as visibleMixin } from "../mixins/visible/index.mjs";
+import { S as Scroll } from "../common/scroll/index.mjs";
+import { t as throttle, c as isObject, o as outerHeight } from "../utils/helpers/index.mjs";
+import __$_require_46cd3488__ from "../assets/tip.cd5b.png";
+import __$_require_263bdd0a__ from "../assets/icon-search.3c97.png";
+import __$_require_4441fdae__ from "../assets/icon-close2.9490.png";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';var EVENT_SELECT = "select";
+var EVENT_CANCEL = "cancel";
+var tabBoxMap = {
+  applicant: "投保人职业",
+  insured: "被保险人职业"
+};
+var numMap = {
+  1: "一",
+  2: "二",
+  3: "三",
+  4: "四",
+  5: "五",
+  6: "六",
+  7: "七",
+  8: "八",
+  9: "九"
+};
+var STATUS = {
+  CAN_BUY: "CAN_BUY",
+  CANNOT_BUY: "CANNOT_BUY",
+  HIDE: "HIDE"
+};
+var _sfc_main = {
+  name: "ActGoldCareerLayer",
+  mixins: [popupMixin, visibleMixin, basicPickerMixin, pickerMixin],
+  data: function data() {
+    var _context;
+    return {
+      cascadeData: this.careerData[this.activeKey] || [],
+      pickerSelectedIndex: _sliceInstanceProperty(_context = this.selectedIndex).call(_context) || [],
+      selectedFrequency: false,
+      pendingSearchList: [],
+      //待搜索列表
+      searchVal: "",
+      searchMatchedList: null,
+      onSearching: false,
+      docmHeight: document.documentElement.clientHeight,
+      //默认屏幕高度
+      pickerContentHeight: 0,
+      searchHeight: "",
+      scroller: null,
+      contentHeight: 0,
+      itemTitles: ["职业大类", "职业中类", "职业小类", "职业小小类", "职业小小小类", "职业小小小小类"],
+      tabBox: [],
+      activeKey: "",
+      // 默认选中项
+      realTitle: ""
+    };
+  },
+  props: {
+    allowSearch: {
+      type: Boolean,
+      default: true
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "请输入搜索"
+    },
+    searchEmptyResultTips: {
+      type: String,
+      default: "找不到相关职业"
+    },
+    searchEmptyResultDesc: {
+      type: String,
+      default: "您可以更换一下职业名称搜索哦"
+    },
+    selectedColor: {
+      type: String,
+      default: "#8c7fee"
+    },
+    autoClose: {
+      type: Boolean,
+      default: true
+    },
+    aloneAutoSelect: {
+      // 职业类下只有一个时是否自动选中
+      type: Boolean,
+      default: true
+    },
+    showHeight: {
+      type: Number,
+      default: 100
+    },
+    careerData: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    brandColor: {
+      type: String,
+      default: "#A69DFF"
+    },
+    btnColor: {
+      type: String,
+      default: "#ff5a6e"
+    },
+    title: {
+      type: String,
+      default: "职业列表"
+    }
+  },
+  components: {
+    ActGoldLayer,
+    RowPicker,
+    scroll: Scroll,
+    SearchList
+  },
+  created: function created() {
+    var _this = this;
+    this.initOption();
+    var u = navigator.userAgent;
+    if (_indexOfInstanceProperty(u).call(u, "Android") > -1 || _indexOfInstanceProperty(u).call(u, "Adr") > -1) {
+      window.addEventListener("resize", 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%";
+        }
+      });
+    }
+    this.$nextTick(function() {
+      _this.setData(_this.careerData, _this.selectedIndex);
+    });
+  },
+  watch: {
+    isVisible: function isVisible(newVal) {
+      var _this2 = this;
+      if (!this.pickerContentHeight && newVal) {
+        this.$nextTick(function() {
+          _this2.pickerContentHeight = outerHeight(_this2.$refs.pickerContent);
+          _this2.refreshScroll();
+        });
+      }
+    }
+  },
+  methods: {
+    initOption: function initOption() {
+      var _this3 = this;
+      if (isObject(this.careerData) && _Object$keys(this.careerData).length) {
+        var mapKey = _Object$keys(this.careerData) || [];
+        if (mapKey.length > 1) {
+          this.activeKey = "insured";
+        } else if (mapKey.length === 1) {
+          this.activeKey = mapKey[0];
+          this.realTitle = tabBoxMap[mapKey[0]] + "列表";
+        }
+        mapKey.length && _forEachInstanceProperty(mapKey).call(mapKey, function(key) {
+          if (tabBoxMap[key]) {
+            _this3.tabBox.push({
+              key,
+              text: tabBoxMap[key]
+            });
+          }
+        });
+      }
+      if (this.careerData[this.activeKey] && this.careerData[this.activeKey].length) {
+        this.cascadeData = this.careerData[this.activeKey];
+      }
+      this.scrollInit = true;
+    },
+    setData: function setData(data2) {
+      var selectedIndex = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+      this.cascadeData = data2[this.activeKey];
+      this.pickerSelectedIndex = _sliceInstanceProperty(selectedIndex).call(selectedIndex);
+      this.pendingSearchList = [];
+      this.searchMatchedList = null;
+      this.resetSearch();
+      this._filterSearchList(this.cascadeData, this.pendingSearchList, [], [], [], 0);
+      this.$refs.rowPicker.setData(this.cascadeData, this.pickerSelectedIndex);
+    },
+    _filterSearchList: function _filterSearchList(items, pendingSearchList, currentIndex, currentValue, currentText, depth) {
+      var tmp;
+      var copyCurrentIndex = _toConsumableArray(currentIndex);
+      var copyCurrentValue = _toConsumableArray(currentValue);
+      var copyCurrentText = _toConsumableArray(currentText);
+      for (var i = 0, n = items.length; i < n; i++) {
+        var _context2, _context3, _context4;
+        tmp = {};
+        currentIndex = _concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(copyCurrentIndex), [i]);
+        currentValue = _concatInstanceProperty(_context3 = []).call(_context3, _toConsumableArray(copyCurrentValue), [items[i].code]);
+        currentText = _concatInstanceProperty(_context4 = []).call(_context4, _toConsumableArray(copyCurrentText), [items[i].name]);
+        if (items[i].subList) {
+          this._filterSearchList(items[i].subList, pendingSearchList, currentIndex, currentValue, currentText, depth + 1);
+        } else {
+          tmp._index = currentIndex;
+          tmp._text = currentText;
+          tmp.value = currentValue;
+          items[i].category = this._getCategoryByCode({
+            class: items[i].class,
+            code: items[i].code
+          });
+          items[i].displayStatus = this._getDisplayStatus({
+            canBuy: items[i].canBuy,
+            code: items[i].code
+          });
+          tmp.category = items[i].category;
+          tmp.displayStatus = items[i].displayStatus;
+          tmp.text = currentText.join("/");
+          pendingSearchList.push(tmp);
+        }
+      }
+    },
+    _toSearchResult: function _toSearchResult() {
+      var _this4 = this;
+      var val = this.searchVal;
+      var searchList = this.pendingSearchList;
+      var matchedList = [];
+      if (val) {
+        var transformVal = this.escapeRegExpString(val);
+        _mapInstanceProperty(searchList).call(searchList, function(item) {
+          var text = item.text;
+          var result = new RegExp(transformVal, "i").test(text);
+          if (text && result) {
+            text = text.replace(new RegExp(transformVal, "ig"), '<span style="color:'.concat(_this4.selectedColor || "#8c7fee", '">$&</span>'));
+            matchedList.push({
+              text,
+              value: item.value,
+              category: item.category,
+              displayStatus: item.displayStatus,
+              _index: item._index,
+              _text: item._text
+            });
+          }
+        });
+        this.searchMatchedList = matchedList;
+      }
+    },
+    onClear: function onClear() {
+      this.resetSearch();
+    },
+    select: function select(item) {
+      if (!this.autoClose) {
+        return;
+      }
+      this.$emit(EVENT_SELECT, item);
+    },
+    resetSearch: function resetSearch() {
+      this.searchVal = "";
+      this.searchMatchedList = null;
+    },
+    scrollSuc: function scrollSuc(scroll) {
+      this.scroller = scroll;
+    },
+    refreshScroll: function refreshScroll() {
+      var _this5 = this;
+      if (this.scroller) {
+        this.$nextTick(function() {
+          _this5.scroller.refresh();
+        });
+      }
+    },
+    search: function search() {
+      var _this6 = this;
+      if (!this.searchVal) {
+        this.searchMatchedList = [];
+      }
+      throttle(function() {
+        _this6._toSearchResult();
+      }, 500)();
+    },
+    escapeRegExpString: function escapeRegExpString(value) {
+      return value.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
+    },
+    maskClick: function maskClick() {
+      this.maskClosable && this.close();
+    },
+    back: function back() {
+      this.searchVal = "";
+    },
+    close: function close() {
+      this.hide();
+      this.$emit(EVENT_CANCEL);
+    },
+    handleTabChange: function handleTabChange(key) {
+      if (this.activeKey === key) {
+        return;
+      }
+      this.activeKey = key;
+      this.setData(this.careerData, this.selectedIndex);
+    },
+    _getCategoryByCode: function _getCategoryByCode(item) {
+      var cls = item.class, code = item.code;
+      if (~~cls) return numMap[cls] ? "".concat(numMap[cls], "类") : "";
+      if (!code || _indexOfInstanceProperty(code).call(code, "-") === -1) return "";
+      var arr = code.split("-");
+      var str = arr[arr.length - 2];
+      if (/^\d+$/.test(str)) {
+        return numMap[str] ? "".concat(numMap[str], "类") : "";
+      }
+      return str;
+    },
+    _getDisplayStatus: function _getDisplayStatus(item) {
+      if (item.hasOwnProperty("canBuy") && item.canBuy !== void 0 && item.canBuy !== "") {
+        var statusNum = ~~item.canBuy;
+        if (statusNum === 1) {
+          return STATUS.CAN_BUY;
+        } else if (statusNum === 0) {
+          return STATUS.CANNOT_BUY;
+        }
+      }
+      var code = item.code;
+      if (code && _indexOfInstanceProperty(code).call(code, "-") > -1) {
+        var arr = code.split("-");
+        var statusCode = ~~arr[arr.length - 1];
+        if (statusCode === 1) {
+          return STATUS.CAN_BUY;
+        } else if (statusCode === 0) {
+          return STATUS.CANNOT_BUY;
+        }
+      }
+      return STATUS.HIDE;
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "layer-wrap"
+  }, [_c("act-gold-layer", {
+    attrs: {
+      "visible": _vm.isVisible,
+      "title": _vm.realTitle || _vm.title,
+      "center": false,
+      "mask": true,
+      "zIndex": _vm.zIndex
+    },
+    on: {
+      "close": _vm.maskClick
+    }
+  }, [_c("div", {
+    staticClass: "tip"
+  }, [_c("img", {
+    attrs: {
+      "src": __$_require_46cd3488__,
+      "alt": ""
+    }
+  }), _c("span", [_vm._v("职业可能存在特殊投保规则，以投保结果为准")])]), _vm.tabBox.length > 1 ? _c("div", {
+    staticClass: "tab-line"
+  }, _vm._l(_vm.tabBox, function(item, index) {
+    return _c("div", {
+      key: item.key + index,
+      staticClass: "tabBox",
+      class: {
+        "selected": _vm.activeKey === item.key
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.handleTabChange(item.key);
+        }
+      }
+    }, [_c("span", {
+      staticClass: "text"
+    }, [_vm._v(" " + _vm._s(item.text) + " ")]), _vm.activeKey === item.key && _vm.tabBox.length > 1 ? _c("div", {
+      staticClass: "bottom",
+      style: {
+        background: _vm.brandColor
+      }
+    }) : _vm._e()]);
+  }), 0) : _vm._e(), _c("div", {
+    ref: "pickerContent",
+    staticClass: "act-picker-content"
+  }, [_c("div", {
+    staticClass: "act-picker-line"
+  }), _c("div", {
+    staticClass: "act-picker-main"
+  }, [_c("scroll", {
+    attrs: {
+      "listenScrollInit": true
+    },
+    on: {
+      "scrollSuc": _vm.scrollSuc
+    }
+  }, [_c("div", {
+    ref: "scrollContent",
+    staticClass: "scroll-content-warp"
+  }, [_vm.allowSearch ? _c("div", {
+    staticClass: "act-picker-search"
+  }, [_c("img", {
+    staticClass: "search-icon",
+    attrs: {
+      "src": __$_require_263bdd0a__,
+      "alt": ""
+    }
+  }), _c("div", {
+    staticClass: "search-content"
+  }, [_c("input", {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.searchVal,
+      expression: "searchVal"
+    }],
+    ref: "searchRef",
+    staticClass: "search-text-content",
+    attrs: {
+      "type": "text",
+      "placeholder": _vm.searchPlaceholder
+    },
+    domProps: {
+      "value": _vm.searchVal
+    },
+    on: {
+      "input": [function($event) {
+        if ($event.target.composing) return;
+        _vm.searchVal = $event.target.value;
+      }, _vm.search]
+    }
+  }), _c("img", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.searchVal,
+      expression: "searchVal"
+    }],
+    staticClass: "close-icon",
+    attrs: {
+      "src": __$_require_4441fdae__,
+      "alt": ""
+    },
+    on: {
+      "click": _vm.onClear
+    }
+  })])]) : _vm._e(), _c("row-picker", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.searchVal,
+      expression: "!searchVal"
+    }],
+    ref: "rowPicker",
+    attrs: {
+      "allowSearch": _vm.allowSearch,
+      "itemTitles": _vm.itemTitles,
+      "selectedColor": _vm.selectedColor,
+      "aloneAutoSelect": _vm.aloneAutoSelect
+    },
+    on: {
+      "select": _vm.select,
+      "refreshScroll": _vm.refreshScroll
+    },
+    scopedSlots: _vm._u([_vm.$scopedSlots.pickerItem ? {
+      key: "item",
+      fn: function fn(data2) {
+        return [_vm._t("pickerItem", null, {
+          "index": data2.index,
+          "data": data2.data,
+          "isSelected": data2.isSelected
+        })];
+      }
+    } : null], null, true)
+  }), _c("search-list", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.searchVal,
+      expression: "searchVal"
+    }],
+    attrs: {
+      "searchVal": _vm.searchVal,
+      "matchedList": _vm.searchMatchedList,
+      "selectedColor": _vm.selectedColor,
+      "searchEmptyResultTips": _vm.searchEmptyResultTips
+    },
+    on: {
+      "select": _vm.select
+    }
+  })], 1)])], 1), _c("div", {
+    staticClass: "iphonex_padding"
+  })])])], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "4fa3e1e4");
+var GoldCareerLayer = __component__.exports;
+GoldCareerLayer.install = function(Vue) {
+  Vue.component(GoldCareerLayer.name, GoldCareerLayer);
+  Vue.prototype["$createGoldCareerLayer"] = create(GoldCareerLayer, Vue);
+};
+export {
+  GoldCareerLayer as G
+};