@xysfe/actui2 0.0.1

package/lib/GoldSelect/index.mjs

@@ -0,0 +1,213 @@
+import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js/instance/for-each";
+import { c as create } from "../utils/create/index.mjs";
+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 { S as SelectLayer } from "./select/index.mjs";
+import { F as FuzzySearchLayer } from "./searchBank/index.mjs";
+import { s as svgIcon } from "../common/svgicon/index.mjs";
+import { q as formatTitle } from "../utils/helpers/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+var _sfc_main = {
+  name: "ActGoldSelect",
+  mixins: [visibleMixin, goldElementMixin, goldChangeMixin],
+  data: function data() {
+    return {
+      selectLayerVisible: false,
+      fuzzySearchLayerVisible: false
+    };
+  },
+  computed: {
+    realTitle: function realTitle() {
+      if (this.common.titPadding) {
+        return formatTitle(this.common.tit);
+      }
+      return this.common.tit;
+    },
+    descText: function descText() {
+      if (this.desc) {
+        return this.desc;
+      }
+      for (var i = 0, n = this.options.length; i < n; i++) {
+        if (this.value + "" === this.options[i].value + "") {
+          return this.options[i].text;
+        }
+      }
+      return "";
+    },
+    realOptions: function realOptions() {
+      var _context, _this = this;
+      var data2 = [];
+      _forEachInstanceProperty(_context = this.options).call(_context, function(item) {
+        if (!("status" in item) || item.status === 1 || item.status === 0 && _this.disableShow) {
+          data2.push(item);
+        }
+      });
+      return data2;
+    },
+    defaultIndex: function defaultIndex() {
+      var index = 0;
+      for (var i = 0, n = this.realOptions.length; i < n; i++) {
+        if (this.value + "" === this.realOptions[i].value + "") {
+          index = i;
+          break;
+        }
+      }
+      return index;
+    },
+    noMoreText: function noMoreText() {
+      if (this.elemKey === "bank.bank") {
+        return "暂无匹配开户行";
+      }
+      return "暂无匹配支行";
+    }
+  },
+  methods: {
+    changeValue: function changeValue(value) {
+      var ext = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+      this.change(void 0, value, ext);
+      this.handleLayerClose();
+    },
+    close: function close() {
+      this.cancel();
+      this.handleLayerClose();
+    },
+    handleLayerClose: function handleLayerClose() {
+      this.selectLayerVisible = false;
+      this.fuzzySearchLayerVisible = false;
+    },
+    click: function click() {
+      var _this2 = this;
+      if (this.pickerType) {
+        this.selectLayerVisible = true;
+      } else if (this.needSearch) {
+        if (this.showLayerFn) {
+          this.showLayerFn("needSearch", function(status) {
+            if (status !== false) {
+              _this2.fuzzySearchLayerVisible = true;
+            }
+          });
+        } else {
+          this.fuzzySearchLayerVisible = true;
+        }
+      } else {
+        if (this.picker) {
+          this.picker.setData([this.realOptions], [this.defaultIndex]);
+        } else {
+          this.picker = this.$createPicker({
+            data: [this.realOptions],
+            zIndex: this.zIndex,
+            selectedIndex: [this.defaultIndex],
+            confirmColor: this.brandColor,
+            onSelect: this.select
+          });
+        }
+        this.picker.show();
+      }
+    },
+    select: function select(_ref, idx) {
+      var _ref2 = _slicedToArray(_ref, 1), value = _ref2[0];
+      if (this.disableShow && this.realOptions[idx].status === 0) {
+        this.$emit("error", {
+          errmsg: this.disableShow.errorRemind || ""
+        });
+        return;
+      }
+      if (value === this.value) return;
+      this.change(void 0, value);
+    }
+  },
+  components: {
+    ActGoldBaseElement,
+    svgIcon,
+    SelectLayer,
+    FuzzySearchLayer
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "container"
+  }, [_c("act-gold-base-element", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    attrs: {
+      "common": _vm.common,
+      "tempVar": _vm.tempVar,
+      "hasArrow": true
+    },
+    on: {
+      "showTips": _vm.showTips,
+      "takenLink": _vm.takenLink
+    }
+  }, [_c("p", {
+    staticClass: "element-select element-wrap",
+    class: {
+      "element-placeholder": !_vm.descText
+    },
+    style: {
+      "font-size": _vm.size,
+      "color": _vm.color
+    },
+    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)]), _vm.pickerType ? _c("select-layer", {
+    attrs: {
+      "title": _vm.realTitle,
+      "brandColor": _vm.brandColor,
+      "options": _vm.realOptions,
+      "value": _vm.value,
+      "pickerType": _vm.pickerType,
+      "visible": _vm.selectLayerVisible
+    },
+    on: {
+      "change": _vm.changeValue,
+      "close": _vm.close
+    }
+  }) : _vm._e(), _vm.needSearch ? _c("fuzzy-search-layer", {
+    attrs: {
+      "title": _vm.realTitle,
+      "brandColor": _vm.brandColor,
+      "options": _vm.realOptions,
+      "value": _vm.value,
+      "visible": _vm.fuzzySearchLayerVisible,
+      "noMoreText": _vm.noMoreText
+    },
+    on: {
+      "change": _vm.changeValue,
+      "close": _vm.close
+    }
+  }) : _vm._e()], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null);
+var GoldSelect = __component__.exports;
+GoldSelect.install = function(Vue) {
+  Vue.component(GoldSelect.name, GoldSelect);
+  Vue.prototype["$createGoldSelect"] = create(GoldSelect, Vue);
+};
+export {
+  GoldSelect as G
+};

