@xysfe/actui2 0.0.1

package/lib/GoldProtocol/index.mjs

@@ -0,0 +1,205 @@
+import { u as ua, l as isArray, b as formatFontSize } from "../utils/helpers/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "ActGoldProtocol",
+  data: function data() {
+    return {
+      protocolChecked: this.checkState
+    };
+  },
+  props: {
+    text: {
+      type: String,
+      default: "本人已阅读并同意"
+    },
+    tips: {
+      type: String,
+      default: ""
+    },
+    protocols: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    checkState: {
+      type: Boolean,
+      default: true
+    },
+    showCheckBox: {
+      type: Boolean,
+      default: true
+    },
+    textColor: {
+      type: String,
+      default: "#666"
+    },
+    textFontSize: {
+      type: [Number, String],
+      default: 13
+    },
+    openInWindow: {
+      type: Boolean,
+      default: false
+    },
+    brandColor: {
+      type: String,
+      default: "#8c7fee"
+    },
+    zIndex: {
+      type: [String, Number],
+      default: 999
+    },
+    disableChecked: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    fontSize: function fontSize() {
+      return formatFontSize(this.textFontSize);
+    }
+  },
+  methods: {
+    getCheckBoxState: function getCheckBoxState() {
+      return !!this.protocolChecked;
+    },
+    onClick: function onClick(item) {
+      var _this = this;
+      var isOpenInWindow = false;
+      if (item.openInWindow) {
+        isOpenInWindow = item.openInWindow;
+      } else if (item.openInWindow === false) {
+        isOpenInWindow = false;
+      } else {
+        isOpenInWindow = this.openInWindow;
+      }
+      if (isOpenInWindow && item.data) {
+        if (isArray(item.data) && item.data.length === 1 && item.data[0].src) {
+          return this.openUrl(item.data[0].src);
+        } else if (!isArray(item.data) && item.data.src) {
+          return this.openUrl(item.data.src);
+        }
+      }
+      if (this.docPop) {
+        this.docPop.remove();
+      }
+      this.docPop = this.$createDocPop({
+        zIndex: this.zIndex,
+        title: item.title,
+        docData: this.docData(item),
+        brandColor: this.brandColor,
+        openInWindow: isOpenInWindow
+      }, function(createElement) {
+        return [createElement("template", {
+          slot: "content"
+        }, [_this.$slots.content])];
+      }).show();
+    },
+    docData: function docData(item) {
+      if (isArray(item.data)) {
+        return item.data;
+      } else {
+        return [item.data];
+      }
+    },
+    protocolToggle: function protocolToggle() {
+      if (this.disableChecked) {
+        return;
+      }
+      this.protocolChecked = !this.protocolChecked;
+      this.$emit("toggle", this.protocolChecked);
+    },
+    openUrl: function openUrl(url) {
+      if (ua.isMobile || ua.isWx) {
+        location.href = url;
+      } else {
+        window.open(url, "_blank");
+      }
+    }
+  },
+  watch: {
+    checkState: function checkState(val) {
+      this.protocolChecked = val;
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "act-gold-protocol"
+  }, [_vm.showCheckBox ? _c("div", {
+    staticClass: "act-gold-protocol-check",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.protocolToggle.apply(null, arguments);
+      }
+    }
+  }, [_c("i", {
+    staticClass: "act-gold-protocol-icon",
+    class: {
+      checked: _vm.protocolChecked
+    },
+    style: {
+      "background-color": _vm.protocolChecked ? _vm.brandColor : ""
+    }
+  })]) : _vm._e(), _c("div", {
+    staticClass: "act-gold-protocol-text",
+    style: {
+      "color": _vm.textColor,
+      "font-size": _vm.fontSize
+    }
+  }, [_c("span", {
+    domProps: {
+      "innerHTML": _vm._s(_vm.text)
+    }
+  }), _vm._l(_vm.protocols, function(protocol, i) {
+    return [i == _vm.protocols.length - 1 && i != 0 ? _c("span", {
+      key: i + "span"
+    }, [_vm._v("和")]) : i != 0 ? _c("span", {
+      key: i + "span"
+    }, [_vm._v("、")]) : _vm._e(), protocol.track ? _c("a", {
+      key: i + "a",
+      staticClass: "act-gold-protocol-item",
+      style: {
+        "color": _vm.brandColor
+      },
+      attrs: {
+        "data-track": protocol.track
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.onClick(protocol);
+        }
+      }
+    }, [_vm._v("《" + _vm._s(protocol.title) + "》")]) : _c("a", {
+      key: i + "a",
+      staticClass: "act-gold-protocol-item",
+      style: {
+        "color": _vm.brandColor
+      },
+      attrs: {
+        "data-track": protocol.track || ""
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.onClick(protocol);
+        }
+      }
+    }, [_vm._v("《" + _vm._s(protocol.title) + "》")])];
+  }), _c("span", {
+    domProps: {
+      "innerHTML": _vm._s(_vm.tips)
+    }
+  })], 2)]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "d7465672");
+var ActGoldProtocol = __component__.exports;
+ActGoldProtocol.install = function(Vue) {
+  Vue.component(ActGoldProtocol.name, ActGoldProtocol);
+};
+export {
+  ActGoldProtocol as A
+};

