@xysfe/actui2 0.0.1

package/README.md

@@ -0,0 +1,75 @@
+# @xysfe/actui
+一套基于Vue实现的组件库
+
+[![NPM version](https://img.shields.io/npm/v/@xysfe/actui.svg?style=flat)](https://npmjs.org/package/@xysfe/actui)
+
+## 介绍
+#### 组件名
+在package.json中有个prefix字段，为必填字段。
+如果指定为act,在应用中以```<act-toast></act-toast>```方式引用组件
+
+#### 添加新组件
+执行```npm run add xxx```
+则会在src/components/下新建组件相应目录及文件，
+~~并把组件名存入components.json文件中，以便重名的检查。~~
+已经不需要components.json了
+
+#### 开发及发布
+
+```
+npm run build
+```
+
+## 注意事项
+#### 开发篇
+1. 样式默认用scss开发。
+2. 在src/style目录下有个index.scss文件，存放所有组件的公共样式。
+3. 公共样式的引用。
+组件开发：
+组件在开发过程中，如果对公共样式有依赖，不需要手动import公共样式，直接使用即可。
+使用组件：
+如果某个组件Toast依赖公共样式，则在按需引入时，需手动import Style模块，
+如下所示：```import { Style, Toast } from '@xysfe/actui'```
+否则不用引入Style模块:```import { Toast } from '@xysfe/actui'```
+4. 组件发射事件的命名。
+一个组件需要对外抛出事件时，事件的命名全部小写：
+```
+//good
+this.$emit("hidelayer")
+//bad
+this.$emit("hide-layer")
+this.$emit("hideLayer")
+```
+#### 文档篇
+1. 文档有阅读文档和可操作example两类。阅读文档放在docs/md目录下,格式为md;可操作文档放在docs/example目录下,格式为vue。
+2. 阅读文档编写好之后，需手动添加路由（在docs/route/route_md.js中添加），然后把配置好的路由添加到文档菜单中（docs/components/menu.vue），重新生成文档即可访问。
+3. ~~可操作文档编写好之后，需手动添加路由（在docs/route/route_example.js中添加）,然后文档最右侧的demo区域可体验每个组件。~~
+4. 运行npm run docs生成文档，文档打包在dist目录下。
+
+#### 组件开发流程
+1. 基于master新建功能分支
+2. 添加新组建，执行npm run add xxx
+3. 增加组件文档，新建docs/md，docs/example文件，配置文档相关路由
+4. 在docs/example/文件中调试组件
+5. 组件开发、调试完毕后，执行npm run dist确认是否能正常编译
+6. 修改package.json中的版本号，功能分支合并到master，在master执行npm run dist
+7. 组件库的gitlab及npm发布(npm publish --access public)
+
+### 注意事项
+1. 深度选择器语法>>>，::v-deep: 和 /deep/已废弃，使用::v-deep()代替
+2. 在Vue2中使用::v-deep
+3. 在Vue2.7和Vue3中使用:deep()
+4. 
+### 同步上游actui的仓库
+该仓库是fork自actui仓库，如果有需求，可自行同步上游仓库的代码
+需注意可能会有冲突，大部分冲突都应用本仓库代码即可
+```shell
+git remote add upstream git@gitlab.xinhulu.com:mucfe/actui.git
+git fetch upstream
+git merge upstream/master
+git push origin master
+```
+### Todo
+1. 支持主题
+2. 单元测试
+3. 持续迭代

package/lib/BScroll/index.js

@@ -0,0 +1 @@
+"use strict";var BScroll=require("better-scroll");

package/lib/BScroll/index.mjs

@@ -0,0 +1 @@
+import BScroll from "better-scroll";

package/lib/BankSelect/bankbox/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var BaseInput=require("../../BaseInput/index.js");var __$_require_4405a191__=require("../../assets/cancel.cbdb.png");var common=require("../../common/index.js");var _sfc_main={props:{brandColor:{type:String,default:"#8c7fee"},isShowBankBox:{type:Boolean,default:false},bankInfo:{type:Object,default:function _default(){return{}}}},data:function data(){return{bankNo:""}},methods:{closeCamera:function closeCamera(){this.$emit("closeCamera",this.bankInfo.bankNo)},handleCamera:function handleCamera(){this.$emit("handleCamera")},modifyBankNo:function modifyBankNo(value){this.$emit("modifyBankNo",value)}},components:{BaseInput:BaseInput.BaseInput}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"bankBox"},[_c("div",{staticClass:"bankBoxheader"},[_vm._v(" 添加新银行卡 "),_c("img",{staticClass:"icon",attrs:{"src":__$_require_4405a191__,"alt":""},on:{"click":_vm.closeCamera}})]),_c("div",{staticClass:"bg"}),_c("div",{staticClass:"bankImg"},[_vm.bankInfo&&_vm.bankInfo.dataBase?_c("img",{attrs:{"src":_vm.bankInfo.dataBase,"alt":"银行卡"}}):_c("div",{staticClass:"bankImg-bg"})]),_c("div",{staticClass:"inputItem"},[_c("div",{staticClass:"tit"},[_vm._v(" 银行卡号 ")]),_c("base-input",{staticClass:"input",attrs:{"value":_vm.bankInfo&&_vm.bankInfo.bankNo,"type":"bankcard","placeholder":"请输入银行卡号"},on:{"input":_vm.modifyBankNo}})],1),_c("div",{staticClass:"tips"},[_vm._v(" 如果卡号信息识别有误，可点击上方输入框修改卡号 ")]),_c("button",{staticClass:"cfmBtn",style:"background: ".concat(_vm.brandColor),on:{"click":function click($event){$event.stopPropagation();return _vm.closeCamera.apply(null,arguments)}}},[_vm._v(" 确认 ")]),_c("div",{staticClass:"againCamera",on:{"click":function click($event){$event.stopPropagation();return _vm.handleCamera.apply(null,arguments)}}},[_vm._v(" 重新拍照 ")])])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"c994ac1e");var bankBox=__component__.exports;exports.bankBox=bankBox;