package/lib/GoldSelect/searchBank/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _forEachInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/for-each");var _indexOfInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/index-of");var _concatInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/concat");var common_goldlayer=require("../../common/goldlayer/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_263bdd0a__=require("../../assets/icon-search.3c97.png");var __$_require_e9a2481a__=require("../../assets/icon-close.b233.png");var __$_require_818ae4f8__=require("../../assets/icon-search-empty.c362.png");var common=require("../../common/index.js");var _sfc_main={name:"ActGoldSubBankLayer",mixins:[mixins_visible.visibleMixin],components:{ActGoldLayer:common_goldlayer.ActGoldLayer,scroll:common_scroll.Scroll},data:function data(){return{currentList:[],scrollInit:false,searchText:"",emptyShow:false,docmHeight:document.documentElement.clientHeight,pickerContentHeight:0,searchHeight:"",lastText:""}},computed:{inputDebounce:function inputDebounce(){return this.debounce(this.search,500)}},props:{brandColor:{type:String,default:"#A69DFF"},btnColor:{type:String,default:"#ff5a6e"},title:{type:String,default:"选择开户行支行"},options:{type:Array,default:function _default(){return[]}},noMoreText:{type:String,default:"暂无匹配支行"}},watch:{isVisible:function isVisible(val){var _this=this;if(val){this.reset();this.refreshScroll();if(!this.pickerContentHeight){this.$nextTick(function(){_this.pickerContentHeight=utils_helpers.outerHeight(_this.$refs.bodyWrapper)})}}}},methods:{choose:function choose(item){this.$emit("change",item.value);this.lastText=item.value},close:function close(){this.$emit("close")},scrollSuc:function scrollSuc(scroll){this.scroller=scroll},search:function search(){var _context,_this2=this;this.emptyShow=true;this.currentList=[];var currentList=[];_forEachInstanceProperty(_context=this.options).call(_context,function(item){var _context2;if(_indexOfInstanceProperty(_context2=item.text).call(_context2,_this2.searchText)>=0){var _context3;var searchedItem=utils_helpers.deepCopy(item);searchedItem.text=searchedItem.text.replace(_this2.searchText,_concatInstanceProperty(_context3='<span style="color:'.concat(_this2.brandColor,';">')).call(_context3,_this2.searchText,"</span>"));currentList.push(searchedItem)}});this.currentList=currentList;this.refreshScroll()},debounce:function debounce(fn,wait){var _arguments=arguments,_this3=this;var timer=null;return function(){var context=_this3;var args=_arguments;clearTimeout(timer);timer=setTimeout(function(){fn.apply(context,args)},wait)}},clear:function clear(){this.searchText="";this.currentList=this.options},reset:function reset(){this.searchText="";this.currentList=this.options},refreshScroll:function refreshScroll(){var _this4=this;if(this.scroller){this.$nextTick(function(){_this4.scroller.refresh()})}}},created:function created(){var _this5=this;this.currentList=this.options;var u=navigator.userAgent;if(_indexOfInstanceProperty(u).call(u,"Android")>-1||_indexOfInstanceProperty(u).call(u,"Adr")>-1){window.addEventListener("resize",function(){if(_this5.pickerContentHeight===0){return}var showHeight=document.body.clientHeight;if(_this5.docmHeight>showHeight){_this5.$refs.boxWrapper.style.height=_this5.docmHeight-showHeight+"px"}else{_this5.$refs.boxWrapper.style.height=_this5.pickerContentHeight+"px";_this5.refreshScroll()}})}this.scrollInit=true}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("act-gold-layer",{attrs:{"visible":_vm.isVisible,"center":false,"title":"请选择".concat(_vm.title)},on:{"close":_vm.close}},[_c("div",{ref:"boxWrapper",staticClass:"box"},[_c("div",{ref:"bodyWrapper",staticClass:"body-wrapper"},[_c("div",{staticClass:"search-wrapper"},[_c("div",{staticClass:"bar"},[_c("input",{directives:[{name:"model",rawName:"v-model",value:_vm.searchText,expression:"searchText"}],attrs:{"placeholder":"请输入搜索关键字"},domProps:{"value":_vm.searchText},on:{"input":[function($event){if($event.target.composing)return;_vm.searchText=$event.target.value},_vm.inputDebounce]}}),_c("img",{staticClass:"search",attrs:{"src":__$_require_263bdd0a__}}),_vm.searchText?_c("img",{staticClass:"cancel",attrs:{"src":__$_require_e9a2481a__},on:{"click":_vm.clear}}):_vm._e()])]),_c("div",{staticClass:"list-content",style:{height:_vm.searchHeight}},[_vm.scrollInit&&_vm.currentList.length?_c("scroll",{attrs:{"listenScrollInit":true},on:{"scrollSuc":_vm.scrollSuc}},_vm._l(_vm.currentList,function(item){return _c("div",{key:item.value,staticClass:"text-item",style:{color:item.value===_vm.lastText?_vm.brandColor:"#666"},on:{"click":function click($event){return _vm.choose(item)}}},[_c("span",{domProps:{"innerHTML":_vm._s(item.text)}})])}),0):_vm._e(),_c("section",{directives:[{name:"show",rawName:"v-show",value:_vm.searchText&&_vm.currentList.length===0&&_vm.emptyShow,expression:"searchText && currentList.length === 0 && emptyShow"}],staticClass:"search-empty"},[_c("img",{attrs:{"src":__$_require_818ae4f8__}}),_c("p",[_vm._v(_vm._s(_vm.noMoreText))])])],1)])])])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"5670a9f6");var FuzzySearchLayer=__component__.exports;exports.FuzzySearchLayer=FuzzySearchLayer;