package/lib/GoldProtocol/style.css

@@ -0,0 +1 @@
+.act-gold-protocol[data-v-d7465672]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;line-height:1.4}.act-gold-protocol .act-gold-protocol-check[data-v-d7465672]{padding:2px 5px 0 0}.act-gold-protocol .act-gold-protocol-check .act-gold-protocol-icon[data-v-d7465672]{display:inline-block;width:14px;height:14px;border-radius:14px;background-repeat:no-repeat;background-position:50%;background-size:14px 14px;background-image:url(../assets/icon-check.442b.png);background-color:#e2e5e7}.act-gold-protocol .act-gold-protocol-check .act-gold-protocol-icon.checked[data-v-d7465672]{background-color:#8c7fee}.act-gold-protocol .act-gold-protocol-item[data-v-d7465672]{color:#8c7fee}.act-gold-protocol .act-gold-protocol-text[data-v-d7465672]{display:inline-block}.act-gold-protocol .act-gold-protocol-text a[data-v-d7465672]{text-decoration:none}

package/lib/GoldProtocolLayer/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var utils_create=require("../utils/create/index.js");var GoldProtocol=require("../GoldProtocol/index.js");var mixins_visible=require("../mixins/visible/index.js");var common_popup=require("../common/popup/index.js");var GoldReadTerms=require("../GoldReadTerms/index.js");var common=require("../common/index.js");var _sfc_main={name:"ActGoldProtocolLayer",mixins:[mixins_visible.visibleMixin],components:{ActGoldProtocol:GoldProtocol.ActGoldProtocol,ActPopup:common_popup.ActPopup,ActGoldReadTerms:GoldReadTerms.GoldReadTerms},props:{title:{type:String,default:""},closable:{type:Boolean,default:false},protocols:{type:Array,default:function _default(){return[]}},zIndex:{type:Number,default:99},cancelBtnText:{type:String,default:"取消"},comfirmBtnText:{type:String,default:"继续投保"},forceReadToPageEnd:{type:Boolean,default:false},forceReadSeconds:{type:Number,default:0},brandColor:{type:String,default:"#8c7fee"},readTerms:{type:Array,default:function _default2(){return[]}},beforeClose:{type:Function,default:null},needForceRead:{type:Boolean,default:true},isCps:{type:Boolean,default:false},beforePreOrNext:{type:Function,default:null},openInWindow:{type:Boolean,default:false}},data:function data(){return{protocolChecked:false,hasForceRead:false}},computed:{confirmBtnBg:function confirmBtnBg(){if(this.isCps){return this.protocolChecked?"linear-gradient( 270deg, #F05A4B 0%, #FC7468 100%)":"linear-gradient( 270deg, rgba(240,90,75,0.5) 0%, rgba(252,116,104,0.5) 100%)"}else{return this.protocolChecked?"linear-gradient( 90deg, #FF738D 0%, #FF465E 100%)":"linear-gradient( 90deg, rgba(255,115,141,0.5) 0%, rgba(255,70,94,0.5) 100%)"}},backgroundClass:function backgroundClass(){return this.isCps?"bg-cps":"bg-main"}},methods:{toggle:function toggle(arg){this.protocolChecked=arg},forceReadTerms:function forceReadTerms(){if(this.readTerms&&this.readTerms.length&&this.needForceRead&&!this.hasForceRead){this.$refs.forceReadTermsRef&&this.$refs.forceReadTermsRef.show()}else{this.$emit("confirm")}},maskClick:function maskClick(){this.$emit("maskClick")},cancel:function cancel(){this.$emit("cancel");this.hide()},confirm:function confirm(){if(!this.protocolChecked){return}this.forceReadTerms()},readTermsCompleted:function readTermsCompleted(){this.hasForceRead=true;this.$emit("readTermsCompleted");this.$emit("confirm")},readTermsCancel:function readTermsCancel(){this.hasForceRead=false;this.$emit("readTermsCancel")}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",[_c("transition",{attrs:{"name":"act-picker-fade"}},[_c("act-popup",{directives:[{name:"show",rawName:"v-show",value:_vm.isVisible,expression:"isVisible"}],attrs:{"mask":true,"center":false,"topBorderRadius":true,"zIndex":_vm.zIndex},on:{"touchmove":function touchmove($event){$event.preventDefault()},"mask-click":_vm.maskClick}},[_c("transition",{attrs:{"name":"act-picker-move"}},[_c("div",{staticClass:"act-picker-panel",on:{"click":function click($event){$event.stopPropagation()}}},[_c("div",{ref:"boxWrapper",staticClass:"act-picker-content",class:_vm.backgroundClass},[_c("act-gold-protocol",{ref:"protocol",staticClass:"protocol",attrs:{"protocols":_vm.protocols,"openInWindow":_vm.openInWindow,"brandColor":_vm.brandColor,"checkState":_vm.protocolChecked},on:{"toggle":_vm.toggle}})],1),_c("div",{staticClass:"ft-btn"},[_c("div",{staticClass:"cancel-btn",on:{"click":_vm.cancel}},[_vm._v(_vm._s(_vm.cancelBtnText))]),_c("div",{staticClass:"comfirm-btn",style:{background:_vm.confirmBtnBg},on:{"click":_vm.confirm}},[_vm._v(_vm._s(_vm.comfirmBtnText))])]),_c("div",{staticClass:"footer iphonex_padding",staticStyle:{"background-color":"#fff"}})])])],1)],1),_c("act-gold-read-terms",{ref:"forceReadTermsRef",attrs:{"confirmButtonText":"已完整阅读并确认","forceRead":_vm.forceReadToPageEnd,"forceReadTime":_vm.forceReadSeconds,"brandColor":_vm.brandColor,"readTerms":_vm.readTerms,"beforePreOrNext":_vm.beforePreOrNext,"beforeClose":_vm.beforeClose},on:{"confirm":_vm.readTermsCompleted,"cancel":_vm.readTermsCancel}})],1)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"c5170bb3");var GoldProtocolLayer=__component__.exports;GoldProtocolLayer.install=function(Vue){Vue.component(GoldProtocolLayer.name,GoldProtocolLayer);Vue.prototype["$createGoldProtocolLayer"]=utils_create.create(GoldProtocolLayer,Vue)};exports.GoldProtocolLayer=GoldProtocolLayer;

package/lib/GoldProtocolLayer/index.mjs

@@ -0,0 +1,232 @@
+import { c as create } from "../utils/create/index.mjs";
+import { A as ActGoldProtocol } from "../GoldProtocol/index.mjs";
+import { v as visibleMixin } from "../mixins/visible/index.mjs";
+import { A as ActPopup } from "../common/popup/index.mjs";
+import { G as GoldReadTerms } from "../GoldReadTerms/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "ActGoldProtocolLayer",
+  mixins: [visibleMixin],
+  components: {
+    ActGoldProtocol,
+    ActPopup,
+    ActGoldReadTerms: GoldReadTerms
+  },
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    closable: {
+      type: Boolean,
+      default: false
+    },
+    protocols: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    zIndex: {
+      type: Number,
+      default: 99
+    },
+    cancelBtnText: {
+      type: String,
+      default: "取消"
+    },
+    comfirmBtnText: {
+      type: String,
+      default: "继续投保"
+    },
+    forceReadToPageEnd: {
+      type: Boolean,
+      default: false
+    },
+    forceReadSeconds: {
+      type: Number,
+      default: 0
+    },
+    brandColor: {
+      type: String,
+      default: "#8c7fee"
+    },
+    readTerms: {
+      type: Array,
+      default: function _default2() {
+        return [];
+      }
+    },
+    beforeClose: {
+      type: Function,
+      default: null
+    },
+    needForceRead: {
+      type: Boolean,
+      default: true
+    },
+    isCps: {
+      type: Boolean,
+      default: false
+    },
+    beforePreOrNext: {
+      type: Function,
+      default: null
+    },
+    openInWindow: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data: function data() {
+    return {
+      protocolChecked: false,
+      hasForceRead: false
+    };
+  },
+  computed: {
+    confirmBtnBg: function confirmBtnBg() {
+      if (this.isCps) {
+        return this.protocolChecked ? "linear-gradient( 270deg, #F05A4B 0%, #FC7468 100%)" : "linear-gradient( 270deg, rgba(240,90,75,0.5) 0%, rgba(252,116,104,0.5) 100%)";
+      } else {
+        return this.protocolChecked ? "linear-gradient( 90deg, #FF738D 0%, #FF465E 100%)" : "linear-gradient( 90deg, rgba(255,115,141,0.5) 0%, rgba(255,70,94,0.5) 100%)";
+      }
+    },
+    backgroundClass: function backgroundClass() {
+      return this.isCps ? "bg-cps" : "bg-main";
+    }
+  },
+  methods: {
+    toggle: function toggle(arg) {
+      this.protocolChecked = arg;
+    },
+    forceReadTerms: function forceReadTerms() {
+      if (this.readTerms && this.readTerms.length && this.needForceRead && !this.hasForceRead) {
+        this.$refs.forceReadTermsRef && this.$refs.forceReadTermsRef.show();
+      } else {
+        this.$emit("confirm");
+      }
+    },
+    maskClick: function maskClick() {
+      this.$emit("maskClick");
+    },
+    cancel: function cancel() {
+      this.$emit("cancel");
+      this.hide();
+    },
+    confirm: function confirm() {
+      if (!this.protocolChecked) {
+        return;
+      }
+      this.forceReadTerms();
+    },
+    readTermsCompleted: function readTermsCompleted() {
+      this.hasForceRead = true;
+      this.$emit("readTermsCompleted");
+      this.$emit("confirm");
+    },
+    readTermsCancel: function readTermsCancel() {
+      this.hasForceRead = false;
+      this.$emit("readTermsCancel");
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", [_c("transition", {
+    attrs: {
+      "name": "act-picker-fade"
+    }
+  }, [_c("act-popup", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    attrs: {
+      "mask": true,
+      "center": false,
+      "topBorderRadius": true,
+      "zIndex": _vm.zIndex
+    },
+    on: {
+      "touchmove": function touchmove($event) {
+        $event.preventDefault();
+      },
+      "mask-click": _vm.maskClick
+    }
+  }, [_c("transition", {
+    attrs: {
+      "name": "act-picker-move"
+    }
+  }, [_c("div", {
+    staticClass: "act-picker-panel",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+      }
+    }
+  }, [_c("div", {
+    ref: "boxWrapper",
+    staticClass: "act-picker-content",
+    class: _vm.backgroundClass
+  }, [_c("act-gold-protocol", {
+    ref: "protocol",
+    staticClass: "protocol",
+    attrs: {
+      "protocols": _vm.protocols,
+      "openInWindow": _vm.openInWindow,
+      "brandColor": _vm.brandColor,
+      "checkState": _vm.protocolChecked
+    },
+    on: {
+      "toggle": _vm.toggle
+    }
+  })], 1), _c("div", {
+    staticClass: "ft-btn"
+  }, [_c("div", {
+    staticClass: "cancel-btn",
+    on: {
+      "click": _vm.cancel
+    }
+  }, [_vm._v(_vm._s(_vm.cancelBtnText))]), _c("div", {
+    staticClass: "comfirm-btn",
+    style: {
+      background: _vm.confirmBtnBg
+    },
+    on: {
+      "click": _vm.confirm
+    }
+  }, [_vm._v(_vm._s(_vm.comfirmBtnText))])]), _c("div", {
+    staticClass: "footer iphonex_padding",
+    staticStyle: {
+      "background-color": "#fff"
+    }
+  })])])], 1)], 1), _c("act-gold-read-terms", {
+    ref: "forceReadTermsRef",
+    attrs: {
+      "confirmButtonText": "已完整阅读并确认",
+      "forceRead": _vm.forceReadToPageEnd,
+      "forceReadTime": _vm.forceReadSeconds,
+      "brandColor": _vm.brandColor,
+      "readTerms": _vm.readTerms,
+      "beforePreOrNext": _vm.beforePreOrNext,
+      "beforeClose": _vm.beforeClose
+    },
+    on: {
+      "confirm": _vm.readTermsCompleted,
+      "cancel": _vm.readTermsCancel
+    }
+  })], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "c5170bb3");
+var GoldProtocolLayer = __component__.exports;
+GoldProtocolLayer.install = function(Vue) {
+  Vue.component(GoldProtocolLayer.name, GoldProtocolLayer);
+  Vue.prototype["$createGoldProtocolLayer"] = create(GoldProtocolLayer, Vue);
+};
+export {
+  GoldProtocolLayer as G
+};