package/lib/BankSelect/bankbox/index.mjs

@@ -0,0 +1,107 @@
+import { B as BaseInput } from "../../BaseInput/index.mjs";
+import __$_require_4405a191__ from "../../assets/cancel.cbdb.png";
+import { n as normalizeComponent } from "../../common/index.mjs";
+import './style.css';var _sfc_main = {
+  props: {
+    brandColor: {
+      type: String,
+      default: "#8c7fee"
+    },
+    isShowBankBox: {
+      type: Boolean,
+      default: false
+    },
+    bankInfo: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      bankNo: ""
+    };
+  },
+  methods: {
+    closeCamera: function closeCamera() {
+      this.$emit("closeCamera", this.bankInfo.bankNo);
+    },
+    handleCamera: function handleCamera() {
+      this.$emit("handleCamera");
+    },
+    modifyBankNo: function modifyBankNo(value) {
+      this.$emit("modifyBankNo", value);
+    }
+  },
+  components: {
+    BaseInput
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "bankBox"
+  }, [_c("div", {
+    staticClass: "bankBoxheader"
+  }, [_vm._v(" 添加新银行卡 "), _c("img", {
+    staticClass: "icon",
+    attrs: {
+      "src": __$_require_4405a191__,
+      "alt": ""
+    },
+    on: {
+      "click": _vm.closeCamera
+    }
+  })]), _c("div", {
+    staticClass: "bg"
+  }), _c("div", {
+    staticClass: "bankImg"
+  }, [_vm.bankInfo && _vm.bankInfo.dataBase ? _c("img", {
+    attrs: {
+      "src": _vm.bankInfo.dataBase,
+      "alt": "银行卡"
+    }
+  }) : _c("div", {
+    staticClass: "bankImg-bg"
+  })]), _c("div", {
+    staticClass: "inputItem"
+  }, [_c("div", {
+    staticClass: "tit"
+  }, [_vm._v(" 银行卡号 ")]), _c("base-input", {
+    staticClass: "input",
+    attrs: {
+      "value": _vm.bankInfo && _vm.bankInfo.bankNo,
+      "type": "bankcard",
+      "placeholder": "请输入银行卡号"
+    },
+    on: {
+      "input": _vm.modifyBankNo
+    }
+  })], 1), _c("div", {
+    staticClass: "tips"
+  }, [_vm._v(" 如果卡号信息识别有误，可点击上方输入框修改卡号 ")]), _c("button", {
+    staticClass: "cfmBtn",
+    style: "background: ".concat(_vm.brandColor),
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.closeCamera.apply(null, arguments);
+      }
+    }
+  }, [_vm._v(" 确认 ")]), _c("div", {
+    staticClass: "againCamera",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.handleCamera.apply(null, arguments);
+      }
+    }
+  }, [_vm._v(" 重新拍照 ")])]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "c994ac1e");
+var bankBox = __component__.exports;
+export {
+  bankBox as b
+};

package/lib/BankSelect/bankbox/style.css