package/lib/GoldSelect/searchBank/index.mjs

@@ -0,0 +1,254 @@
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js/instance/for-each";
+import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js/instance/index-of";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { A as ActGoldLayer } from "../../common/goldlayer/index.mjs";
+import { v as visibleMixin } from "../../mixins/visible/index.mjs";
+import { S as Scroll } from "../../common/scroll/index.mjs";
+import { m as deepCopy, 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_818ae4f8__ from "../../assets/icon-search-empty.c362.png";
+import { n as normalizeComponent } from "../../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "ActGoldSubBankLayer",
+  mixins: [visibleMixin],
+  components: {
+    ActGoldLayer,
+    scroll: Scroll
+  },
+  data: function data() {
+    return {
+      currentList: [],
+      scrollInit: false,
+      searchText: "",
+      emptyShow: false,
+      docmHeight: document.documentElement.clientHeight,
+      //默认屏幕高度
+      pickerContentHeight: 0,
+      searchHeight: "",
+      lastText: ""
+    };
+  },
+  computed: {
+    inputDebounce: function inputDebounce() {
+      return this.debounce(this.search, 500);
+    }
+  },
+  props: {
+    brandColor: {
+      type: String,
+      default: "#A69DFF"
+    },
+    btnColor: {
+      type: String,
+      default: "#ff5a6e"
+    },
+    title: {
+      type: String,
+      default: "选择开户行支行"
+    },
+    options: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    noMoreText: {
+      type: String,
+      default: "暂无匹配支行"
+    }
+  },
+  watch: {
+    isVisible: function isVisible(val) {
+      var _this = this;
+      if (val) {
+        this.reset();
+        this.refreshScroll();
+        if (!this.pickerContentHeight) {
+          this.$nextTick(function() {
+            _this.pickerContentHeight = outerHeight(_this.$refs.bodyWrapper);
+          });
+        }
+      }
+    }
+  },
+  methods: {
+    choose: function choose(item) {
+      this.$emit("change", item.value);
+      this.lastText = item.value;
+    },
+    close: function close() {
+      this.$emit("close");
+    },
+    scrollSuc: function scrollSuc(scroll) {
+      this.scroller = scroll;
+    },
+    search: function search() {
+      var _context, _this2 = this;
+      this.emptyShow = true;
+      this.currentList = [];
+      var currentList = [];
+      _forEachInstanceProperty(_context = this.options).call(_context, function(item) {
+        var _context2;
+        if (_indexOfInstanceProperty(_context2 = item.text).call(_context2, _this2.searchText) >= 0) {
+          var _context3;
+          var searchedItem = deepCopy(item);
+          searchedItem.text = searchedItem.text.replace(_this2.searchText, _concatInstanceProperty(_context3 = '<span style="color:'.concat(_this2.brandColor, ';">')).call(_context3, _this2.searchText, "</span>"));
+          currentList.push(searchedItem);
+        }
+      });
+      this.currentList = currentList;
+      this.refreshScroll();
+    },
+    debounce: function debounce(fn, wait) {
+      var _arguments = arguments, _this3 = this;
+      var timer = null;
+      return function() {
+        var context = _this3;
+        var args = _arguments;
+        clearTimeout(timer);
+        timer = setTimeout(function() {
+          fn.apply(context, args);
+        }, wait);
+      };
+    },
+    clear: function clear() {
+      this.searchText = "";
+      this.currentList = this.options;
+    },
+    reset: function reset() {
+      this.searchText = "";
+      this.currentList = this.options;
+    },
+    refreshScroll: function refreshScroll() {
+      var _this4 = this;
+      if (this.scroller) {
+        this.$nextTick(function() {
+          _this4.scroller.refresh();
+        });
+      }
+    }
+  },
+  created: function created() {
+    var _this5 = this;
+    this.currentList = this.options;
+    var u = navigator.userAgent;
+    if (_indexOfInstanceProperty(u).call(u, "Android") > -1 || _indexOfInstanceProperty(u).call(u, "Adr") > -1) {
+      window.addEventListener("resize", function() {
+        if (_this5.pickerContentHeight === 0) {
+          return;
+        }
+        var showHeight = document.body.clientHeight;
+        if (_this5.docmHeight > showHeight) {
+          _this5.$refs.boxWrapper.style.height = _this5.docmHeight - showHeight + "px";
+        } else {
+          _this5.$refs.boxWrapper.style.height = _this5.pickerContentHeight + "px";
+          _this5.refreshScroll();
+        }
+      });
+    }
+    this.scrollInit = true;
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("act-gold-layer", {
+    attrs: {
+      "visible": _vm.isVisible,
+      "center": false,
+      "title": "请选择".concat(_vm.title)
+    },
+    on: {
+      "close": _vm.close
+    }
+  }, [_c("div", {
+    ref: "boxWrapper",
+    staticClass: "box"
+  }, [_c("div", {
+    ref: "bodyWrapper",
+    staticClass: "body-wrapper"
+  }, [_c("div", {
+    staticClass: "search-wrapper"
+  }, [_c("div", {
+    staticClass: "bar"
+  }, [_c("input", {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.searchText,
+      expression: "searchText"
+    }],
+    attrs: {
+      "placeholder": "请输入搜索关键字"
+    },
+    domProps: {
+      "value": _vm.searchText
+    },
+    on: {
+      "input": [function($event) {
+        if ($event.target.composing) return;
+        _vm.searchText = $event.target.value;
+      }, _vm.inputDebounce]
+    }
+  }), _c("img", {
+    staticClass: "search",
+    attrs: {
+      "src": __$_require_263bdd0a__
+    }
+  }), _vm.searchText ? _c("img", {
+    staticClass: "cancel",
+    attrs: {
+      "src": __$_require_e9a2481a__
+    },
+    on: {
+      "click": _vm.clear
+    }
+  }) : _vm._e()])]), _c("div", {
+    staticClass: "list-content",
+    style: {
+      height: _vm.searchHeight
+    }
+  }, [_vm.scrollInit && _vm.currentList.length ? _c("scroll", {
+    attrs: {
+      "listenScrollInit": true
+    },
+    on: {
+      "scrollSuc": _vm.scrollSuc
+    }
+  }, _vm._l(_vm.currentList, function(item) {
+    return _c("div", {
+      key: item.value,
+      staticClass: "text-item",
+      style: {
+        color: item.value === _vm.lastText ? _vm.brandColor : "#666"
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.choose(item);
+        }
+      }
+    }, [_c("span", {
+      domProps: {
+        "innerHTML": _vm._s(item.text)
+      }
+    })]);
+  }), 0) : _vm._e(), _c("section", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.searchText && _vm.currentList.length === 0 && _vm.emptyShow,
+      expression: "searchText && currentList.length === 0 && emptyShow"
+    }],
+    staticClass: "search-empty"
+  }, [_c("img", {
+    attrs: {
+      "src": __$_require_818ae4f8__
+    }
+  }), _c("p", [_vm._v(_vm._s(_vm.noMoreText))])])], 1)])])]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "5670a9f6");
+var FuzzySearchLayer = __component__.exports;
+export {
+  FuzzySearchLayer as F
+};