package/lib/GoldProtocolLayer/style.css

@@ -0,0 +1 @@
+*[data-v-c5170bb3]{-webkit-tap-highlight-color:transparent}.act-picker-fade-enter[data-v-c5170bb3],.act-picker-fade-leave-active[data-v-c5170bb3]{opacity:0}.act-picker-fade-enter-active[data-v-c5170bb3],.act-picker-fade-leave-active[data-v-c5170bb3]{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.act-picker-panel[data-v-c5170bb3]{font-size:14px;background:#fff;padding:2px}.act-picker-move-enter[data-v-c5170bb3],.act-picker-move-leave-active[data-v-c5170bb3]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.act-picker-move-enter-active[data-v-c5170bb3],.act-picker-move-leave-active[data-v-c5170bb3]{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.act-picker-cancel[data-v-c5170bb3]{display:-webkit-box;display:-webkit-flex;display:flex;font-size:16px;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;color:#B3B3B3}.act-picker-confirm[data-v-c5170bb3]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;font-size:16px;color:#8C7FEE}.act-picker-title[data-v-c5170bb3]{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:18px;font-weight:550;color:#333}.act-picker-content[data-v-c5170bb3]{padding:18px 12px 0 12px;background:url(../assets/bg.56bd.png) no-repeat left top/cover}.act-picker-content.bg-cps[data-v-c5170bb3]{background:url(../assets/bg2.9d15.png) no-repeat left top/cover}.protocol[data-v-c5170bb3]{line-height:1.8}.ft-btn[data-v-c5170bb3]{margin:14px 10px 0;display:-webkit-box;display:-webkit-flex;display:flex;text-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:16px;height:60px;background:#fff}.ft-btn .cancel-btn[data-v-c5170bb3]{width:110px;height:40px;line-height:40px;color:#666;border-radius:22px;background:#FFFFFF;border:1px solid #F5F5F5}.ft-btn .comfirm-btn[data-v-c5170bb3]{margin-left:10px;color:#FFFFFF;border-radius:22px;height:40px;line-height:40px;-webkit-box-flex:1;-webkit-flex:1;flex:1;background:-webkit-linear-gradient(left,#FF738D 0%,#FF465E 100%);background:linear-gradient(90deg,#FF738D 0%,#FF465E 100%)}

package/lib/GoldPureText/index.js

@@ -0,0 +1 @@
+"use strict";var utils_create=require("../utils/create/index.js");var mixins_goldVisible=require("../mixins/gold-visible/index.js");var mixins_goldElement=require("../mixins/gold-element/index.js");var common_baseelement=require("../common/baseelement/index.js");var common=require("../common/index.js");var _sfc_main={name:"ActGoldPureText",mixins:[mixins_goldVisible.visibleMixin,mixins_goldElement.goldElementMixin],components:{ActGoldBaseElement:common_baseelement.ActGoldBaseElement}};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,"isPure":true},on:{"showTips":_vm.showTips}},[_vm.$slots.default?_vm._t("default"):_c("p",{staticClass:"element-text",style:{"font-size":_vm.size,"color":_vm.color}},[_vm._v(" "+_vm._s(_vm.desc)+" ")])],2)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,null);var GoldPureText=__component__.exports;GoldPureText.install=function(Vue){Vue.component(GoldPureText.name,GoldPureText);Vue.prototype["$createGoldPureText"]=utils_create.create(GoldPureText,Vue)};exports.GoldPureText=GoldPureText;

