@xysfe/actui2 0.0.1

package/lib/common/baseelement/index.mjs

@@ -0,0 +1,257 @@
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _findInstanceProperty from "@babel/runtime-corejs3/core-js/instance/find";
+import { q as formatTitle } from "../../utils/helpers/index.mjs";
+import { n as normalizeComponent } from "../index.mjs";
+import './style.css';var EVENT_SHOW_TIPS = "showTips";
+var _sfc_main = {
+  name: "ActGoldBaseElement",
+  props: {
+    common: {
+      type: Object,
+      default: function _default() {
+        return {
+          tit: "",
+          subTit: "",
+          tips: "",
+          errMsg: "",
+          colons: false,
+          align: "right",
+          border: "top",
+          titPadding: false,
+          remarks: "",
+          flexDirection: "row",
+          bindKey: "",
+          showBindKey: true,
+          brandColor: "",
+          tags: []
+        };
+      }
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    lattice: {
+      type: Boolean,
+      default: false
+    },
+    textarea: {
+      type: Boolean,
+      default: false
+    },
+    hasSuffix: {
+      type: Boolean,
+      default: false
+    },
+    hasArrow: {
+      type: Boolean,
+      default: false
+    },
+    hasColumn: {
+      type: Boolean,
+      default: false
+    },
+    isVerifyCode: {
+      type: Boolean,
+      default: false
+    },
+    isPure: {
+      type: Boolean,
+      default: false
+    },
+    tempVar: {
+      type: Object,
+      default: function _default2() {
+        return {};
+      }
+    },
+    remarkTipStyle: {
+      type: [Object, null],
+      default: function _default3() {
+        return null;
+      }
+    }
+  },
+  computed: {
+    title: function title() {
+      if (this.common.titPadding) {
+        return formatTitle(this.common.tit);
+      }
+      return this.common.tit;
+    },
+    textAlign: function textAlign() {
+      return "align-".concat(this.common.align);
+    },
+    borderClass: function borderClass() {
+      if (this.common.border === "none") {
+        return "";
+      }
+      return "border-".concat(this.common.border);
+    },
+    remarksVar: function remarksVar() {
+      return (this.tempVar.prefix || "") + (this.tempVar.var || "") + (this.tempVar.suffix || "");
+    },
+    remarksWithThemeColor: function remarksWithThemeColor() {
+      if (this.common.remarks) {
+        var themeColorStyle = "text-decoration: none; color:".concat(this.common.brandColor || "#8c7fee", ";");
+        var regex = /<a([^>]+)>/g;
+        var processedHtml = this.common.remarks.replace(regex, function(match, p1) {
+          if (_includesInstanceProperty(p1).call(p1, "data-taken")) {
+            var _context;
+            return _concatInstanceProperty(_context = "<a".concat(p1, ' style="')).call(_context, themeColorStyle, '">');
+          } else {
+            return match;
+          }
+        });
+        return processedHtml;
+      }
+      return this.common.remarks;
+    },
+    hasTag: function hasTag() {
+      return this.common.tags && this.common.tags.length && !!this.tagContent;
+    },
+    hasSign: function hasSign() {
+      return this.common.autoRenewalBindAction && ~~this.common.autoRenewalBindAction === 1;
+    },
+    tagContent: function tagContent() {
+      var _context2, _this = this;
+      var result = _findInstanceProperty(_context2 = this.common.tags).call(_context2, function(item) {
+        return item.bindValue === _this.common.value;
+      });
+      if (result) {
+        return result.text;
+      }
+      return "";
+    },
+    computedRemarksStyle: function computedRemarksStyle() {
+      var styles = {};
+      if (this.remarkTipStyle) {
+        var _ref = this.remarkTipStyle || {}, left = _ref.left;
+        styles["--tip-left"] = left ? "".concat(left - 9, "px") : "26px";
+      }
+      if (this.common.remarksBgColor) {
+        styles["background-color"] = this.common.remarksBgColor;
+        styles["--arrow-color"] = this.common.remarksBgColor;
+      }
+      return styles;
+    }
+  },
+  methods: {
+    showTips: function showTips() {
+      this.$emit(EVENT_SHOW_TIPS, this.common.tips);
+    },
+    remarksLink: function remarksLink(takenValue) {
+      this.$emit("takenLink", takenValue);
+    }
+  },
+  directives: {
+    "taken-link": {
+      bind: function bind(el, binding, vnode) {
+        el.addEventListener("click", function(event) {
+          if (event.target.tagName === "A") {
+            var takenValue = event.target.getAttribute("data-taken");
+            if (takenValue) {
+              vnode.context.remarksLink(takenValue);
+            }
+          }
+        });
+      }
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "element",
+    class: [{
+      "element-colons": _vm.common.colons,
+      "element-verify": _vm.isVerifyCode,
+      "element-pure": _vm.isPure
+    }, _vm.borderClass],
+    attrs: {
+      "data-bind-key": [_vm.common.showBindKey ? _vm.common.bindKey : ""]
+    }
+  }, [_c("div", {
+    staticClass: "element-control",
+    class: {
+      "element-textarea-box": _vm.textarea,
+      "element-control-tit-nl": _vm.common.flexDirection === "column" || _vm.common.tit && _vm.common.tit.length > 14,
+      "element-index": _vm.type === "email"
+    }
+  }, [_vm.title ? _c("label", {
+    staticClass: "element-label"
+  }, [_c("span", {
+    staticClass: "element-label-text",
+    domProps: {
+      "innerHTML": _vm._s(_vm.title)
+    }
+  }), _vm.common.subTit ? _c("span", {
+    staticClass: "element-subname"
+  }, [_vm._v("（" + _vm._s(_vm.common.subTit) + "）")]) : _vm._e(), _vm.common.tips ? _c("a", {
+    staticClass: "element-question",
+    attrs: {
+      "href": "javascript:;"
+    },
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.showTips.apply(null, arguments);
+      }
+    }
+  }) : _vm._e(), _vm.common.colons ? _c("i", {
+    staticClass: "colons"
+  }, [_vm._v("：")]) : _vm._e()]) : _vm._e(), _vm.$slots.default ? _c("div", {
+    staticClass: "element-info",
+    class: [{
+      "element-arrow": _vm.hasArrow,
+      "element-suffix": _vm.hasSuffix,
+      "element-column": _vm.hasColumn,
+      "hasTag": _vm.hasTag,
+      "hasSign": _vm.hasSign
+    }, _vm.textAlign]
+  }, [_vm._t("default"), _vm._t("email")], 2) : _vm._e()]), _vm.hasTag ? _c("div", {
+    staticClass: "element-tag",
+    domProps: {
+      "innerHTML": _vm._s(_vm.tagContent)
+    }
+  }) : _vm._e(), _vm.common.remarks ? _c("div", {
+    directives: [{
+      name: "taken-link",
+      rawName: "v-taken-link"
+    }],
+    staticClass: "element-remarks",
+    class: {
+      "element-remarks-lattice": _vm.lattice,
+      "remarks-sharp": ~~_vm.common.remarksNoSharp !== 1
+    },
+    style: _vm.computedRemarksStyle
+  }, [_c("div", {
+    staticClass: "element-remarks-txt",
+    domProps: {
+      "innerHTML": _vm._s(_vm.remarksWithThemeColor)
+    }
+  })]) : _vm._e(), _vm.remarksVar ? _c("div", {
+    staticClass: "element-temp-var"
+  }, [_vm._v(" " + _vm._s(_vm.remarksVar) + " ")]) : _vm._e(), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.common.errMsg,
+      expression: "common.errMsg"
+    }],
+    staticClass: "element-error",
+    class: {
+      "element-error-lattice": _vm.lattice
+    },
+    domProps: {
+      "innerHTML": _vm._s(_vm.common.errMsg)
+    }
+  })]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "9f17d7c0");
+var ActGoldBaseElement = __component__.exports;
+export {
+  ActGoldBaseElement as A
+};