@@ -0,0 +1 @@
+.bankBox[data-v-c994ac1e]{position:absolute;border-top-left-radius:12px;border-top-right-radius:12px;top:0;width:100%;height:100%;background:#F9F9F9;z-index:40;overflow:hidden}.bankBox .bankBoxheader[data-v-c994ac1e]{height:48px;text-align:center;background:#ffffff;color:#333333;line-height:48px;position:relative;font-size:17px;font-weight:bold}.bankBox .bankBoxheader .icon[data-v-c994ac1e]{height:13px;width:13px;position:absolute;top:36%;margin-right:15px;right:0}.bankBox .bg[data-v-c994ac1e]{height:140px;background:-webkit-linear-gradient(top,#ffffff,#f9f9f9);background:linear-gradient(180deg,#ffffff,#f9f9f9)}.bankBox .bankImg[data-v-c994ac1e]{height:180px;width:282px;margin:-120px auto 20px}.bankBox .bankImg img[data-v-c994ac1e]{display:block;height:100%;width:auto;margin:0 auto}.bankBox .bankImg .bankImg-bg[data-v-c994ac1e]{height:100%;border:1px solid #eeeeee}.bankBox .inputItem[data-v-c994ac1e]{height:50px;width:347px;margin:10px auto;background:#ffffff;font-size:15px;border-radius:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;color:#666666;box-shadow:0 3px 10px 0 rgba(179,179,179,0.1)}.bankBox .inputItem .tit[data-v-c994ac1e]{margin-left:12px}.bankBox .inputItem .input[data-v-c994ac1e]{margin-left:auto;text-align:right;margin-right:12px;width:65%}.bankBox .tips[data-v-c994ac1e]{font-size:13px;color:#999999;text-align:center;margin-bottom:5px}.bankBox .cfmBtn[data-v-c994ac1e]{height:48px;border:none;text-align:center;width:347px;border-radius:5px;color:#ffffff;font-size:16px;margin:35px auto 30px;display:block}.bankBox .againCamera[data-v-c994ac1e]{width:110px;height:32px;background:#ffffff;border:1px solid #f5f5f5;border-radius:33px;color:#666666;font-size:15px;text-align:center;line-height:32px;margin:10px auto}

package/lib/BankSelect/bankchoosebox/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _concatInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/concat");var IndexList=require("../../IndexList/index.js");var common=require("../../common/index.js");var _sfc_main={props:{bankList:{type:Object,default:null},brandColor:{type:String,default:"#8c7fee"},exParams:{type:Object,default:null}},data:function data(){return{visiable:false,tabList:this.exParams&&this.exParams.tabList||["支持银行","全部银行"],selIndex:0}},methods:{show:function show(){var _this=this;this.visiable=true;this.$nextTick(function(){_this.$refs.supportBank.show()})},hide:function hide(){this.selIndex=0;this.visiable=false},chooseBank:function chooseBank(item){this.$emit("chooseBank",item)},change:function change(index){this.selIndex=index;if(this.selIndex===0){this.$refs.supportBank.show();this.$refs.allBank.hide()}else{this.$refs.supportBank.hide();this.$refs.allBank.show()}}},components:{IndexList:IndexList.IndexList}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.visiable,expression:"visiable"}],staticClass:"chooseBoxwrap"},[_c("div",{staticClass:"tabWrap"},_vm._l(_vm.tabList,function(item,index){var _context,_context2;return _c("div",{key:index,staticClass:"tabItem",on:{"click":function click($event){return _vm.change(index)}}},[_c("p",{style:_concatInstanceProperty(_context=_concatInstanceProperty(_context2="color: ".concat(_vm.selIndex===index?"#333333":"#666666",";font-size: ")).call(_context2,_vm.selIndex===index?"16px":"14px",";margin-top: ")).call(_context,_vm.selIndex===index?"10px":"0")},[_vm._v(" "+_vm._s(item)+" ")]),_c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.selIndex===index,expression:"selIndex === index"}],staticClass:"line",style:"background: ".concat(_vm.brandColor)})])}),0),_c("div",{staticClass:"indexlistBox"},[_c("IndexList",{ref:"supportBank",staticStyle:{"position":"relative"},attrs:{"listData":_vm.bankList.selectBank||[],"brandColor":_vm.brandColor},on:{"choose":_vm.chooseBank}}),_c("IndexList",{ref:"allBank",staticStyle:{"position":"relative"},attrs:{"listData":_vm.bankList.xysBankList||[],"brandColor":_vm.brandColor},on:{"choose":_vm.chooseBank}})],1)])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"e67844ee");var bankChooseBox=__component__.exports;exports.bankChooseBox=bankChooseBox;

package/lib/BankSelect/bankchoosebox/index.mjs

@@ -0,0 +1,123 @@
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { I as IndexList } from "../../IndexList/index.mjs";
+import { n as normalizeComponent } from "../../common/index.mjs";
+import './style.css';var _sfc_main = {
+  props: {
+    bankList: {
+      type: Object,
+      default: null
+    },
+    brandColor: {
+      type: String,
+      default: "#8c7fee"
+    },
+    exParams: {
+      type: Object,
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      visiable: false,
+      tabList: this.exParams && this.exParams.tabList || ["支持银行", "全部银行"],
+      selIndex: 0
+    };
+  },
+  methods: {
+    show: function show() {
+      var _this = this;
+      this.visiable = true;
+      this.$nextTick(function() {
+        _this.$refs.supportBank.show();
+      });
+    },
+    hide: function hide() {
+      this.selIndex = 0;
+      this.visiable = false;
+    },
+    chooseBank: function chooseBank(item) {
+      this.$emit("chooseBank", item);
+    },
+    change: function change(index) {
+      this.selIndex = index;
+      if (this.selIndex === 0) {
+        this.$refs.supportBank.show();
+        this.$refs.allBank.hide();
+      } else {
+        this.$refs.supportBank.hide();
+        this.$refs.allBank.show();
+      }
+    }
+  },
+  components: {
+    IndexList
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.visiable,
+      expression: "visiable"
+    }],
+    staticClass: "chooseBoxwrap"
+  }, [_c("div", {
+    staticClass: "tabWrap"
+  }, _vm._l(_vm.tabList, function(item, index) {
+    var _context, _context2;
+    return _c("div", {
+      key: index,
+      staticClass: "tabItem",
+      on: {
+        "click": function click($event) {
+          return _vm.change(index);
+        }
+      }
+    }, [_c("p", {
+      style: _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "color: ".concat(_vm.selIndex === index ? "#333333" : "#666666", ";font-size: ")).call(_context2, _vm.selIndex === index ? "16px" : "14px", ";margin-top: ")).call(_context, _vm.selIndex === index ? "10px" : "0")
+    }, [_vm._v(" " + _vm._s(item) + " ")]), _c("div", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: _vm.selIndex === index,
+        expression: "selIndex === index"
+      }],
+      staticClass: "line",
+      style: "background: ".concat(_vm.brandColor)
+    })]);
+  }), 0), _c("div", {
+    staticClass: "indexlistBox"
+  }, [_c("IndexList", {
+    ref: "supportBank",
+    staticStyle: {
+      "position": "relative"
+    },
+    attrs: {
+      "listData": _vm.bankList.selectBank || [],
+      "brandColor": _vm.brandColor
+    },
+    on: {
+      "choose": _vm.chooseBank
+    }
+  }), _c("IndexList", {
+    ref: "allBank",
+    staticStyle: {
+      "position": "relative"
+    },
+    attrs: {
+      "listData": _vm.bankList.xysBankList || [],
+      "brandColor": _vm.brandColor
+    },
+    on: {
+      "choose": _vm.chooseBank
+    }
+  })], 1)]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "e67844ee");
+var bankChooseBox = __component__.exports;
+export {
+  bankChooseBox as b
+};