package/lib/GoldSelect/searchBank/style.css

@@ -0,0 +1 @@
+[data-v-5670a9f6] .act-gold-popup-container{max-height:502px}.title[data-v-5670a9f6]{position:relative;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;width:100%;font-size:18px;font-weight:bold;color:#333333;line-height:22px;padding:0 14px}.close[data-v-5670a9f6]{position:absolute;top:0;right:14px;width:22px;height:22px}.box[data-v-5670a9f6]{background:-webkit-linear-gradient(bottom,#f7f8fc 96%,#fff 100%);background:linear-gradient(0deg,#f7f8fc 96%,#fff 100%)}.list-content[data-v-5670a9f6]{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none;height:396px;padding:0 10px;font-size:14px;color:#666666}.list-content[data-v-5670a9f6] .scroll-wrapper{width:100%;border-radius:12px 12px 0px 0px}.list-content[data-v-5670a9f6] .scroll-wrapper .scroll-content{background:#FFF;border-radius:12px 12px 0px 0px}.list-content .text-item[data-v-5670a9f6]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;padding:14px;font-size:15px}.list-content .text-item[data-v-5670a9f6]:not(:last-child){border-bottom:1px solid rgb(245,245,245)}.search-wrapper[data-v-5670a9f6]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:0px 10px;padding:14px 0 10px 0}.search-wrapper .bar[data-v-5670a9f6]{position:relative;width:100%;height:36px;background:#FFF;border-radius:18px}.search-wrapper .bar .cancel[data-v-5670a9f6]{position:absolute;top:10px;right:10px;width:16px;height:16px}.search-wrapper .bar .search[data-v-5670a9f6]{position:absolute;top:10px;left:10px;width:16px;height:16px}.search-wrapper .bar input[data-v-5670a9f6]{width:100%;height:20px;margin:8px 0;padding-left:30px;padding-right:30px;-webkit-appearance:none;border:none;background:none;box-shadow:none;font-size:inherit}.search-wrapper .bar input[data-v-5670a9f6]::-webkit-input-placeholder{color:#b3b3b3}.search-wrapper .bar input[data-v-5670a9f6]::placeholder{color:#b3b3b3}.search-wrapper span[data-v-5670a9f6]{font-size:16px;font-weight:400;line-height:23px;white-space:nowrap}.search-empty[data-v-5670a9f6]{position:absolute;top:10px;left:0;right:0;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}.search-empty img[data-v-5670a9f6]{width:210px;height:173px}.search-empty p[data-v-5670a9f6]{position:absolute;bottom:0;margin:auto;font-size:16px;font-weight:400;color:#333333;line-height:23px}

package/lib/GoldSelect/select/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _sliceInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/slice");var _concatInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/concat");var common_popup=require("../../common/popup/index.js");var mixins_popup=require("../../mixins/popup/index.js");var mixins_visible=require("../../mixins/visible/index.js");var mixins_noscroll=require("../../mixins/noscroll/index.js");var common=require("../../common/index.js");var _sfc_main={name:"SelectLayer",mixins:[mixins_popup.popupMixin,mixins_visible.visibleMixin,mixins_noscroll.noscrollMixin],components:{ActPopup:common_popup.ActPopup},props:{brandColor:{type:String,default:"#8c7fee"},options:{type:Array,default:function _default(){return[]}},value:{type:String,default:""},title:{type:String,default:""},pickerType:{type:String,default:""}},data:function data(){return{ext:"",selectedValue:""}},created:function created(){this.selectedValue=this.value},computed:{realOptionList:function realOptionList(){return this.chunk(this.options,2)},bgClass:function bgClass(){if(this.brandColor==="#FC7468"||this.brandColor==="#f05a4b"||this.brandColor==="rgb(240, 90, 75)"){return"cpsbg"}return"bg"},width:function width(){return(window.screen.width-36)/2}},methods:{selectItem:function selectItem(value){if(value===this.selectedValue){return}this.selectedValue=value;if(!this.isElse(value)){this.ext=""}},confirm:function confirm(){if(this.isElse(this.selectedValue)){if(this.ext){this.$emit("change",this.selectedValue,this.ext)}else{this.errTips("请输入详细描述")}}else{this.$emit("change",this.selectedValue)}},cancel:function cancel(){this.$emit("close")},errTips:function errTips(msg){if(!this.toast){this.toast=this.$createToast()}this.toast.show(msg)},chunk:function chunk(arr,size){var list=[];for(var i=0;i<arr.length;i=i+size){list.push(_sliceInstanceProperty(arr).call(arr,i,i+size))}return list},isElse:function isElse(value){return String(value)===String(this.pickerType)},isActive:function isActive(value){return String(value)===String(this.selectedValue)}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("transition",{attrs:{"name":"act-popup-fade"}},[_c("act-popup",{directives:[{name:"show",rawName:"v-show",value:_vm.isVisible,expression:"isVisible"}],attrs:{"type":"select","mask":true,"center":false,"zIndex":_vm.zIndex},on:{"touchmove":function touchmove($event){$event.preventDefault()},"mask-click":_vm.cancel}},[_c("transition",{attrs:{"name":"act-popup-move"}},[_c("div",{staticClass:"popup-container iphonex_padding"},[_c("div",{staticClass:"popup-hd"},[_vm._v(" 请选择"+_vm._s(_vm.title)+" ")]),_c("div",{staticClass:"popup-content"},[_vm._l(_vm.realOptionList,function(row,rowIndex){return _c("div",{key:"row".concat(rowIndex),staticClass:"option-row"},_vm._l(row,function(item){var _context;return _c("div",{key:item.value,class:["option-item",_vm.isActive(item.value)?"active":""],style:"width:".concat(_vm.width,"px;")},[_c("div",{class:[item.value===_vm.selectedValue?"active":"","select"],style:_concatInstanceProperty(_context="background-color:".concat(item.value===_vm.selectedValue?_vm.brandColor:"#fff","; border-color:")).call(_context,item.value===_vm.selectedValue?_vm.brandColor:"#E8E5FC"),on:{"click":function click($event){$event.stopPropagation();return _vm.selectItem(item.value)}}}),_c("p",{staticClass:"text",on:{"click":function click($event){$event.stopPropagation();return _vm.selectItem(item.value)}}},[_vm._v(" "+_vm._s(item.text)+" ")])])}),0)}),_c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.isElse(_vm.selectedValue),expression:"isElse(selectedValue)"}],staticClass:"else-item"},[_c("textarea",{directives:[{name:"model",rawName:"v-model",value:_vm.ext,expression:"ext"}],staticClass:"textarea",attrs:{"placeholder":"请输入您的任何不满 ，我们将用心倾听 ~"},domProps:{"value":_vm.ext},on:{"input":function input($event){if($event.target.composing)return;_vm.ext=$event.target.value}}})])],2),_c("div",{staticClass:"popup-footer"},[_c("div",{staticClass:"btn-confirm",on:{"click":function click($event){$event.stopPropagation();return _vm.confirm.apply(null,arguments)}}},[_vm._v(" 确定 ")]),_c("div",{class:["btn-cancel",_vm.bgClass],on:{"click":function click($event){$event.stopPropagation();return _vm.cancel.apply(null,arguments)}}},[_vm._v(" 我再考虑下 ")])])])])],1)],1)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"0323778e");var SelectLayer=__component__.exports;exports.SelectLayer=SelectLayer;