package/lib/common/baseelement/style.css

@@ -0,0 +1 @@
+.element[data-v-9f17d7c0]{margin-left:12px;padding-right:12px;font-size:15px;line-height:1;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;-webkit-user-select:none;user-select:none}.element *[data-v-9f17d7c0]{-webkit-tap-highlight-color:transparent;outline:0;margin:0;padding:0;vertical-align:baseline;box-sizing:border-box}.element blockquote[data-v-9f17d7c0],.element body[data-v-9f17d7c0],.element button[data-v-9f17d7c0],.element dd[data-v-9f17d7c0],.element dl[data-v-9f17d7c0],.element dt[data-v-9f17d7c0],.element fieldset[data-v-9f17d7c0],.element form[data-v-9f17d7c0],.element h1[data-v-9f17d7c0],.element h2[data-v-9f17d7c0],.element h3[data-v-9f17d7c0],.element h4[data-v-9f17d7c0],.element h5[data-v-9f17d7c0],.element h6[data-v-9f17d7c0],.element hr[data-v-9f17d7c0],.element input[data-v-9f17d7c0],.element legend[data-v-9f17d7c0],.element li[data-v-9f17d7c0],.element ol[data-v-9f17d7c0],.element p[data-v-9f17d7c0],.element pre[data-v-9f17d7c0],.element td[data-v-9f17d7c0],.element textarea[data-v-9f17d7c0],.element th[data-v-9f17d7c0],.element ul[data-v-9f17d7c0]{margin:0;padding:0;vertical-align:baseline}.element img[data-v-9f17d7c0]{border:0 none;vertical-align:top}.element em[data-v-9f17d7c0],.element i[data-v-9f17d7c0]{font-style:normal}.element ol[data-v-9f17d7c0],.element ul[data-v-9f17d7c0]{list-style:none}.element button[data-v-9f17d7c0],.element h1[data-v-9f17d7c0],.element h2[data-v-9f17d7c0],.element h3[data-v-9f17d7c0],.element h4[data-v-9f17d7c0],.element h5[data-v-9f17d7c0],.element h6[data-v-9f17d7c0],.element input[data-v-9f17d7c0],.element select[data-v-9f17d7c0]{font-size:100%;font-family:inherit}.element table[data-v-9f17d7c0]{border-collapse:collapse;border-spacing:0}.element a[data-v-9f17d7c0]{text-decoration:none;color:#333}.element input[data-v-9f17d7c0],.element select[data-v-9f17d7c0],.element textarea[data-v-9f17d7c0]{-webkit-appearance:none;border:none;background:none;box-shadow:none;font-size:inherit}.element .email-item[data-v-9f17d7c0]{border-bottom:1px solid #f5f5f5;padding-right:13px;text-align:right;word-wrap:break-word;word-break:break-all;overflow:hidden;padding-top:11px;padding-bottom:11px;font-size:15px}.element.border-top[data-v-9f17d7c0]{border-top:1px solid #f5f5f5}.element.border-bottom[data-v-9f17d7c0]{border-bottom:1px solid #f5f5f5}.element.border-both[data-v-9f17d7c0]{border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5}.element .element-control[data-v-9f17d7c0]{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.element .element-control.element-control-bd[data-v-9f17d7c0]{border-top:1px solid #f5f5f5}.element .element-control.element-control-bd .element-select[data-v-9f17d7c0],.element .element-control.element-control-bd .element-wrap[data-v-9f17d7c0]{line-height:1.5}.element .element-control.element-control-bd[data-v-9f17d7c0]:first-child{border-top:none}.element .element-control.element-control-tit-nl[data-v-9f17d7c0]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.element .element-control.element-control-tit-nl .element-label[data-v-9f17d7c0]{word-break:break-all;word-wrap:break-word;white-space:pre-wrap;padding:15px 12px 0 0;line-height:1.2;margin-bottom:-12px;position:relative;z-index:2}.element .element-control.element-control-tit-nl .element-list[data-v-9f17d7c0],.element .element-control.element-control-tit-nl .element-stepper[data-v-9f17d7c0]{margin-top:12px}.element .element-control .element-info.hasTag .element-list[data-v-9f17d7c0]{padding-bottom:8px}.element .element-control .element-info.hasSign[data-v-9f17d7c0]{overflow:visible}.element .element-error[data-v-9f17d7c0]{font-size:12px;color:#ff5a6e;text-align:right;position:relative;top:-6px;padding-bottom:4px;z-index:1}.element .element-error-lattice[data-v-9f17d7c0]{top:-2px;padding-bottom:8px}.element .element-label[data-v-9f17d7c0]{white-space:nowrap;padding:15px 12px 15px 0;color:#666;line-height:20px}.element .element-label .element-subname[data-v-9f17d7c0]{line-height:15px;height:15px;font-size:13px;color:#999}.element .element-label-text[data-v-9f17d7c0]{vertical-align:middle}.element .element-question[data-v-9f17d7c0]{display:inline-block;vertical-align:middle;width:14px;height:14px;min-height:14px;min-width:14px;margin-left:5px;background-image:url(../../assets/question.4359.png);background-repeat:no-repeat;background-size:contain}.element .element-info[data-v-9f17d7c0]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;color:#333;text-align:right;z-index:1}.element .element-info>input[data-v-9f17d7c0]{width:100%;color:#333;height:50px}.element .element-info>textarea[data-v-9f17d7c0]{color:#333}.element .element-info.element-arrow[data-v-9f17d7c0]{position:relative}.element .element-info.element-arrow>.icon-arrow[data-v-9f17d7c0]{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:11px}.element .element-info.element-arrow>.icon-arrow.mul-select-arrow[data-v-9f17d7c0]{-webkit-transform:translateY(0);transform:translateY(0);top:19px}.element .element-info.element-arrow .element-select[data-v-9f17d7c0],.element .element-info.element-arrow .element-date[data-v-9f17d7c0],.element .element-info.element-arrow .element-city[data-v-9f17d7c0],.element .element-info.element-arrow .element-wrap[data-v-9f17d7c0]{position:relative;z-index:2;padding-right:15px}.element .element-info.align-left>input[data-v-9f17d7c0],.element .element-info.align-left .element-textarea[data-v-9f17d7c0],.element .element-info.align-left .element-text[data-v-9f17d7c0],.element .element-info.align-left .element-select[data-v-9f17d7c0],.element .element-info.align-left .element-wrap[data-v-9f17d7c0]{text-align:left}.element .element-info.align-left .element-list[data-v-9f17d7c0],.element .element-info.align-left .element-stepper[data-v-9f17d7c0]{-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.element .element-info.align-center>input[data-v-9f17d7c0],.element .element-info.align-center .element-textarea[data-v-9f17d7c0],.element .element-info.align-center .element-text[data-v-9f17d7c0],.element .element-info.align-center .element-select[data-v-9f17d7c0],.element .element-info.align-center .element-wrap[data-v-9f17d7c0]{text-align:center}.element .element-info.align-center .element-list[data-v-9f17d7c0],.element .element-info.align-center .element-stepper[data-v-9f17d7c0]{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.element .element-info.align-right>input[data-v-9f17d7c0],.element .element-info.align-right .element-textarea[data-v-9f17d7c0],.element .element-info.align-right .element-text[data-v-9f17d7c0],.element .element-info.align-right .element-select[data-v-9f17d7c0],.element .element-info.align-right .element-wrap[data-v-9f17d7c0]{text-align:right}.element .element-info.align-right .element-list[data-v-9f17d7c0],.element .element-info.align-right .element-stepper[data-v-9f17d7c0],.element .element-info.align-right .element-stepper-tabs[data-v-9f17d7c0]{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.element .element-unit[data-v-9f17d7c0]{white-space:nowrap;padding:15px 0 15px 5px;color:#777;line-height:20px}.element .element-suffix[data-v-9f17d7c0]{position:relative}.element .element-suffix>input[data-v-9f17d7c0]{padding-right:36px}.element .element-column[data-v-9f17d7c0]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;z-index:2}.element .element-column .element[data-v-9f17d7c0]{padding-bottom:5px;width:100%}.element.element-colons .element-control-tit-nl .element-label[data-v-9f17d7c0]{padding:15px 5px 0 0}.element.element-colons .element-label[data-v-9f17d7c0]{padding:15px 5px 15px 0}.element .element-text[data-v-9f17d7c0]{color:#777;word-break:break-word}.element .element-select[data-v-9f17d7c0]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.element .element-select.element-placeholder[data-v-9f17d7c0]{color:#b3b3b3}.element .element-text[data-v-9f17d7c0],.element .element-select[data-v-9f17d7c0],.element .element-wrap[data-v-9f17d7c0]{width:100%;line-height:1.5;padding:15px 0;text-align:right}.element .element-wrap[data-v-9f17d7c0]{line-height:20px}.element .element-list[data-v-9f17d7c0]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;padding:5.5px 0;margin-left:-8px}.element .element-list>li[data-v-9f17d7c0]{position:relative;padding:4.5px 0;margin-left:8px}.element .element-list .checked[data-v-9f17d7c0]{border:1px solid #8c7fee;background-color:#f6f5fe;color:#8c7fee}.element .element-list .checked.arrow[data-v-9f17d7c0]::after{content:"";position:absolute;left:50%;bottom:-0.8rem;width:0;height:0;border-width:0 0.9rem 0.6rem 0.9rem;border-color:transparent;border-style:solid;border-bottom-color:#FFFAEB;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.element .element-coupon-price[data-v-9f17d7c0]{color:#ff5a6e}.element .element-stepper-wrapper[data-v-9f17d7c0]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%}.element .element-stepper-wrapper .element-stepper-tabs[data-v-9f17d7c0]{width:100%;padding:7px 0 16px 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.element .element-stepper-wrapper .element-stepper-tabs>li[data-v-9f17d7c0]{position:relative;font-size:12px;width:56px;height:22px;background:#F9F9F9;color:#999999;border-radius:3px;margin-left:6px;text-align:center;line-height:22px}.element .element-lattice[data-v-9f17d7c0]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-width:50px;text-align:center;min-height:30px;padding:5px 8px;background-color:#f9f9f9;border-radius:3px;color:#777;font-size:13px;border:1px solid #f5f5f5}.element .element-lattice.disabled[data-v-9f17d7c0]{color:#e2e2e2!important;border-color:#e2e2e2!important;background-color:#f9f9f9!important}.element .sign[data-v-9f17d7c0]{position:absolute;top:-6px;right:-2px;width:40px;height:20px}.element .element-mul-select[data-v-9f17d7c0]{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-right:15px}.element .element-mul-select>span[data-v-9f17d7c0]{color:#b3b3b3}.element .element-mul-select ul li .text[data-v-9f17d7c0]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-align:center;font-size:14px;border-radius:3px;color:#8C7FEE;background:rgba(140,127,238,0.08);border:1px solid #8C7FEE;padding:6px 8px}.element .element-textarea[data-v-9f17d7c0]{display:block;width:100%;background-color:#fff;background-image:none;font-size:15px;font-family:"Microsoft Yahei";resize:none;overflow-y:visible;text-align:right}.element .element-textarea-box[data-v-9f17d7c0]{padding:13px 0;line-height:24px}.element .element-textarea-box .element-label[data-v-9f17d7c0]{padding:0 15px 0 0}.element .element-textarea-box.element-control-tit-nl .element-label[data-v-9f17d7c0]{padding:0 15px 0 0;margin-bottom:0}.element.element-verify .element-info[data-v-9f17d7c0]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.element.element-verify .element-verify-code[data-v-9f17d7c0]{position:relative;white-space:nowrap;margin-left:12px;height:50px;line-height:50px;width:125px;color:#8c7fee}.element.element-verify .element-verify-code.disabled[data-v-9f17d7c0]{opacity:0.6}.element.element-verify .element-verify-code[data-v-9f17d7c0]::after{content:"";position:absolute;top:16px;left:-12px;width:1px;height:18px;background-color:#f5f5f5}.element.element-verify input[data-v-9f17d7c0]{padding-right:12px}.element.element-pure[data-v-9f17d7c0]{margin-left:0;padding:5px 12px;border:none}.element.element-pure .element-control.element-control-tit-nl .element-label[data-v-9f17d7c0]{padding:0;word-break:break-all;word-wrap:break-word;white-space:pre-wrap}.element.element-pure .element-control.element-control-tit-nl .element-info[data-v-9f17d7c0]{margin-top:12px}.element.element-pure .element-control .element-label[data-v-9f17d7c0]{color:#999999;font-size:14px;line-height:1.4;padding:0;max-width:100%}.element.element-pure .element-control .element-info[data-v-9f17d7c0]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding-left:0}.element.element-pure .element-control .element-text[data-v-9f17d7c0]{color:#333;font-size:14px;line-height:1.4;padding:0;text-align:left}.element .element-remarks[data-v-9f17d7c0]{font-size:12px;line-height:1.5;padding:7px 14.5px;color:rgb(179,179,179);background:#f7f8fc;position:relative;top:-4px;margin-bottom:12px;border-radius:8px;--tip-left: 26px}.element .element-remarks.element-remarks-lattice[data-v-9f17d7c0]{top:0}.element .element-remarks.remarks-sharp[data-v-9f17d7c0]::before{content:"";position:absolute;width:0;height:0;border-bottom:6px solid var(--arrow-color);border-left:9px solid transparent;border-right:9px solid transparent;border-bottom-width:6px;border-left-width:9px;border-right-width:9px;top:-5px;left:var(--tip-left)}.element .element-remarks .element-remarks-txt[data-v-9f17d7c0]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.element .element-temp-var[data-v-9f17d7c0]{font-size:12px;color:#b3b3b3;padding-bottom:8px}.element .element-index[data-v-9f17d7c0]{z-index:10}.element .element-tag[data-v-9f17d7c0]{font-size:13px;line-height:20px;text-align:right;color:#333;width:100%;border-radius:8px;padding:5px 12px;background:-webkit-linear-gradient(right,rgba(255,199,22,0.1) 0%,rgba(255,199,22,0) 100%);background:linear-gradient(270deg,rgba(255,199,22,0.1) 0%,rgba(255,199,22,0) 100%);margin-bottom:10px}.element .element-tag[data-v-9f17d7c0] span{color:#FF5A6E;font-weight:bold}

package/lib/common/button/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _concatInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/concat");var mixins_visible=require("../../mixins/visible/index.js");var common=require("../index.js");var EVENT_BUTTON_CLICK="button-click";var _sfc_main={name:"ActButton",mixins:[mixins_visible.visibleMixin],data:function data(){return{}},props:{buttondata:{type:Object,default:function _default(){return{}}},type:{type:String,default:"default"},round:{type:[Boolean,String],default:"2em"}},watch:{buttondata:{deep:true,immediate:true,handler:function handler(newVal){this.setBtnBgColor(newVal)}}},methods:{btnClick:function btnClick(e){this.$emit(EVENT_BUTTON_CLICK,e)},setBtnBgColor:function setBtnBgColor(newVal){if(!this.$refs.actbtn)return;if(!newVal.btnbg){this.$refs.actbtn.background=""}else if(newVal.btnbg.match(/^#/)||newVal.btnbg.match(/^rgb/i)){this.$refs.actbtn.style.background=newVal.btnbg}else if(newVal.btnbg.match(/linear-gradient/)){var result=newVal.btnbg.match(/(linear-gradient)\((.*)\)/);if(result&&result.length>=3){var _context,_context2;this.$refs.actbtn.style.background=_concatInstanceProperty(_context="".concat(result[1],"(")).call(_context,result[2],")");this.$refs.actbtn.style.background=_concatInstanceProperty(_context2="-webkit-".concat(result[1],"(")).call(_context2,result[2],")")}}}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{ref:"actbtn",staticClass:"act-button",class:[_vm.type?"act-button--"+_vm.type:""],style:{border:_vm.buttondata.btnborder,borderRadius:_vm.round===true?"2em":_vm.round},on:{"click":_vm.btnClick}},[_vm.$slots.default?_c("span",{style:{color:_vm.buttondata.btncolor}},[_vm._t("default")],2):_vm._e()])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"a617e8f5");var ActButton=__component__.exports;exports.ActButton=ActButton;

package/lib/common/button/index.mjs

@@ -0,0 +1,81 @@
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { v as visibleMixin } from "../../mixins/visible/index.mjs";
+import { n as normalizeComponent } from "../index.mjs";
+import './style.css';var EVENT_BUTTON_CLICK = "button-click";
+var _sfc_main = {
+  name: "ActButton",
+  mixins: [visibleMixin],
+  data: function data() {
+    return {};
+  },
+  props: {
+    buttondata: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    type: {
+      type: String,
+      default: "default"
+    },
+    round: {
+      type: [Boolean, String],
+      default: "2em"
+    }
+  },
+  watch: {
+    buttondata: {
+      deep: true,
+      immediate: true,
+      handler: function handler(newVal) {
+        this.setBtnBgColor(newVal);
+      }
+    }
+  },
+  methods: {
+    btnClick: function btnClick(e) {
+      this.$emit(EVENT_BUTTON_CLICK, e);
+    },
+    setBtnBgColor: function setBtnBgColor(newVal) {
+      if (!this.$refs.actbtn) return;
+      if (!newVal.btnbg) {
+        this.$refs.actbtn.background = "";
+      } else if (newVal.btnbg.match(/^#/) || newVal.btnbg.match(/^rgb/i)) {
+        this.$refs.actbtn.style.background = newVal.btnbg;
+      } else if (newVal.btnbg.match(/linear-gradient/)) {
+        var result = newVal.btnbg.match(/(linear-gradient)\((.*)\)/);
+        if (result && result.length >= 3) {
+          var _context, _context2;
+          this.$refs.actbtn.style.background = _concatInstanceProperty(_context = "".concat(result[1], "(")).call(_context, result[2], ")");
+          this.$refs.actbtn.style.background = _concatInstanceProperty(_context2 = "-webkit-".concat(result[1], "(")).call(_context2, result[2], ")");
+        }
+      }
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    ref: "actbtn",
+    staticClass: "act-button",
+    class: [_vm.type ? "act-button--" + _vm.type : ""],
+    style: {
+      border: _vm.buttondata.btnborder,
+      borderRadius: _vm.round === true ? "2em" : _vm.round
+    },
+    on: {
+      "click": _vm.btnClick
+    }
+  }, [_vm.$slots.default ? _c("span", {
+    style: {
+      color: _vm.buttondata.btncolor
+    }
+  }, [_vm._t("default")], 2) : _vm._e()]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "a617e8f5");
+var ActButton = __component__.exports;
+export {
+  ActButton as A
+};

package/lib/common/button/style.css

@@ -0,0 +1 @@
+.act-button[data-v-a617e8f5]{display:inline-block;line-height:1;box-sizing:border-box;text-align:center;width:100%;white-space:nowrap;padding:1.15em 0;border-radius:0.5em;background:-webkit-linear-gradient(bottom,#c53530,#f9433d);background:linear-gradient(0deg,#c53530,#f9433d)}.act-button span[data-v-a617e8f5]{font-size:1.6em;color:#fff}.act-button.act-button--finish[data-v-a617e8f5]{color:#808080;border:solid 1px #bfbfbf;background:-webkit-linear-gradient(top,#e6e6e6 0%,#d2d2d2 65%,#bebebe 100%);background:linear-gradient(180deg,#e6e6e6 0%,#d2d2d2 65%,#bebebe 100%)}.act-button.act-button--finish span[data-v-a617e8f5]{color:#808080}.act-button.act-button--glod[data-v-a617e8f5]{color:#808080;box-shadow:0 0.4em 1em rgba(0,0,0,0.2);background:-webkit-linear-gradient(bottom,#e8bb8b,#fde5cb);background:linear-gradient(0deg,#e8bb8b,#fde5cb)}.act-button.act-button--glod span[data-v-a617e8f5]{color:#9b5b14}

package/lib/common/dynamicform/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _trimInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/trim");var common_input=require("../input/index.js");var common=require("../index.js");var START_COUNT_DOWN_EVENT="startcountdown";var _sfc_main={name:"ActDynamicForm",components:{ActInput:common_input.ActInput},props:{form:{type:Array,default:function _default(){return[]}},verifyColor:{type:String,default:"#f9433d"}},data:function data(){return{seconds:0}},mounted:function mounted(){this.$on(START_COUNT_DOWN_EVENT,this.startCountDown)},methods:{getInfoCode:function getInfoCode(index){if(this.seconds)return;this.$emit("getcode",{index})},getInputType:function getInputType(item){return item.inputType?item.inputType:"text"},getErrTips:function getErrTips(item){if(item.isShowTips&&item.tips){return item.tips}return item.isShowTips?item.isEmpty?item.emptyTips:item.errTips:""},startCountDown:function startCountDown(){this.seconds=60;this.clearTimer();this.freshTime()},freshTime:function freshTime(){var _this=this;this.timer=setInterval(function(){if(_this.seconds>0){_this.seconds--}else{_this.clearTimer()}},1e3)},clearTimer:function clearTimer(){this.timer&&clearInterval(this.timer)}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",_vm._l(_vm.form,function(item,index){return _c("div",{key:index},[_c("act-input",{staticClass:"act-form-input",attrs:{"tipscolor":_vm.verifyColor,"tips":_vm.getErrTips(item),"type":_vm.getInputType(item),"placeholder":item.placeholder},scopedSlots:_vm._u([item.key!=="verifycode"?{key:"left",fn:function fn(){return[_c("div",{staticClass:"act-form-left"},[_vm._v(" "+_vm._s(item.label)+" ")])]},proxy:true}:{key:"right",fn:function fn(){return[!_vm.seconds?_c("div",{staticClass:"act-mobile-word",style:{color:_vm.verifyColor},on:{"click":function click($event){return _vm.getInfoCode(index)}}},[_vm._v(" "+_vm._s(item.label?item.label:"发送验证码")+" ")]):_c("div",{staticClass:"act-mobile-word",style:{color:_vm.verifyColor}},[_vm._v(" 剩余"+_vm._s(_vm.seconds)+"秒 ")])]},proxy:true}],null,true),model:{value:item.value,callback:function callback($$v){_vm.$set(item,"value",typeof $$v==="string"?_trimInstanceProperty($$v).call($$v):$$v)},expression:"item.value"}})],1)}),0)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"cc6727fb");var ActDynamicForm=__component__.exports;exports.ActDynamicForm=ActDynamicForm;

package/lib/common/dynamicform/index.mjs

@@ -0,0 +1,124 @@
+import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
+import { A as ActInput } from "../input/index.mjs";
+import { n as normalizeComponent } from "../index.mjs";
+import './style.css';var START_COUNT_DOWN_EVENT = "startcountdown";
+var _sfc_main = {
+  name: "ActDynamicForm",
+  components: {
+    ActInput
+  },
+  props: {
+    form: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    verifyColor: {
+      type: String,
+      default: "#f9433d"
+    }
+  },
+  data: function data() {
+    return {
+      seconds: 0
+    };
+  },
+  mounted: function mounted() {
+    this.$on(START_COUNT_DOWN_EVENT, this.startCountDown);
+  },
+  methods: {
+    getInfoCode: function getInfoCode(index) {
+      if (this.seconds) return;
+      this.$emit("getcode", {
+        index
+      });
+    },
+    getInputType: function getInputType(item) {
+      return item.inputType ? item.inputType : "text";
+    },
+    getErrTips: function getErrTips(item) {
+      if (item.isShowTips && item.tips) {
+        return item.tips;
+      }
+      return item.isShowTips ? item.isEmpty ? item.emptyTips : item.errTips : "";
+    },
+    startCountDown: function startCountDown() {
+      this.seconds = 60;
+      this.clearTimer();
+      this.freshTime();
+    },
+    freshTime: function freshTime() {
+      var _this = this;
+      this.timer = setInterval(function() {
+        if (_this.seconds > 0) {
+          _this.seconds--;
+        } else {
+          _this.clearTimer();
+        }
+      }, 1e3);
+    },
+    clearTimer: function clearTimer() {
+      this.timer && clearInterval(this.timer);
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", _vm._l(_vm.form, function(item, index) {
+    return _c("div", {
+      key: index
+    }, [_c("act-input", {
+      staticClass: "act-form-input",
+      attrs: {
+        "tipscolor": _vm.verifyColor,
+        "tips": _vm.getErrTips(item),
+        "type": _vm.getInputType(item),
+        "placeholder": item.placeholder
+      },
+      scopedSlots: _vm._u([item.key !== "verifycode" ? {
+        key: "left",
+        fn: function fn() {
+          return [_c("div", {
+            staticClass: "act-form-left"
+          }, [_vm._v(" " + _vm._s(item.label) + " ")])];
+        },
+        proxy: true
+      } : {
+        key: "right",
+        fn: function fn() {
+          return [!_vm.seconds ? _c("div", {
+            staticClass: "act-mobile-word",
+            style: {
+              color: _vm.verifyColor
+            },
+            on: {
+              "click": function click($event) {
+                return _vm.getInfoCode(index);
+              }
+            }
+          }, [_vm._v(" " + _vm._s(item.label ? item.label : "发送验证码") + " ")]) : _c("div", {
+            staticClass: "act-mobile-word",
+            style: {
+              color: _vm.verifyColor
+            }
+          }, [_vm._v(" 剩余" + _vm._s(_vm.seconds) + "秒 ")])];
+        },
+        proxy: true
+      }], null, true),
+      model: {
+        value: item.value,
+        callback: function callback($$v) {
+          _vm.$set(item, "value", typeof $$v === "string" ? _trimInstanceProperty($$v).call($$v) : $$v);
+        },
+        expression: "item.value"
+      }
+    })], 1);
+  }), 0);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "cc6727fb");
+var ActDynamicForm = __component__.exports;
+export {
+  ActDynamicForm as A
+};

package/lib/common/dynamicform/style.css

@@ -0,0 +1 @@
+.act-form-left[data-v-cc6727fb]{color:#c8c8c8;font-size:1.6em;margin-right:0.5em}.act-mobile-word[data-v-cc6727fb]{position:relative;color:#f9433d;font-size:1.4em;z-index:1}

package/lib/common/forminput/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _trimInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/trim");var common_input=require("../input/index.js");var common_svgicon=require("../svgicon/index.js");var common=require("../index.js");var START_COUNT_DOWN_EVENT="startcountdown";var _sfc_main={name:"ActFormInput",components:{svgIcon:common_svgicon.svgIcon,ActInput:common_input.ActInput},props:{content:{type:Array,default:function _default(){return[]}},verifyColor:{type:String,default:"#f9433d"}},data:function data(){return{seconds:0,form:{user:{type:"text",placeholder:"请输入姓名",emptyTips:"*姓名不可为空",errTips:"*请输入正确的姓名"},mobile:{type:"tel",placeholder:"请输入手机号",emptyTips:"*手机号不可为空",errTips:"*请输入正确的手机号"},idcard:{type:"text",placeholder:"请输入身份证号",emptyTips:"*身份证号不可为空",errTips:"*请输入正确的身份证号"},address:{type:"text",placeholder:"请输入收件人地址",emptyTips:"*收件人地址不可为空",errTips:"*请输入正确的收件人地址"},verifycode:{type:"number",placeholder:"请输入验证码",emptyTips:"*验证码不可为空",errTips:"*请输入正确的验证码"}}}},mounted:function mounted(){this.$on(START_COUNT_DOWN_EVENT,this.startCountDown)},methods:{getInfoCode:function getInfoCode(index){if(this.seconds)return;this.$emit("getcode",{index})},getInputType:function getInputType(item){return this.form[item.type]?this.form[item.type].type:"text"},getErrTips:function getErrTips(item){if(item.isShowTips&&item.tips){return item.tips}return item.isShowTips&&this.form[item.type]?item.isEmpty?this.form[item.type].emptyTips:this.form[item.type].errTips:""},startCountDown:function startCountDown(){this.seconds=60;this.clearTimer();this.freshTime()},freshTime:function freshTime(){var _this=this;this.timer=setInterval(function(){if(_this.seconds>0){_this.seconds--}else{_this.clearTimer()}},1e3)},clearTimer:function clearTimer(){this.timer&&clearInterval(this.timer)}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",_vm._l(_vm.content,function(item,index){return _c("div",{key:index},[_c("act-input",{attrs:{"showdel":item.showdel,"disabled":item.disabled,"type":_vm.getInputType(item),"tipscolor":item.tipscolor,"placeholder":_vm.form[item.type]&&_vm.form[item.type].placeholder,"tips":_vm.getErrTips(item)},scopedSlots:_vm._u([item.type!=="verifycode"?{key:"left",fn:function fn(){return[_c("div",{staticClass:"act-given-content-formicon",class:item.type},[_c("svg-icon",{attrs:{"iconClass":item.type}})],1)]},proxy:true}:{key:"right",fn:function fn(){return[!_vm.seconds?_c("div",{staticClass:"act-mobile-word",style:{color:_vm.verifyColor},on:{"click":function click($event){return _vm.getInfoCode(index)}}},[_vm._v(" "+_vm._s(item.text?item.text:"发送验证码")+" ")]):_c("div",{staticClass:"act-mobile-word",style:{color:_vm.verifyColor}},[_vm._v(" 剩余"+_vm._s(_vm.seconds)+"秒 ")])]},proxy:true}],null,true),model:{value:item.value,callback:function callback($$v){_vm.$set(item,"value",typeof $$v==="string"?_trimInstanceProperty($$v).call($$v):$$v)},expression:"item.value"}})],1)}),0)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"7ef2198f");var ActFormInput=__component__.exports;exports.ActFormInput=ActFormInput;