package/lib/BankSelect/bankchoosebox/style.css

@@ -0,0 +1 @@
+[data-v-e67844ee] .index-list{background:#F7F8FC!important}[data-v-e67844ee] .index-group-title{background:#F7F8FC!important}.chooseBoxwrap[data-v-e67844ee]{position:fixed;height:100%;top:48px;background:#ffffff;z-index:30;width:100%}.chooseBoxwrap .tabWrap[data-v-e67844ee]{background:#ffffff;height:40px;display:-webkit-box;display:-webkit-flex;display:flex;position:-webkit-sticky;position:sticky;width:100%;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.chooseBoxwrap .tabWrap .tabItem[data-v-e67844ee]{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;position:relative}.chooseBoxwrap .tabWrap .tabItem p[data-v-e67844ee]{margin-top:10px;color:#333333;font-size:16px}.chooseBoxwrap .tabWrap .tabItem .line[data-v-e67844ee]{bottom:0;margin:10px auto 0;height:3px;width:22px;border-radius:3px;background:#8C7FEE}.chooseBoxwrap .indexlistBox[data-v-e67844ee]{position:fixed;top:91px;width:100%;height:513px;padding-bottom:100px}

package/lib/BankSelect/bankmsg/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _Object$keys=require("@babel/runtime-corejs3/core-js/object/keys");var _Object$getOwnPropertySymbols=require("@babel/runtime-corejs3/core-js/object/get-own-property-symbols");var _filterInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/filter");var _Object$getOwnPropertyDescriptor=require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptor");var _forEachInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/for-each");var _Object$getOwnPropertyDescriptors=require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptors");var _Object$defineProperties=require("@babel/runtime-corejs3/core-js/object/define-properties");var _Object$defineProperty=require("@babel/runtime-corejs3/core-js/object/define-property");var _Array$from=require("@babel/runtime-corejs3/core-js/array/from");var _Symbol=require("@babel/runtime-corejs3/core-js/symbol");var _getIteratorMethod=require("@babel/runtime-corejs3/core-js/get-iterator-method");var _defineProperty=require("@babel/runtime-corejs3/helpers/defineProperty");var _parseFloat=require("@babel/runtime-corejs3/core-js/parse-float");var _parseInt=require("@babel/runtime-corejs3/core-js/parse-int");var _sliceInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/slice");var _mapInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/map");var _valuesInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/values");var _concatInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/concat");function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof _Symbol&&_getIteratorMethod(r)||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var _n=0,F=function F2(){};return{s:F,n:function n(){return _n>=r.length?{done:true}:{done:false,value:r[_n++]}},e:function e2(r2){throw r2},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=true,u=false;return{s:function s(){t=t.call(r)},n:function n(){var r2=t.next();return a=r2.done,r2},e:function e2(r2){u=true,o=r2},f:function f(){try{a||null==t.return||t.return()}finally{if(u)throw o}}}}function _unsupportedIterableToArray(r,a){if(r){var _context17;if("string"==typeof r)return _arrayLikeToArray(r,a);var t=_sliceInstanceProperty(_context17={}.toString.call(r)).call(_context17,8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?_Array$from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}function ownKeys(e,r){var t=_Object$keys(e);if(_Object$getOwnPropertySymbols){var o=_Object$getOwnPropertySymbols(e);r&&(o=_filterInstanceProperty(o).call(o,function(r2){return _Object$getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var _context15,_context16;var t=null!=arguments[r]?arguments[r]:{};r%2?_forEachInstanceProperty(_context15=ownKeys(Object(t),true)).call(_context15,function(r2){_defineProperty(e,r2,t[r2])}):_Object$getOwnPropertyDescriptors?_Object$defineProperties(e,_Object$getOwnPropertyDescriptors(t)):_forEachInstanceProperty(_context16=ownKeys(Object(t))).call(_context16,function(r2){_Object$defineProperty(e,r2,_Object$getOwnPropertyDescriptor(t,r2))})}return e}var Panel=require("../../Panel/index.js");var GoldInput=require("../../GoldInput/index.js");var GoldText=require("../../GoldText/index.js");var GoldSelect=require("../../GoldSelect/index.js");var common_iconphoto=require("../../common/iconphoto/index.js");var Switch=require("../../Switch/index.js");var GoldArea=require("../../GoldArea/index.js");var utils_helpers=require("../../utils/helpers/index.js");var BankSelect_js=require("../js/index.js");var __$_require_7dfc0f72__=require("../../assets/come.0b83.png");var __$_require_75a05569__=require("../../assets/down.281b.png");var common=require("../../common/index.js");var _sfc_main={name:"AddBankBox",props:{brandColor:{type:String,default:"#8c7fee"},selectBank:{type:Array,default:function _default(){return[]}},isEdit:{type:Boolean,default:false},isShowBankBox:{type:Boolean,default:false},bankInfo:{type:Object,default:function _default2(){}},exParams:{type:Object,default:null},bankChooseInfo:{type:Object,default:null},bankMsgInfo:{type:Object,default:null},titleGradualColor:{type:String,default:""},bankAddressList:{type:Array,default:function _default3(){return[]}}},data:function data(){return{bankName:"",cardholderCertTypeName:"",bankMsgCopy:{userBankId:"",bankCode:"",bankCardId:"",cardholder:this.exParams&&this.exParams.cardholder||"",cardholderCert:this.exParams&&this.exParams.cardholderCert||"",cardholderCertType:this.exParams&&this.exParams.cardholderCertType||"0",isDefault:false,holderMobile:this.exParams&&this.exParams.holderMobile||"",subBankName:"",bankAreaCode:""},bankAreaDesc:"",errMsgInfo:{cardholder:{errmsg:"",regexs:[BankSelect_js.commonCardholderRules.isRequired,BankSelect_js.commonCardholderRules.isLengthChina,BankSelect_js.commonCardholderRules.hasNoSpecialCharacters,BankSelect_js.commonCardholderRules.hasNoEnglishCharacters,BankSelect_js.commonCardholderRules.isValidFormat]},cardholderCertType:{errmsg:"",regexs:[{regex:"\\S",errorRemind:"请选择证件类型"}]},cardholderCert:{errmsg:"",regexs:[BankSelect_js.commonCardholderCertRules.isRequired,BankSelect_js.commonCardholderCertRules.noSpace,BankSelect_js.commonCardholderCertRules.idType]},bankCardId:{errmsg:"",regexs:[{regex:"\\S",errorRemind:"请输入银行卡号"},{regex:"^[0-9]{15,19}$",errorRemind:"请填写正确的银行卡号"}]},holderMobile:{errmsg:"",regexs:[{regex:"^[0-9]+$",errorRemind:"手机号不能存在英文或符号"},{regex:"^[0-9]{11}$",errorRemind:"请输入11位手机号"},{regex:"^[1]([3-9])[0-9]{9}$",errorRemind:"请输入正确的手机号"}]}},isAgree:false,showExpanded:true}},computed:{bankList:function bankList(){return this.changItem()},bankMsg:function bankMsg(){return this.bankMsgInfo?this.bankMsgInfo:this.bankMsgCopy},cardholderCertTypeOptions:function cardholderCertTypeOptions(){return[{text:"身份证",value:"0"},{text:"非中国大陆护照",value:"31"},{text:"外国人永久居留身份证",value:"20"},{text:"港澳居民来往内地通行证",value:"23"},{text:"台湾居民来往内地通行证",value:"24"}]},isForeignType:function isForeignType(){return this.bankMsg.cardholderCertType==="31"||this.bankMsg.cardholderCertType==="20"}},mounted:function mounted(){if(!this.isEdit&&this.bankMsg){var val=String(this.bankMsg.cardholderCertType);this.setCertTypeRules(val);this.validateRegexs("cardholder");this.validateRegexs("cardholderCert")}if(this.bankMsg){this.bankAreaDesc=this.getAreaDesc(this.bankAddressList,this.bankMsg.bankAreaCode)}},methods:{toRgb:function toRgb(color){function getHexColor(color2){var _context,_context2,_context3;var values=color2.replace(/rgba?\(/,"").replace(/\)/,"").replace(/[\s+]/g,"").split(",");var a=_parseFloat(values[3]||1);var r=Math.floor(a*_parseInt(values[0])+(1-a)*255);var g=Math.floor(a*_parseInt(values[1])+(1-a)*255);var b=Math.floor(a*_parseInt(values[2])+(1-a)*255);return"#"+_sliceInstanceProperty(_context="0"+r.toString(16)).call(_context,-2)+_sliceInstanceProperty(_context2="0"+g.toString(16)).call(_context2,-2)+_sliceInstanceProperty(_context3="0"+b.toString(16)).call(_context3,-2)}var rgb=utils_helpers.hexToRgb(color,.1);return getHexColor(rgb)},toggle:function toggle(){this.showExpanded=!this.showExpanded},changItem:function changItem(){var list=this.selectBank;var data2=[];_mapInstanceProperty(list).call(list,function(item){var _context4;var title=item.title;var items=[];_mapInstanceProperty(_context4=item.list).call(_context4,function(ite){items.push(_objectSpread({name:ite.bank_name,avatar:ite.logo},ite))});data2.push({title,items})});return data2},handleSelBank:function handleSelBank(){if(this.isEdit)return;this.$emit("handleSelBank")},chooseBank:function chooseBank(item){this.bankName=item.bank_name;this.bankMsg.bankCode=item.bank_code},input:function input(key,value){this.bankMsg[key]=value},blur:function blur(key){if(key==="holderMobile"&&this.bankMsg.holderMobile===""){this.errMsgInfo.holderMobile.errmsg="";return}var regexs=this.errMsgInfo[key]&&this.errMsgInfo[key].regexs;if(regexs){var _iterator=_createForOfIteratorHelper(regexs),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var ruleItem=_step.value;if(!new RegExp(ruleItem.regex).test(this.bankMsg[key])){this.errMsgInfo[key].errmsg=ruleItem.errorRemind;break}else{this.errMsgInfo[key].errmsg=""}}}catch(err){_iterator.e(err)}finally{_iterator.f()}}},change:function change(key,value){this.$set(this.bankMsg,key,value);if(key==="cardholderCertType"){var val=String(value);this.setCertTypeRules(val);this.validateRegexs("cardholder");this.validateRegexs("cardholderCert")}else if(key==="bankAreaCode"){this.bankAreaDesc=this.getAreaDesc(this.bankAddressList,value)}},getAreaDesc:function getAreaDesc(range,value){if(!range||!range.length||!value||!value.length){return""}var descArr=this.recursiveGetDesc({values:value,range});if(!descArr||!descArr.length){return""}return descArr.join("-")},handleCamera:function handleCamera(){this.$emit("handleCamera")},confirmAddOrEdit:function confirmAddOrEdit(){this.$emit("confirmAddOrEdit")},setCertTypeRules:function setCertTypeRules(val){var cardholderRules=BankSelect_js.setCardholderRules(val);var cardholderCertRules=BankSelect_js.setCardholderCertRules(val);this.errMsgInfo.cardholder.regexs=cardholderRules;this.errMsgInfo.cardholderCert.regexs=cardholderCertRules},recursiveGetDesc:function recursiveGetDesc(_ref){var values=_valuesInstanceProperty(_ref),range=_ref.range,_ref$outData=_ref.outData,outData=_ref$outData===void 0?[]:_ref$outData,_ref$index=_ref.index,index=_ref$index===void 0?0:_ref$index,callback=_ref.callback;for(var j=0;j<range.length;j++){var _range$j=range[j],code=_range$j.code,name=_range$j.name,subList=_range$j.subList;if(values[index]==code){outData.push(name);callback&&callback(range[j]);index++;if(subList){this.recursiveGetDesc({values,range:subList,outData,index,callback})}break}}return outData},validateRegexs:function validateRegexs(key){var regexs=this.errMsgInfo[key].regexs;if(regexs){var _iterator2=_createForOfIteratorHelper(regexs),_step2;try{for(_iterator2.s();!(_step2=_iterator2.n()).done;){var ruleItem=_step2.value;if(!new RegExp(ruleItem.regex).test(this.bankMsg[key])){this.errMsgInfo[key].errmsg=ruleItem.errorRemind;return}else{this.errMsgInfo[key].errmsg=""}}}catch(err){_iterator2.e(err)}finally{_iterator2.f()}}}},watch:{bankInfo:{handler:function handler(val){if(val.bankNo){this.bankMsg.bankCardId=val.bankNo}},deep:true},bankChooseInfo:{handler:function handler2(val){this.bankName=val.bankName;this.cardholderCertTypeName=val.cardholderCertTypeName;this.bankMsg.bankCode=val.bankCode},immediate:true,deep:true}},components:{ActPanel:Panel.Panel,ActGoldInput:GoldInput.GoldInput,IconPhoto:common_iconphoto.IconPhoto,ActSwitch:Switch.Switch,ActGoldText:GoldText.GoldText,ActGoldSelect:GoldSelect.GoldSelect,ActGoldArea:GoldArea.GoldArea},directives:{clickOnce:{inserted:function inserted(el,binding){el.addEventListener("click",function(event){event.stopPropagation();if(!el.isClickEnabled){el.isClickEnabled=true;setTimeout(function(){el.isClickEnabled=false},~~binding.arg||500);binding.value()}})}}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"add-box"},[_c("div",{staticClass:"fillWrap"},[_c("div",{staticClass:"bg"}),_c("act-panel",{staticStyle:{"margin-top":"-15px"},attrs:{"borderRadius":"12px"}},[_c("div",{staticClass:"mustFillHeader",style:{background:_vm.titleGradualColor}},[_c("p",[_vm._v(" 必填项 ")])]),_c("div",{staticClass:"headerLine"}),!_vm.bankMsgInfo?_c("act-gold-select",{attrs:{"tit":"证件类型","border":"bottom","placeholder":"请选择","value":_vm.bankMsg.cardholderCertType,"options":_vm.cardholderCertTypeOptions,"brandColor":_vm.brandColor},on:{"change":function change2($event){var _context5;return _vm.change.apply(_vm,_concatInstanceProperty(_context5=["cardholderCertType"]).call(_context5,_sliceInstanceProperty(Array.prototype).call(arguments)))}}}):_c("act-gold-text",{attrs:{"tit":"证件类型","desc":_vm.cardholderCertTypeName,"color":"#999999","border":"bottom"}}),!_vm.bankMsgInfo?_c("act-gold-input",{attrs:{"tit":"持卡人","placeholder":"请填写","value":_vm.bankMsg.cardholder,"color":"#333333","brandColor":_vm.brandColor,"errMsg":_vm.errMsgInfo.cardholder.errmsg,"allowSpace":_vm.isForeignType,"border":"bottom"},on:{"input":function input2($event){var _context6;return _vm.input.apply(_vm,_concatInstanceProperty(_context6=["cardholder"]).call(_context6,_sliceInstanceProperty(Array.prototype).call(arguments)))},"blur":function blur2($event){var _context7;return _vm.blur.apply(_vm,_concatInstanceProperty(_context7=["cardholder"]).call(_context7,_sliceInstanceProperty(Array.prototype).call(arguments)))}}}):_c("act-gold-text",{attrs:{"tit":"持卡人","desc":_vm.bankMsg.cardholder,"color":"#999999","border":"bottom"}}),!_vm.bankMsgInfo?_c("act-gold-input",{attrs:{"tit":"证件号码","type":"text","placeholder":"请输入证件号码","value":_vm.bankMsg.cardholderCert,"errMsg":_vm.errMsgInfo.cardholderCert.errmsg,"color":"#333333","border":"bottom","brandColor":_vm.brandColor},on:{"input":function input2($event){var _context8;return _vm.input.apply(_vm,_concatInstanceProperty(_context8=["cardholderCert"]).call(_context8,_sliceInstanceProperty(Array.prototype).call(arguments)))},"blur":function blur2($event){var _context9;return _vm.blur.apply(_vm,_concatInstanceProperty(_context9=["cardholderCert"]).call(_context9,_sliceInstanceProperty(Array.prototype).call(arguments)))}}}):_c("act-gold-text",{attrs:{"tit":"证件号码","desc":_vm.bankMsg.cardholderCert,"color":"#999999","border":"bottom"}}),!_vm.bankMsgInfo?_c("act-gold-input",{attrs:{"tit":"银行卡号","type":"bankcard","placeholder":"请输入银行卡号","value":_vm.bankMsg.bankCardId,"errMsg":_vm.errMsgInfo.bankCardId.errmsg,"color":"#333333","border":"bottom","brandColor":_vm.brandColor,"maxLength":23},on:{"input":function input2($event){var _context0;return _vm.input.apply(_vm,_concatInstanceProperty(_context0=["bankCardId"]).call(_context0,_sliceInstanceProperty(Array.prototype).call(arguments)))},"blur":function blur2($event){var _context1;return _vm.blur.apply(_vm,_concatInstanceProperty(_context1=["bankCardId"]).call(_context1,_sliceInstanceProperty(Array.prototype).call(arguments)))}}},[_c("icon-photo",{attrs:{"slot":"suffix"},on:{"photoclick":_vm.handleCamera},slot:"suffix"})],1):_c("act-gold-text",{attrs:{"tit":"银行卡号","desc":_vm.bankMsg.bankCardId,"color":"#999999","border":"bottom"}}),!_vm.bankMsgInfo?_c("div",{staticClass:"baseElm"},[_c("div",{staticClass:"wrap",on:{"click":_vm.handleSelBank}},[_c("div",{staticClass:"tit"},[_vm._v(" 开户银行 ")]),_c("div",{staticClass:"selMsg"},[_vm._v(" "+_vm._s(_vm.bankName||"请选择")+" ")]),!_vm.isEdit?_c("img",{staticClass:"come",attrs:{"src":__$_require_7dfc0f72__,"alt":""}}):_vm._e()])]):_vm._e(),_vm.bankMsgInfo?_c("div",{staticClass:"baseElm"},[_c("div",{staticClass:"wrap",on:{"click":_vm.handleSelBank}},[_c("div",{staticClass:"tit"},[_vm._v(" 开户银行 ")]),_c("div",{staticClass:"selMsg"},[_vm._v(" "+_vm._s(_vm.bankName||"请选择")+" ")]),!_vm.isEdit?_c("img",{staticClass:"come",attrs:{"src":__$_require_7dfc0f72__,"alt":""}}):_vm._e()])]):_vm._e(),_c("div",{staticClass:"baseElm"},[_c("div",{staticClass:"wrap"},[_c("div",{staticClass:"tit"},[_vm._v(" 设为默认卡 ")]),_c("act-switch",{staticClass:"switch",attrs:{"size":"20","activeColor":_vm.brandColor,"inactiveColor":"#eeeeee"},model:{value:_vm.bankMsg.isDefault,callback:function callback($$v){_vm.$set(_vm.bankMsg,"isDefault",$$v)},expression:"bankMsg.isDefault"}})],1)])],1),_c("act-panel",{attrs:{"borderRadius":"12px"}},[_c("div",{staticClass:"mustFillHeader",style:{background:_vm.titleGradualColor}},[_c("p",[_vm._v(" 选填项 ")]),_c("div",{staticClass:"dowmIcon",on:{"click":_vm.toggle}},[_c("img",{class:{expanded:_vm.showExpanded},attrs:{"src":__$_require_75a05569__,"alt":""}})])]),_c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.showExpanded,expression:"showExpanded"}],staticClass:"headerLine"}),_c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.showExpanded,expression:"showExpanded"}],staticClass:"fillBox"},[_c("act-gold-input",{attrs:{"tit":"预留手机号","placeholder":"请输入手机号","type":"tel","value":_vm.bankMsg.holderMobile,"color":"#333333","brandColor":_vm.brandColor,"errMsg":_vm.errMsgInfo.holderMobile.errmsg,"border":"bottom"},on:{"input":function input2($event){var _context10;return _vm.input.apply(_vm,_concatInstanceProperty(_context10=["holderMobile"]).call(_context10,_sliceInstanceProperty(Array.prototype).call(arguments)))},"blur":function blur2($event){var _context11;return _vm.blur.apply(_vm,_concatInstanceProperty(_context11=["holderMobile"]).call(_context11,_sliceInstanceProperty(Array.prototype).call(arguments)))}}}),_c("act-gold-area",{attrs:{"tit":"开户行所在地","border":"bottom","placeholder":"请选择开户行所在地","value":_vm.bankMsg.bankAreaCode,"desc":_vm.bankAreaDesc,"options":_vm.bankAddressList,"brandColor":_vm.brandColor},on:{"change":function change2($event){var _context12;return _vm.change.apply(_vm,_concatInstanceProperty(_context12=["bankAreaCode"]).call(_context12,_sliceInstanceProperty(Array.prototype).call(arguments)))}}}),_c("act-gold-input",{attrs:{"tit":"开户行支行","placeholder":"请输入开户行支行","value":_vm.bankMsg.subBankName,"color":"#333333","brandColor":_vm.brandColor,"border":"bottom"},on:{"input":function input2($event){var _context13;return _vm.input.apply(_vm,_concatInstanceProperty(_context13=["subBankName"]).call(_context13,_sliceInstanceProperty(Array.prototype).call(arguments)))},"blur":function blur2($event){var _context14;return _vm.blur.apply(_vm,_concatInstanceProperty(_context14=["subBankName"]).call(_context14,_sliceInstanceProperty(Array.prototype).call(arguments)))}}})],1)]),_c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.bankMsgInfo,expression:"bankMsgInfo"}],staticClass:"delBtn",on:{"click":function click($event){return _vm.$emit("delBank",_vm.bankMsg)}}},[_vm._v(" 删除该银行卡 ")])],1),_c("div",{staticClass:"footer"},[_c("div",{directives:[{name:"click-once",rawName:"v-click-once",value:_vm.confirmAddOrEdit,expression:"confirmAddOrEdit"}],staticClass:"bankfooterBtn",style:"background: ".concat(_vm.brandColor)},[_vm._v(" "+_vm._s(_vm.bankMsgInfo?"确认编辑":"确认添加")+" ")])])])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"01ce6f74");var bankMsg2=__component__.exports;exports.bankMsg=bankMsg2;