@xysfe/actui2 0.0.1

package/lib/GoldElement/index.mjs

@@ -0,0 +1,762 @@
+import _findInstanceProperty from "@babel/runtime-corejs3/core-js/instance/find";
+import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js/instance/index-of";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import { c as create } from "../utils/create/index.mjs";
+import { G as GoldText } from "../GoldText/index.mjs";
+import { G as GoldInput } from "../GoldInput/index.mjs";
+import { G as GoldTextarea } from "../GoldTextarea/index.mjs";
+import { G as GoldSelect } from "../GoldSelect/index.mjs";
+import { G as GoldLongTextSelect } from "../GoldLongTextSelect/index.mjs";
+import { G as GoldMulSelect } from "../GoldMulSelect/index.mjs";
+import { G as GoldLattice } from "../GoldLattice/index.mjs";
+import { G as GoldDate } from "../GoldDate/index.mjs";
+import { G as GoldArea } from "../GoldArea/index.mjs";
+import { G as GoldCareer } from "../GoldCareer/index.mjs";
+import { G as GoldVerifyCode } from "../GoldVerifyCode/index.mjs";
+import { G as GoldFile } from "../GoldFile/index.mjs";
+import { G as GoldFileAssess } from "../GoldFileAssess/index.mjs";
+import { G as GoldStepper } from "../GoldStepper/index.mjs";
+import { G as GoldDisease } from "../GoldDisease/index.mjs";
+import { G as GoldSignature } from "../GoldSignature/index.mjs";
+import { G as GoldOcr } from "../GoldOcr/index.mjs";
+import { I as IconContact } from "../common/iconcontact/index.mjs";
+import { G as GoldSwitch } from "../GoldSwitch/index.mjs";
+import { I as IconPhoto } from "../common/iconphoto/index.mjs";
+import { I as IconBank } from "../common/iconbank/index.mjs";
+import { G as GoldIndexBar } from "../GoldIndexBar/index.mjs";
+import { G as GoldContactElement } from "../GoldContactElement/index.mjs";
+import { G as GoldAddress } from "../GoldAddress/index.mjs";
+import { G as GoldBankPayLimit } from "../GoldBankPayLimit/index.mjs";
+import { G as GoldDoorPlate } from "../GoldDoorPlate/index.mjs";
+import { G as GoldAddressSelect } from "../GoldAddressSelect/index.mjs";
+import { G as GoldCheckbox } from "../GoldCheckbox/index.mjs";
+import { G as GoldBankCombine } from "../GoldBankCombine/index.mjs";
+import { G as GoldBankSelect } from "../GoldBankSelect/index.mjs";
+import { G as GoldTimePicker } from "../GoldTimePicker/index.mjs";
+import { c as isObject, l as isArray, y as isNull, x as isUndefined } from "../utils/helpers/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+var ComponentNameMap = {
+  1: "text",
+  2: "input",
+  3: "textarea",
+  4: "select",
+  5: "lattice",
+  6: "lattice",
+  7: "date",
+  8: "area",
+  9: "career",
+  10: "text",
+  11: "verify-code",
+  12: "file",
+  13: "stepper",
+  14: "file",
+  // 数据格式变化
+  15: "file-assess",
+  // 对上传文件进行评定类型  simba 20200528 =>需求 护甲一方 甲状腺上传影像评估风险等级
+  26: "disease",
+  // 疾病选择
+  27: "signature",
+  // 签名组件
+  28: "ocr",
+  // ocr组件
+  29: "switch",
+  // switch组件
+  30: "index-bar",
+  // index-bar组件
+  31: "mul-select",
+  // gold-mul-select组件
+  35: "address",
+  // 地址搜素组件
+  36: "facecheck",
+  // 人脸识别组件
+  37: "bank-pay-limit",
+  //借记卡开户行限额组件
+  38: "door-plate",
+  39: "address-select",
+  //地址选择组件a-z排序的
+  40: "checkbox",
+  // 复选框
+  41: "bank-combine",
+  //银行卡账户合并元素
+  42: "bank-select",
+  //常用联系人
+  44: "long-text-select",
+  // 和type4 picker 逻辑一样，UI不一样
+  45: "time-picker",
+  // 时-分-秒选择元素
+  98: "contact-element",
+  // 联系人元素
+  99: "verify-code"
+};
+var _sfc_main = {
+  name: "ActGoldElement",
+  props: {
+    element: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    zIndex: {
+      type: Number,
+      default: 100
+    },
+    align: {
+      type: String,
+      default: "right"
+    },
+    colons: {
+      type: Boolean,
+      default: false
+    },
+    border: {
+      type: String,
+      default: "top"
+    },
+    titPadding: {
+      type: Boolean,
+      default: false
+    },
+    brandColor: {
+      type: String,
+      default: "#8c7fee"
+    },
+    btnColor: {
+      type: String,
+      default: "#ff5a6e"
+    },
+    isCps: {
+      type: Boolean,
+      default: false
+    },
+    appId: {
+      type: String,
+      default: ""
+    },
+    showLayerFn: {
+      type: Function,
+      default: null
+    },
+    flexDirection: {
+      type: String,
+      default: "row"
+    }
+  },
+  components: {
+    ActGoldText: GoldText,
+    ActGoldInput: GoldInput,
+    ActGoldTextarea: GoldTextarea,
+    ActGoldSelect: GoldSelect,
+    ActGoldLongTextSelect: GoldLongTextSelect,
+    ActGoldMulSelect: GoldMulSelect,
+    ActGoldLattice: GoldLattice,
+    ActGoldDate: GoldDate,
+    ActGoldArea: GoldArea,
+    ActGoldCareer: GoldCareer,
+    ActGoldVerifyCode: GoldVerifyCode,
+    ActGoldFile: GoldFile,
+    ActGoldFileAssess: GoldFileAssess,
+    ActGoldStepper: GoldStepper,
+    ActGoldDisease: GoldDisease,
+    ActGoldSignature: GoldSignature,
+    ActGoldOcr: GoldOcr,
+    IconContact,
+    ActGoldSwitch: GoldSwitch,
+    IconPhoto,
+    IconBank,
+    ActGoldIndexBar: GoldIndexBar,
+    ActGoldContactElement: GoldContactElement,
+    ActGoldAddress: GoldAddress,
+    ActGoldBankPayLimit: GoldBankPayLimit,
+    ActGoldDoorPlate: GoldDoorPlate,
+    ActGoldAddressSelect: GoldAddressSelect,
+    ActGoldCheckbox: GoldCheckbox,
+    ActGoldBankCombine: GoldBankCombine,
+    ActGoldBankSelect: GoldBankSelect,
+    ActGoldTimePicker: GoldTimePicker
+  },
+  computed: {
+    currentComponent: function currentComponent() {
+      var name = ComponentNameMap[this.type] || "text";
+      return "act-gold-" + name.toLowerCase();
+    },
+    hasContact: function hasContact() {
+      return this.type === 2 && this.element.contact;
+    },
+    hasPhoto: function hasPhoto() {
+      if (this.type === 2) {
+        if (this.elementAttr.photoConfig && this.elementAttr.photoConfig.show) {
+          return true;
+        }
+      }
+      return false;
+    },
+    hasBank: function hasBank() {
+      if (this.type === 2) {
+        if (~~this.elementAttr.bankOcr === 1) {
+          return true;
+        }
+      }
+      return false;
+    },
+    elemKey: function elemKey() {
+      return this.element.key;
+    },
+    bindKey: function bindKey() {
+      if (this.element.site && this.element.site.length) {
+        return this.elemKey + "." + this.element.site.join(".") || "";
+      }
+      return this.elemKey;
+    },
+    elementAttr: function elementAttr() {
+      var attr = this.element.element_attr;
+      if (isObject(attr)) {
+        return attr;
+      }
+      if (attr) {
+        var data;
+        try {
+          data = JSON.parse(attr);
+        } catch (e) {
+          data = {};
+        }
+        return data;
+      }
+      return {};
+    },
+    asyncSearch: function asyncSearch() {
+      return this.elementAttr.asyncSearch;
+    },
+    type: function type() {
+      return Number(this.element.type);
+    },
+    visible: function visible() {
+      if (this.element && Number(this.element.display) === 1) {
+        return true;
+      }
+      return false;
+    },
+    required: function required() {
+      if (this.element && this.element.required && Number(this.element.required) === 1) {
+        return true;
+      }
+      return false;
+    },
+    tit: function tit() {
+      return this.element.name;
+    },
+    title: function title() {
+      return this.elementAttr.title;
+    },
+    subTit: function subTit() {
+      return this.element.sub_name;
+    },
+    emailAutoList: function emailAutoList() {
+      return this.elementAttr.emailAutoList || ["@qq.com", "@163.com", "@139.com", "@126.com", "@189.cn"];
+    },
+    remarks: function remarks() {
+      var _this = this;
+      if (this.swicthBottomText && Array.isArray(this.swicthBottomText)) {
+        var _context;
+        var swicthBottomText2 = _findInstanceProperty(_context = this.swicthBottomText).call(_context, function(item) {
+          return String(item.bindValue) === String(_this.value);
+        });
+        if (!swicthBottomText2) {
+          return this.elementAttr.remarks || "";
+        }
+        return swicthBottomText2.text;
+      } else {
+        return this.elementAttr.remarks || "";
+      }
+    },
+    remarksBgColor: function remarksBgColor() {
+      var _this2 = this;
+      if (this.swicthBottomText && Array.isArray(this.swicthBottomText)) {
+        var _context2;
+        var swicthBottomText2 = _findInstanceProperty(_context2 = this.swicthBottomText).call(_context2, function(item) {
+          return String(item.bindValue) === String(_this2.value);
+        });
+        if (!swicthBottomText2) {
+          return Number(this.autoRenewalBindAction) === 1 ? "#FEFAF1" : "#f7f8fc";
+        }
+        return swicthBottomText2.bgColor || "#f7f8fc";
+      } else {
+        return "#f7f8fc";
+      }
+    },
+    remarksNoSharp: function remarksNoSharp() {
+      return this.elementAttr.remarksNoSharp || 0;
+    },
+    tags: function tags() {
+      return this.elementAttr.tags || [];
+    },
+    inputCarry: function inputCarry() {
+      return this.elementAttr.inputCarry || null;
+    },
+    displayRatio: function displayRatio() {
+      return +this.elementAttr.displayRatio || 1;
+    },
+    tempVar: function tempVar() {
+      return this.elementAttr.tempVar || {};
+    },
+    errMsg: function errMsg() {
+      return this.element.errorRemind;
+    },
+    tips: function tips() {
+      return (this.element.tips || "").replace(/(^\s*)|(\s*$)/g, "");
+    },
+    value: function value() {
+      return this.element.defaultValue;
+    },
+    inputType: function inputType() {
+      var name = "";
+      if (this.element.key && this.element.key !== "") {
+        name = this.element.key.split(".").pop();
+      }
+      if (name === "bankNo") {
+        return this.elementAttr.forceType || "bankcard";
+      } else if (name === "mobile" || name === "guarndianMobile") {
+        return "mobile";
+      } else if (!this.elementAttr["type"] && name === "email") {
+        return "email";
+      }
+      return this.elementAttr["type"] || "text";
+    },
+    placeholder: function placeholder() {
+      return this.element.defaultRemind;
+    },
+    desc: function desc() {
+      if (isArray(this.element.desc)) {
+        if (this.type === 31 || this.type === 35) {
+          return this.element.desc;
+        }
+        if (+this.valueType === 6) {
+          return this.element.desc.join(" / ");
+        }
+        return this.element.desc.join("-");
+      }
+      if (isNull(this.element.desc) || isUndefined(this.element.desc)) {
+        return "";
+      }
+      return this.element.desc + "";
+    },
+    attachElements: function attachElements() {
+      return this.elementAttr.attachElements || {};
+    },
+    stepperTabs: function stepperTabs() {
+      return this.attachElements.list && this.attachElements.list[0] || null;
+    },
+    stepperAppend: function stepperAppend() {
+      if (this.elementAttr.addLetter !== void 0 && this.elementAttr.addPoint !== void 0) {
+        return {
+          addLetter: this.elementAttr.addLetter,
+          addPoint: this.elementAttr.addPoint
+        };
+      }
+      return null;
+    },
+    options: function options() {
+      var _context3;
+      if (_indexOfInstanceProperty(_context3 = [4, 5, 6, 8, 9, 30, 31, 37, 38, 39, 44]).call(_context3, this.type) > -1) {
+        return this.element.attributeValues;
+      }
+      return [];
+    },
+    range: function range() {
+      if (this.type === 7 || this.type === 45) {
+        return this.element.attributeValues[0];
+      } else if (this.type === 13) {
+        return this.element.attributeValues;
+      } else {
+        return {};
+      }
+    },
+    unit: function unit() {
+      return this.elementAttr["unit"] || "";
+    },
+    bubble: function bubble() {
+      if (~~this.elementAttr.bubble === 1) {
+        return true;
+      }
+      return false;
+    },
+    color: function color() {
+      if (this.type === 10) {
+        return "#fe5b70";
+      }
+      return "";
+    },
+    rows: function rows() {
+      if (this.type === 3) {
+        return this.elementAttr.rows;
+      }
+      return 1;
+    },
+    textAlign: function textAlign() {
+      if (this.type === 3) {
+        return this.elementAttr.textAlign || this.align;
+      } else if (this.type === 12 || this.type === 14 || this.type === 15) {
+        return this.elementAttr.textAlign || "left";
+      }
+      return this.align;
+    },
+    attachElement: function attachElement() {
+      if (this.elementAttr.attachElement) {
+        return this.elementAttr.attachElement;
+      }
+      return null;
+    },
+    linkTips: function linkTips() {
+      if (this.elementAttr.linkTips) {
+        return this.elementAttr.linkTips;
+      }
+      return null;
+    },
+    download: function download() {
+      if (this.elementAttr.download) {
+        return this.elementAttr.download;
+      }
+      return null;
+    },
+    examplePicture: function examplePicture() {
+      if (this.elementAttr.examplePicture) {
+        return this.elementAttr.examplePicture;
+      }
+      return [];
+    },
+    maxLength: function maxLength() {
+      if (this.elementAttr.maxLength) {
+        return this.elementAttr.maxLength;
+      }
+      return "";
+    },
+    uploadOption: function uploadOption() {
+      if (this.type === 12 || this.type === 14 || this.type === 15 || this.type === 27 || this.type === 28) {
+        return {
+          max: this.elementAttr.uploadMax || 100,
+          type: this.elementAttr.uploadType || 1,
+          count: this.elementAttr.uploadCount || 9,
+          accept: this.elementAttr.uploadAccept || "image/*",
+          sourceType: this.elementAttr.uploadSourceType || ["album", "camera"],
+          maxWidth: this.elementAttr.uploadMaxWidth || 1440,
+          maxHeight: this.elementAttr.uploadMaxHeight || 1440,
+          bizId: this.elementAttr.uploadBizId || "",
+          requrestUrl: this.elementAttr.requestUrl || "",
+          //指定的请求地址 simba 20200528新增 =>需求 护甲一方 甲状腺上传影像评估风险等级
+          extParam: this.elementAttr.customParams || "",
+          //指定请求的参数 simba 20200528新增 =>需求 护甲一方 甲状腺上传影像评估风险等级
+          maxSize: this.elementAttr.uploadMaxSize || void 0,
+          compressSize: this.elementAttr.uploadCompressSize || 0.6,
+          enableHighQuality: this.elementAttr.enableHighQuality || false
+        };
+      }
+      return {};
+    },
+    diseaseUrl: function diseaseUrl() {
+      if (this.type === 26) {
+        return this.elementAttr.url || "/diseaseRecommentV2/getDiseaseList";
+      }
+      return "";
+    },
+    diseaseParams: function diseaseParams() {
+      if (this.type === 26) {
+        return this.elementAttr.params || {
+          isAdult: 1
+        };
+      }
+      return {};
+    },
+    dataTrack: function dataTrack() {
+      return this.elementAttr.dataTrack || "";
+    },
+    disabled: function disabled() {
+      return this.element._disabled;
+    },
+    allowSpace: function allowSpace() {
+      return Number(this.elementAttr.allowSpace) === 1;
+    },
+    pickerType: function pickerType() {
+      return this.elementAttr.pickerType || "";
+    },
+    needSearch: function needSearch() {
+      return ~~this.elementAttr.needSearch || 0;
+    },
+    signatureMode: function signatureMode() {
+      return this.elementAttr.signatureMode || "";
+    },
+    faceCheckData: function faceCheckData() {
+      if (this.type === 36 && this.elementAttr.faceCheckData) {
+        return this.elementAttr.faceCheckData;
+      }
+      return null;
+    },
+    disableShow: function disableShow() {
+      if (isObject(this.elementAttr.disableShow)) {
+        return this.elementAttr.disableShow;
+      } else {
+        return null;
+      }
+    },
+    multiNumber: function multiNumber() {
+      return +this.elementAttr.MultiNumber || -1;
+    },
+    flexdirection: function flexdirection() {
+      return this.elementAttr.flexDirection || this.flexDirection;
+    },
+    alwaysTips: function alwaysTips() {
+      return this.elementAttr.alwaysTips || "0";
+    },
+    realBorder: function realBorder() {
+      return this.elementAttr.border || this.border;
+    },
+    verifyCodeConfig: function verifyCodeConfig() {
+      var _this$elementAttr = this.elementAttr, countDown = _this$elementAttr.countDown, leftTime = _this$elementAttr.leftTime, codeState = _this$elementAttr.codeState, codeCanNotRetry = _this$elementAttr.codeCanNotRetry;
+      return {
+        countDown,
+        leftTime,
+        codeState,
+        codeCanNotRetry
+      };
+    },
+    swicthPop: function swicthPop() {
+      if (!this.elementAttr || !this.elementAttr.swicthPop) return null;
+      return this.elementAttr.swicthPop;
+    },
+    swicthBottomText: function swicthBottomText() {
+      if (!this.elementAttr || !this.elementAttr.swicthBottomText) return null;
+      return this.elementAttr.swicthBottomText;
+    },
+    swicthAction: function swicthAction() {
+      if (!this.elementAttr || !this.elementAttr.swicthAction) return null;
+      return this.elementAttr.swicthAction;
+    },
+    valueType: function valueType() {
+      return this.element.valueType;
+    },
+    showTextButton: function showTextButton() {
+      return this.elementAttr.showTextButton || "";
+    },
+    autoRenewalBindAction: function autoRenewalBindAction() {
+      return this.elementAttr.autoRenewalBindAction || 0;
+    }
+  },
+  methods: {
+    tipsClick: function tipsClick(tips2) {
+      this.$emit("tipsclick", tips2);
+    },
+    takenLink: function takenLink(takenValue) {
+      this.$emit("takenLink", takenValue);
+    },
+    downloadEvent: function downloadEvent(download2) {
+      this.$emit("downloadevent", download2);
+    },
+    signatureComplete: function signatureComplete(url) {
+      this.$emit("signatureComplete", url);
+    },
+    changeValue: function changeValue(element, value2) {
+      var ext = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "";
+      var changeData = {
+        key: element.key,
+        site: element.site,
+        value: value2
+      };
+      if (ext) {
+        changeData.ext = ext;
+      }
+      this.$emit("change", changeData);
+    },
+    cancel: function cancel() {
+      this.$emit("cancel");
+    },
+    changeChainElements: function changeChainElements(element, chainElements) {
+      this.$emit("changeChainElements", {
+        element,
+        chainElements
+      });
+    },
+    onInputFocus: function onInputFocus(e) {
+      this.$emit("inputfocus", e);
+    },
+    onInputBlur: function onInputBlur(e) {
+      this.$emit("inputblur", e);
+    },
+    contactClick: function contactClick(e) {
+      this.$emit("contactclick", {
+        event: e,
+        scene: this.element.key.split(".")[0],
+        site: this.element.site
+      });
+    },
+    photoClick: function photoClick(e) {
+      this.$emit("photoclick", {
+        scene: this.elemKey.split(".")[0],
+        site: this.element.site,
+        idType: this.elementAttr.photoConfig && this.elementAttr.photoConfig.idType || 0
+      });
+    },
+    bankClick: function bankClick(e) {
+      this.$emit("bankClick", {
+        element: this.element
+      });
+    },
+    addressClick: function addressClick() {
+      this.$emit("addressClick", this.element);
+    },
+    openBank: function openBank() {
+      this.$emit("openBank", this.element);
+    },
+    textButtonClick: function textButtonClick() {
+      this.$emit("textButtonClick", this.element);
+    },
+    verifyCodeClick: function verifyCodeClick(countDown, otherData) {
+      this.$emit("verifycodeclick", {
+        countDown,
+        otherData,
+        element: this.element
+      });
+    },
+    ocrUploadBegin: function ocrUploadBegin(instance) {
+      this.$emit("ocruploadbegin", {
+        ocrInstance: instance,
+        element: this.element
+      });
+    },
+    onError: function onError(arg) {
+      this.$emit("error", arg);
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c(_vm.currentComponent, {
+    tag: "component",
+    attrs: {
+      "visible": _vm.visible,
+      "required": _vm.required,
+      "elemKey": _vm.elemKey,
+      "bindKey": _vm.bindKey,
+      "emailAutoList": _vm.emailAutoList,
+      "tit": _vm.tit,
+      "title": _vm.title,
+      "subTit": _vm.subTit,
+      "eleType": _vm.type,
+      "errMsg": _vm.errMsg,
+      "remarks": _vm.remarks,
+      "tags": _vm.tags,
+      "inputCarry": _vm.inputCarry,
+      "tips": _vm.tips,
+      "value": _vm.value,
+      "unit": _vm.unit,
+      "bubble": _vm.bubble,
+      "type": _vm.inputType,
+      "placeholder": _vm.placeholder,
+      "desc": _vm.desc,
+      "options": _vm.options,
+      "range": _vm.range,
+      "rows": _vm.rows,
+      "displayRatio": _vm.displayRatio,
+      "stepperTabs": _vm.stepperTabs,
+      "stepperAppend": _vm.stepperAppend,
+      "align": _vm.textAlign,
+      "colons": _vm.colons,
+      "color": _vm.color,
+      "border": _vm.realBorder,
+      "zIndex": _vm.zIndex,
+      "titPadding": _vm.titPadding,
+      "brandColor": _vm.brandColor,
+      "btnColor": _vm.btnColor,
+      "uploadOption": _vm.uploadOption,
+      "attachElement": _vm.attachElement,
+      "linkTips": _vm.linkTips,
+      "download": _vm.download,
+      "examplePicture": _vm.examplePicture,
+      "isCps": _vm.isCps,
+      "appId": _vm.appId,
+      "maxLength": _vm.maxLength,
+      "tempVar": _vm.tempVar,
+      "diseaseUrl": _vm.diseaseUrl,
+      "diseaseParams": _vm.diseaseParams,
+      "dataTrack": _vm.dataTrack,
+      "disabled": _vm.disabled,
+      "allowSpace": _vm.allowSpace,
+      "pickerType": _vm.pickerType,
+      "needSearch": _vm.needSearch,
+      "signatureMode": _vm.signatureMode,
+      "faceCheckData": _vm.faceCheckData,
+      "showLayerFn": _vm.showLayerFn,
+      "disableShow": _vm.disableShow,
+      "multiNumber": _vm.multiNumber,
+      "flexDirection": _vm.flexdirection,
+      "alwaysTips": _vm.alwaysTips,
+      "verifyCodeConfig": _vm.verifyCodeConfig,
+      "asyncSearch": _vm.asyncSearch,
+      "swicthPop": _vm.swicthPop,
+      "swicthBottomText": _vm.swicthBottomText,
+      "swicthAction": _vm.swicthAction,
+      "remarksBgColor": _vm.remarksBgColor,
+      "remarksNoSharp": _vm.remarksNoSharp,
+      "valueType": _vm.valueType,
+      "showTextButton": _vm.showTextButton,
+      "autoRenewalBindAction": _vm.autoRenewalBindAction
+    },
+    on: {
+      "tipsclick": _vm.tipsClick,
+      "takenLink": _vm.takenLink,
+      "downloadevent": _vm.downloadEvent,
+      "change": function change($event) {
+        var _context4;
+        return _vm.changeValue.apply(_vm, _concatInstanceProperty(_context4 = [_vm.element]).call(_context4, _sliceInstanceProperty(Array.prototype).call(arguments)));
+      },
+      "cancel": _vm.cancel,
+      "focus": _vm.onInputFocus,
+      "blur": _vm.onInputBlur,
+      "contactclick": _vm.contactClick,
+      "verifycodeclick": _vm.verifyCodeClick,
+      "ocruploadbegin": _vm.ocrUploadBegin,
+      "error": _vm.onError,
+      "addressClick": _vm.addressClick,
+      "openBank": _vm.openBank,
+      "textButtonClick": _vm.textButtonClick,
+      "changeChainElements": function changeChainElements2($event) {
+        var _context5;
+        return _vm.changeChainElements.apply(_vm, _concatInstanceProperty(_context5 = [_vm.element]).call(_context5, _sliceInstanceProperty(Array.prototype).call(arguments)));
+      }
+    }
+  }, [_vm.hasContact ? _c("icon-contact", {
+    attrs: {
+      "slot": "suffix",
+      "dataTrack": "h5_" + _vm.elemKey.split(".")[0] + "_contact_change"
+    },
+    on: {
+      "contactclick": _vm.contactClick
+    },
+    slot: "suffix"
+  }) : _vm.hasPhoto ? _c("icon-photo", {
+    attrs: {
+      "slot": "suffix"
+    },
+    on: {
+      "photoclick": _vm.photoClick
+    },
+    slot: "suffix"
+  }) : _vm.hasBank ? _c("icon-bank", {
+    attrs: {
+      "slot": "suffix"
+    },
+    on: {
+      "bankclick": _vm.bankClick
+    },
+    slot: "suffix"
+  }) : _vm._e()], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null);
+var GoldElement = __component__.exports;
+GoldElement.install = function(Vue) {
+  Vue.component(GoldElement.name, GoldElement);
+  Vue.prototype["$createGoldElement"] = create(GoldElement, Vue);
+};
+export {
+  GoldElement as G
+};