package/lib/GoldPureText/index.mjs

@@ -0,0 +1,46 @@
+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 { A as ActGoldBaseElement } from "../common/baseelement/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+var _sfc_main = {
+  name: "ActGoldPureText",
+  mixins: [visibleMixin, goldElementMixin],
+  components: {
+    ActGoldBaseElement
+  }
+};
+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,
+      "isPure": true
+    },
+    on: {
+      "showTips": _vm.showTips
+    }
+  }, [_vm.$slots.default ? _vm._t("default") : _c("p", {
+    staticClass: "element-text",
+    style: {
+      "font-size": _vm.size,
+      "color": _vm.color
+    }
+  }, [_vm._v(" " + _vm._s(_vm.desc) + " ")])], 2);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null);
+var GoldPureText = __component__.exports;
+GoldPureText.install = function(Vue) {
+  Vue.component(GoldPureText.name, GoldPureText);
+  Vue.prototype["$createGoldPureText"] = create(GoldPureText, Vue);
+};
+export {
+  GoldPureText as G
+};

package/lib/GoldQrcode/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var utils_create=require("../utils/create/index.js");var mixins_visible=require("../mixins/visible/index.js");var mixins_popup=require("../mixins/popup/index.js");var mixins_noscroll=require("../mixins/noscroll/index.js");var GoldDialog=require("../GoldDialog/index.js");var utils_helpers=require("../utils/helpers/index.js");var QRCode=require("../QRCode/index.js");var common=require("../common/index.js");var CLOSE_EVENT="close";var _sfc_main={name:"ActGoldQrcode",mixins:[mixins_visible.visibleMixin,mixins_popup.popupMixin,mixins_noscroll.noscrollMixin],data:function data(){return{qrcodeImg:""}},computed:{getFooterHtml:function getFooterHtml(){if(utils_helpers.isString(this.footer)){return this.footer}return this.footer.join("<br/>")}},props:{title:{type:String,default:function _default(){return""}},qrcode:{type:String,default:""},footer:{type:Array,default:function _default2(){return[]}},closable:{type:Boolean,default:true},width:{type:String,default:"290px"},qrcodeSize:{type:Number,default:200},correctLevel:{type:Number,default:1}},mounted:function mounted(){var _this=this;if(this.qrcode.match(/^data:image/)||this.qrcode.match(/\.(png|jpe?g|gif)(\?.*)?$/)){this.qrcodeImg=this.qrcode}else{QRCode.QRCode({text:this.qrcode,width:this.qrcodeSize,height:this.qrcodeSize,colorDark:"#000000",colorLight:"#ffffff",correctLevel:this.correctLevel}).then(function(base64){_this.qrcodeImg=base64}).catch(function(e){})}},methods:{close:function close(e){this.hide();this.$emit(CLOSE_EVENT,e)}},components:{ActGoldDialog:GoldDialog.GoldDialog}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("ActGoldDialog",{directives:[{name:"show",rawName:"v-show",value:_vm.isVisible,expression:"isVisible"}],attrs:{"title":_vm.title,"zIndex":_vm.zIndex,"maskClosable":_vm.maskClosable,"closable":_vm.closable,"showConfirmButton":false,"width":_vm.width},on:{"close":_vm.close}},[_c("div",{staticClass:"act-gold-qrcode"},[_c("div",{staticClass:"qrcode"},[_vm.qrcodeImg?_c("img",{attrs:{"src":_vm.qrcodeImg}}):_vm._e()]),_c("div",{staticClass:"footer",domProps:{"innerHTML":_vm._s(_vm.getFooterHtml)}})])])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"571a3123");var GoldQrcode=__component__.exports;GoldQrcode.install=function(Vue){Vue.component(GoldQrcode.name,GoldQrcode);Vue.prototype["$createGoldQrcode"]=utils_create.create(GoldQrcode,Vue)};exports.GoldQrcode=GoldQrcode;

package/lib/GoldQrcode/index.mjs

@@ -0,0 +1,138 @@
+import { c as create } from "../utils/create/index.mjs";
+import { v as visibleMixin } from "../mixins/visible/index.mjs";
+import { p as popupMixin } from "../mixins/popup/index.mjs";
+import { n as noscrollMixin } from "../mixins/noscroll/index.mjs";
+import { G as GoldDialog } from "../GoldDialog/index.mjs";
+import { e as isString } from "../utils/helpers/index.mjs";
+import { Q as QRCode } from "../QRCode/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';var CLOSE_EVENT = "close";
+var _sfc_main = {
+  name: "ActGoldQrcode",
+  mixins: [visibleMixin, popupMixin, noscrollMixin],
+  data: function data() {
+    return {
+      qrcodeImg: ""
+    };
+  },
+  computed: {
+    getFooterHtml: function getFooterHtml() {
+      if (isString(this.footer)) {
+        return this.footer;
+      }
+      return this.footer.join("<br/>");
+    }
+  },
+  props: {
+    title: {
+      type: String,
+      default: function _default() {
+        return "";
+      }
+    },
+    qrcode: {
+      type: String,
+      default: ""
+    },
+    footer: {
+      type: Array,
+      default: function _default2() {
+        return [];
+      }
+    },
+    closable: {
+      type: Boolean,
+      default: true
+    },
+    width: {
+      type: String,
+      default: "290px"
+    },
+    qrcodeSize: {
+      type: Number,
+      default: 200
+    },
+    correctLevel: {
+      type: Number,
+      default: 1
+    }
+  },
+  mounted: function mounted() {
+    var _this = this;
+    if (this.qrcode.match(/^data:image/) || this.qrcode.match(/\.(png|jpe?g|gif)(\?.*)?$/)) {
+      this.qrcodeImg = this.qrcode;
+    } else {
+      QRCode({
+        text: this.qrcode,
+        //二维码内容
+        width: this.qrcodeSize,
+        //二维码大小
+        height: this.qrcodeSize,
+        //二维码大小
+        colorDark: "#000000",
+        //二维码线条颜色，默认黑色
+        colorLight: "#ffffff",
+        //二维码背景底色，默认白色
+        correctLevel: this.correctLevel
+        //二维码纠错等级，默认为1；各等级对应值：L: 1,M: 0,Q: 3,H: 2
+      }).then(function(base64) {
+        _this.qrcodeImg = base64;
+      }).catch(function(e) {
+      });
+    }
+  },
+  methods: {
+    close: function close(e) {
+      this.hide();
+      this.$emit(CLOSE_EVENT, e);
+    }
+  },
+  components: {
+    ActGoldDialog: GoldDialog
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("ActGoldDialog", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    attrs: {
+      "title": _vm.title,
+      "zIndex": _vm.zIndex,
+      "maskClosable": _vm.maskClosable,
+      "closable": _vm.closable,
+      "showConfirmButton": false,
+      "width": _vm.width
+    },
+    on: {
+      "close": _vm.close
+    }
+  }, [_c("div", {
+    staticClass: "act-gold-qrcode"
+  }, [_c("div", {
+    staticClass: "qrcode"
+  }, [_vm.qrcodeImg ? _c("img", {
+    attrs: {
+      "src": _vm.qrcodeImg
+    }
+  }) : _vm._e()]), _c("div", {
+    staticClass: "footer",
+    domProps: {
+      "innerHTML": _vm._s(_vm.getFooterHtml)
+    }
+  })])]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "571a3123");
+var GoldQrcode = __component__.exports;
+GoldQrcode.install = function(Vue) {
+  Vue.component(GoldQrcode.name, GoldQrcode);
+  Vue.prototype["$createGoldQrcode"] = create(GoldQrcode, Vue);
+};
+export {
+  GoldQrcode as G
+};

package/lib/GoldQrcode/style.css

@@ -0,0 +1 @@
+.act-gold-qrcode[data-v-571a3123]{text-align:center;font-size:15px;color:#666;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.act-gold-qrcode .qrcode[data-v-571a3123]{width:180px;height:180px;margin:7px auto 15px}.act-gold-qrcode .qrcode img[data-v-571a3123]{display:inline-block;width:100%}.act-gold-qrcode .footer[data-v-571a3123]{color:#999;font-size:14px}