@xysfe/actui2 0.0.1

package/lib/GoldStepper/index.mjs

@@ -0,0 +1,597 @@
+import _Array$from from "@babel/runtime-corejs3/core-js/array/from";
+import _Symbol from "@babel/runtime-corejs3/core-js/symbol";
+import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
+import _Object$keys from "@babel/runtime-corejs3/core-js/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js/object/get-own-property-symbols";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js/object/define-property";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+import _sortInstanceProperty from "@babel/runtime-corejs3/core-js/instance/sort";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import { c as create } from "../utils/create/index.mjs";
+import { v as visibleMixin } from "../mixins/gold-visible/index.mjs";
+import { g as goldElementMixin } from "../mixins/gold-element/index.mjs";
+import { g as goldChangeMixin } from "../mixins/gold-change/index.mjs";
+import { A as ActGoldBaseElement } from "../common/baseelement/index.mjs";
+import { S as Stepper } from "../Stepper/index.mjs";
+import { e as isString, h as hexToRgb, m as deepCopy } from "../utils/helpers/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';function ownKeys(e, r) {
+  var t = _Object$keys(e);
+  if (_Object$getOwnPropertySymbols) {
+    var o = _Object$getOwnPropertySymbols(e);
+    r && (o = _filterInstanceProperty(o).call(o, function(r2) {
+      return _Object$getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var _context11, _context12;
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? _forEachInstanceProperty(_context11 = ownKeys(Object(t), true)).call(_context11, function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context12 = ownKeys(Object(t))).call(_context12, function(r2) {
+      _Object$defineProperty(e, r2, _Object$getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var _n = 0, F = function F2() {
+      };
+      return { s: F, n: function n() {
+        return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
+      }, e: function e2(r2) {
+        throw r2;
+      }, f: F };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o, a = true, u = false;
+  return { s: function s() {
+    t = t.call(r);
+  }, n: function n() {
+    var r2 = t.next();
+    return a = r2.done, r2;
+  }, e: function e2(r2) {
+    u = true, o = r2;
+  }, f: function f() {
+    try {
+      a || null == t.return || t.return();
+    } finally {
+      if (u) throw o;
+    }
+  } };
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    var _context10;
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = _sliceInstanceProperty(_context10 = {}.toString.call(r)).call(_context10, 8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+var _sfc_main = {
+  name: "ActGoldStepper",
+  mixins: [visibleMixin, goldElementMixin, goldChangeMixin],
+  data: function data() {
+    return {
+      currentValue: 1,
+      bubblePosition: {
+        right: "0px"
+      },
+      isIntersecting: this.isVisible
+    };
+  },
+  computed: {
+    adaptiveWidth: function adaptiveWidth() {
+      if (!this.isIntersecting) {
+        return false;
+      }
+      if (this.bubble) {
+        return true;
+      }
+      return false;
+    },
+    showBubble: function showBubble() {
+      if (!this.isVisible) {
+        return false;
+      }
+      if (!this.bubble) {
+        return false;
+      }
+      var currentNum = Number(this.ratioValue);
+      if (isNaN(currentNum) || currentNum < 1e4) {
+        return false;
+      }
+      return true;
+    },
+    bubbleText: function bubbleText() {
+      return this.getBubbleAmount(this.ratioValue);
+    },
+    computedRange: function computedRange() {
+      var range = deepCopy(this.range);
+      if (Array.isArray(this.range)) {
+        var _context, _context2;
+        return _mapInstanceProperty(_context = _filterInstanceProperty(_context2 = _sortInstanceProperty(range).call(range, function(a, b) {
+          return a.min - b.min;
+        })).call(_context2, function(range2) {
+          return !(range2.min === range2.max && (range2.conMin === 0 || range2.conMax === 0));
+        })).call(_context, function(range2) {
+          for (var key in range2) {
+            range2[key] = Number(range2[key]);
+          }
+          return range2;
+        });
+      } else {
+        var _context3;
+        return _mapInstanceProperty(_context3 = [range]).call(_context3, function(range2) {
+          for (var key in range2) {
+            range2[key] = Number(range2[key]);
+          }
+          return range2;
+        });
+      }
+    },
+    min: function min() {
+      var minValue = "";
+      var _iterator = _createForOfIteratorHelper(this.computedRange), _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+          var range = _step.value;
+          var min2 = range.min, conMin = range.conMin, _range$validstep = range.validstep, validstep2 = _range$validstep === void 0 ? 1 : _range$validstep;
+          var tempMin = conMin === 0 ? min2 + validstep2 : min2;
+          if (minValue === "" || tempMin < minValue) {
+            minValue = tempMin;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      return minValue;
+    },
+    max: function max() {
+      var maxValue = "";
+      var _iterator2 = _createForOfIteratorHelper(this.computedRange), _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
+          var range = _step2.value;
+          var max2 = range.max, min2 = range.min, conMax = range.conMax, _range$validstep2 = range.validstep, validstep2 = _range$validstep2 === void 0 ? 1 : _range$validstep2;
+          var realMax = Math.floor((max2 - min2) / validstep2) * validstep2 + min2;
+          if (conMax === 0 && realMax === max2) {
+            realMax -= validstep2;
+          }
+          if (maxValue === "" || realMax > maxValue) {
+            maxValue = realMax;
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      return maxValue;
+    },
+    step: function step() {
+      var minStep = "";
+      var _iterator3 = _createForOfIteratorHelper(this.computedRange), _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done; ) {
+          var range = _step3.value;
+          var step2 = range.step;
+          if (minStep === "" || step2 < minStep) {
+            minStep = step2;
+          }
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+      return minStep;
+    },
+    validstep: function validstep() {
+      var minValidStep = "";
+      var _iterator4 = _createForOfIteratorHelper(this.computedRange), _step4;
+      try {
+        for (_iterator4.s(); !(_step4 = _iterator4.n()).done; ) {
+          var range = _step4.value;
+          var _range$validstep3 = range.validstep, validstep2 = _range$validstep3 === void 0 ? 1 : _range$validstep3;
+          if (minValidStep === "" || Number(validstep2) < Number(minValidStep)) {
+            minValidStep = validstep2;
+          }
+        }
+      } catch (err) {
+        _iterator4.e(err);
+      } finally {
+        _iterator4.f();
+      }
+      return minValidStep;
+    },
+    backgroundColor: function backgroundColor() {
+      return hexToRgb(this.brandColor || "#8c7fee", 0.08);
+    },
+    fixCommon: function fixCommon() {
+      var common = _objectSpread({}, this.common);
+      if (this.value < this.min || this.value > this.max) {
+        common.errMsg = "";
+      }
+      return common;
+    },
+    currentTabs: function currentTabs() {
+      var _context4;
+      if (!this.stepperTabs) {
+        return [];
+      }
+      if (!~~this.stepperTabs.actionType || !~~this.stepperTabs.display) {
+        return [];
+      }
+      if (!this.stepperTabs.attributeValues || !this.stepperTabs.attributeValues.length) {
+        return [];
+      }
+      return _sliceInstanceProperty(_context4 = this.stepperTabs.attributeValues).call(_context4, 0, 3);
+    },
+    ratioValue: {
+      get: function get() {
+        return this.getRatioValue(this.currentValue);
+      },
+      set: function set(newVal) {
+        this.currentValue = Math.floor(newVal / this.displayRatio);
+      }
+    }
+  },
+  methods: {
+    getBubbleAmount: function getBubbleAmount(num) {
+      if (num === void 0 || num === "" || num === null) {
+        return "";
+      }
+      var amount = Number(num);
+      if (amount < 1e4) return "";
+      var units = [{
+        value: 1e11,
+        label: "千亿"
+      }, {
+        value: 1e10,
+        label: "百亿"
+      }, {
+        value: 1e9,
+        label: "十亿"
+      }, {
+        value: 1e8,
+        label: "亿"
+      }, {
+        value: 1e7,
+        label: "千万"
+      }, {
+        value: 1e6,
+        label: "百万"
+      }, {
+        value: 1e5,
+        label: "十万"
+      }, {
+        value: 1e4,
+        label: "万"
+      }];
+      for (var _i = 0, _units = units; _i < _units.length; _i++) {
+        var unit = _units[_i];
+        if (amount >= unit.value) {
+          return "".concat(unit.label);
+        }
+      }
+      return "";
+    },
+    calcBubblePostion: function calcBubblePostion() {
+      var _this = this;
+      if (!this.showBubble) {
+        return;
+      }
+      setTimeout(function() {
+        var bubbleRef = _this.$refs.bubbleRef;
+        if (!bubbleRef) {
+          return;
+        }
+        var stepperRef = _this.$refs.stepperRef;
+        if (!stepperRef) {
+          return;
+        }
+        var stepperDom = stepperRef.$el;
+        var inputDom = stepperDom.querySelector("input");
+        if (!inputDom) {
+          return;
+        }
+        var adaptiveRef = stepperRef.$refs.adaptiveRef;
+        if (!adaptiveRef) {
+          return;
+        }
+        var spanDom = adaptiveRef.querySelector("span");
+        if (!spanDom) {
+          return;
+        }
+        var spanRect = spanDom.getBoundingClientRect();
+        var inputRect = inputDom.getBoundingClientRect();
+        var stepperRect = stepperDom.getBoundingClientRect();
+        var bubbleRect = bubbleRef.getBoundingClientRect();
+        var inputLeftX = stepperRect.width - (inputRect.left - stepperRect.left) - bubbleRect.width / 2;
+        var offsetX = 4;
+        if (spanRect.width < inputRect.width) {
+          offsetX = (inputRect.width - spanRect.width) / 2 + offsetX;
+        }
+        _this.bubblePosition = {
+          right: inputLeftX - offsetX + "px"
+        };
+      }, 200);
+    },
+    bubbleSeparatorValue: function bubbleSeparatorValue() {
+      if (!this.bubble) {
+        return null;
+      }
+      var formatNumber = function formatNumber2(value) {
+        if (value === null || value === void 0 || value === "") {
+          return value;
+        }
+        return Number(value).toLocaleString("zh-CN");
+      };
+      return formatNumber;
+    },
+    onChange: function onChange(value, type, eventType) {
+      value = Math.floor(value / this.displayRatio);
+      this.currentValue = this.validValue(value, eventType === "blur", type);
+      if (this.currentValue === this.value) return;
+      this.onChanging(void 0, this.currentValue);
+    },
+    onChanging: function onChanging(e, value) {
+      var appendValue2 = this.appendValue(value);
+      this.change(e, appendValue2);
+    },
+    validValue: function validValue(value) {
+      var shouldError = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+      var type = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "plus";
+      var validValue2 = "";
+      for (var i = 0; i < this.computedRange.length; i++) {
+        var _this$computedRange$i = this.computedRange[i], min2 = _this$computedRange$i.min, max2 = _this$computedRange$i.max, conMin = _this$computedRange$i.conMin, conMax = _this$computedRange$i.conMax, _this$computedRange$i2 = _this$computedRange$i.validstep, validstep2 = _this$computedRange$i2 === void 0 ? 1 : _this$computedRange$i2;
+        if ((value > min2 || conMin === 1 && value >= min2) && (value < max2 || conMax === 1 && value <= max2)) {
+          var val = "";
+          if (type === "plus") {
+            val = Math.ceil((value - min2) / validstep2) * validstep2 + min2;
+          } else {
+            val = Math.floor((value - min2) / validstep2) * validstep2 + min2;
+          }
+          validValue2 = Math.min(max2, val);
+          if (validValue2 === max2 && conMax === 0) {
+            validValue2 = this.validValue(validValue2, false, "plus");
+          } else if (validValue2 === min2 && conMin === 0) {
+            validValue2 = this.validValue(validValue2, false, "minus");
+          } else {
+            if (shouldError && validValue2 !== value) {
+              var _context5;
+              this.onError(_concatInstanceProperty(_context5 = "必须为".concat(this.getRatioValue(validstep2))).call(_context5, this.unit || "", "的整数倍，系统已为您自动调整"));
+            }
+            break;
+          }
+        }
+        if ((value > this.computedRange[i].max || this.computedRange[i].conMax === 0 && value >= this.computedRange[i].max) && (value < this.computedRange[i + 1].min || this.computedRange[i + 1].conMin === 0 && value <= this.computedRange[i + 1].min)) {
+          if (type === "plus") {
+            var _this$computedRange = this.computedRange[i + 1], nextMin = _this$computedRange.min, nextConMin = _this$computedRange.conMin, _this$computedRange$v = _this$computedRange.validstep, nextValidStep = _this$computedRange$v === void 0 ? 1 : _this$computedRange$v;
+            validValue2 = nextConMin === 0 ? nextMin + nextValidStep : nextMin;
+          } else {
+            validValue2 = conMax === 0 ? max2 - validstep2 : max2;
+          }
+          if (shouldError) {
+            var _context6;
+            this.onError(_concatInstanceProperty(_context6 = "必须为".concat(this.getRatioValue(validstep2))).call(_context6, this.unit || "", "的整数倍，系统已为您自动调整"));
+          }
+          break;
+        }
+      }
+      return validValue2;
+    },
+    appendValue: function appendValue(value) {
+      if (!this.stepperAppend) {
+        return value;
+      }
+      var _this$stepperAppend = this.stepperAppend, addLetter = _this$stepperAppend.addLetter, addPoint = _this$stepperAppend.addPoint;
+      if (~~addPoint === 1) {
+        var _context7;
+        return _concatInstanceProperty(_context7 = "".concat(addLetter)).call(_context7, value);
+      } else {
+        var _context8;
+        return _concatInstanceProperty(_context8 = "".concat(value)).call(_context8, addLetter);
+      }
+    },
+    fixValue: function fixValue() {
+      var valueNum = this.value;
+      if (typeof valueNum === "string" && valueNum.length > 0) {
+        valueNum = Number(valueNum.replace(/\D/g, ""));
+      }
+      if (valueNum < this.min) {
+        this.onChanging(void 0, this.min);
+      } else if (valueNum > this.max) {
+        this.onChanging(void 0, this.max);
+      } else {
+        var _this$computedRange2 = this.computedRange, min2 = _this$computedRange2.min, _this$computedRange2$ = _this$computedRange2.validstep, validstep2 = _this$computedRange2$ === void 0 ? 1 : _this$computedRange2$;
+        if ((valueNum - min2) % validstep2 > 0) {
+          this.onChanging(void 0, this.validValue(valueNum));
+        } else {
+          this.currentValue = valueNum;
+        }
+      }
+    },
+    handleTabsChange: function handleTabsChange(item) {
+      var value = this.validValue(item.value);
+      if (value < this.min) {
+        value = this.min;
+      } else if (value > this.max) {
+        value = this.max;
+      }
+      this.currentValue = value;
+      if (this.currentValue === this.value) return;
+      this.onChanging(void 0, this.currentValue);
+    },
+    onError: function onError(msg) {
+      var _context9;
+      var errmsg = _concatInstanceProperty(_context9 = "".concat(this.common.tit || "")).call(_context9, msg);
+      if (isString(errmsg)) {
+        if (_includesInstanceProperty(msg).call(msg, "最小值")) {
+          var _context0;
+          errmsg = _concatInstanceProperty(_context0 = "".concat(this.common.tit || "", "不能低于")).call(_context0, this.getRatioValue(this.min), "，系统已为您自动调整为最低");
+        } else if (_includesInstanceProperty(msg).call(msg, "最大值")) {
+          var _context1;
+          errmsg = _concatInstanceProperty(_context1 = "".concat(this.common.tit || "", "不能超过")).call(_context1, this.getRatioValue(this.max), "，系统已为您自动调整为最高");
+        }
+      }
+      return this.$emit("error", {
+        ret: 10001,
+        errmsg
+      });
+    },
+    getRatioValue: function getRatioValue(value) {
+      return Math.floor(value * this.displayRatio);
+    }
+  },
+  mounted: function mounted() {
+    var _this2 = this;
+    this.fixValue();
+    this.$watch("value", function(val) {
+      _this2.fixValue();
+      _this2.calcBubblePostion();
+    }, {
+      immediate: true
+    });
+    this.$watch("range", function(val) {
+      _this2.fixValue();
+      _this2.calcBubblePostion();
+    }, {
+      immediate: true,
+      deep: true
+    });
+    if (this.bubble) {
+      this.observer = new IntersectionObserver(function(entries) {
+        var _entries = _slicedToArray(entries, 1), entry = _entries[0];
+        if (entry.isIntersecting) {
+          _this2.isIntersecting = true;
+          _this2.calcBubblePostion();
+        } else {
+          _this2.isIntersecting = false;
+        }
+      });
+      this.observer.observe(this.$el);
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  },
+  components: {
+    ActGoldBaseElement,
+    ActStepper: Stepper
+  }
+};
+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.fixCommon
+    },
+    on: {
+      "showTips": _vm.showTips
+    }
+  }, [_c("div", {
+    class: {
+      "element-stepper-wrapper": true,
+      "element-bubble-box": _vm.bubble
+    },
+    attrs: {
+      "data-key": [_vm.isWebTester ? _vm.elemKey : ""]
+    },
+    on: {
+      "mucChange": function mucChange($event) {
+        return _vm.mucChange($event);
+      }
+    }
+  }, [_c("act-stepper", {
+    ref: "stepperRef",
+    staticClass: "element-stepper",
+    attrs: {
+      "min": _vm.getRatioValue(_vm.min),
+      "max": _vm.getRatioValue(_vm.max),
+      "step": _vm.getRatioValue(_vm.step),
+      "color": _vm.brandColor,
+      "backgroundColor": _vm.backgroundColor,
+      "formatDisaplyValue": _vm.bubbleSeparatorValue(),
+      "adaptiveWidth": _vm.adaptiveWidth
+    },
+    on: {
+      "change": _vm.onChange,
+      "error": _vm.onError
+    },
+    model: {
+      value: _vm.ratioValue,
+      callback: function callback($$v) {
+        _vm.ratioValue = $$v;
+      },
+      expression: "ratioValue"
+    }
+  }, [_vm.unit ? _c("p", {
+    staticClass: "element-stepper-unit",
+    attrs: {
+      "slot": "after"
+    },
+    slot: "after"
+  }, [_vm._v(" " + _vm._s(_vm.unit) + " ")]) : _vm._e()]), _vm.showBubble ? _c("div", {
+    ref: "bubbleRef",
+    staticClass: "element-bubble",
+    style: _vm.bubblePosition
+  }, [_c("div", {
+    staticClass: "element-bubble-text"
+  }, [_vm._v(" " + _vm._s(_vm.bubbleText) + " ")])]) : _vm._e(), _vm.currentTabs.length ? _c("ul", {
+    staticClass: "element-stepper-tabs"
+  }, _vm._l(_vm.currentTabs, function(item) {
+    return _c("li", {
+      key: item.value,
+      staticClass: "tab",
+      on: {
+        "click": function click($event) {
+          return _vm.handleTabsChange(item);
+        }
+      }
+    }, [_vm._v(" " + _vm._s(item.text) + " ")]);
+  }), 0) : _vm._e()], 1)]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "1ca996b4");
+var GoldStepper = __component__.exports;
+GoldStepper.install = function(Vue) {
+  Vue.component(GoldStepper.name, GoldStepper);
+  Vue.prototype["$createGoldStepper"] = create(GoldStepper, Vue);
+};
+export {
+  GoldStepper as G
+};

package/lib/GoldStepper/style.css

@@ -0,0 +1 @@
+.element-stepper[data-v-1ca996b4]{width:100%;height:50px}.element-stepper-unit[data-v-1ca996b4]{margin:0;font-size:13px;padding:0 6px 0 4px;color:#b3b3b3}.element-bubble[data-v-1ca996b4]{position:relative;z-index:1000;pointer-events:none;padding-bottom:10px}.element-bubble .element-bubble-text[data-v-1ca996b4]{position:relative;background:#EDEEF5;color:#999;padding:6px 10px;border-radius:2px;font-size:11px;white-space:nowrap;box-shadow:0 2px 8px #EDEEF5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.element-bubble .element-bubble-text[data-v-1ca996b4]::before{content:"";position:absolute;bottom:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #EDEEF5}

package/lib/GoldSwitch/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 mixins_goldChange=require("../mixins/gold-change/index.js");var common_baseelement=require("../common/baseelement/index.js");var Switch=require("../Switch/index.js");var common=require("../common/index.js");var _sfc_main={name:"ActGoldSwitch",mixins:[mixins_goldVisible.visibleMixin,mixins_goldElement.goldElementMixin,mixins_goldChange.goldChangeMixin],props:{brandColor:{type:String,default:"#8c7fee"}},computed:{activeColor:function activeColor(){return this.brandColor||"#8c7fee"}},data:function data(){return{}},methods:{onChange:function onChange(value){this.change(void 0,+value)}},components:{ActGoldBaseElement:common_baseelement.ActGoldBaseElement,ActSwitch:Switch.Switch}};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},on:{"showTips":_vm.showTips,"takenLink":_vm.takenLink}},[_c("act-switch",{staticStyle:{"margin-left":"auto"},attrs:{"size":"20","activeColor":_vm.activeColor,"inactiveColor":"#eeeeee","value":!!+_vm.value},on:{"change":_vm.onChange}})],1)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"a79d1c06");var GoldSwitch=__component__.exports;GoldSwitch.install=function(Vue){Vue.component(GoldSwitch.name,GoldSwitch);Vue.prototype["$createGoldStepper"]=utils_create.create(GoldSwitch,Vue)};exports.GoldSwitch=GoldSwitch;

package/lib/GoldSwitch/index.mjs

@@ -0,0 +1,75 @@
+import { c as create } from "../utils/create/index.mjs";
+import { v as visibleMixin } from "../mixins/gold-visible/index.mjs";
+import { g as goldElementMixin } from "../mixins/gold-element/index.mjs";
+import { g as goldChangeMixin } from "../mixins/gold-change/index.mjs";
+import { A as ActGoldBaseElement } from "../common/baseelement/index.mjs";
+import { S as Switch } from "../Switch/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+var _sfc_main = {
+  name: "ActGoldSwitch",
+  mixins: [visibleMixin, goldElementMixin, goldChangeMixin],
+  props: {
+    brandColor: {
+      type: String,
+      default: "#8c7fee"
+    }
+  },
+  computed: {
+    activeColor: function activeColor() {
+      return this.brandColor || "#8c7fee";
+    }
+  },
+  data: function data() {
+    return {};
+  },
+  methods: {
+    onChange: function onChange(value) {
+      this.change(void 0, +value);
+    }
+  },
+  components: {
+    ActGoldBaseElement,
+    ActSwitch: Switch
+  }
+};
+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
+    },
+    on: {
+      "showTips": _vm.showTips,
+      "takenLink": _vm.takenLink
+    }
+  }, [_c("act-switch", {
+    staticStyle: {
+      "margin-left": "auto"
+    },
+    attrs: {
+      "size": "20",
+      "activeColor": _vm.activeColor,
+      "inactiveColor": "#eeeeee",
+      "value": !!+_vm.value
+    },
+    on: {
+      "change": _vm.onChange
+    }
+  })], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "a79d1c06");
+var GoldSwitch = __component__.exports;
+GoldSwitch.install = function(Vue) {
+  Vue.component(GoldSwitch.name, GoldSwitch);
+  Vue.prototype["$createGoldStepper"] = create(GoldSwitch, Vue);
+};
+export {
+  GoldSwitch as G
+};

package/lib/GoldText/index.js

@@ -0,0 +1 @@
+"use strict";var _concatInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/concat");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 mixins_goldChange=require("../mixins/gold-change/index.js");var common_baseelement=require("../common/baseelement/index.js");var common=require("../common/index.js");var _sfc_main={name:"ActGoldText",mixins:[mixins_goldVisible.visibleMixin,mixins_goldElement.goldElementMixin,mixins_goldChange.goldChangeMixin],components:{ActGoldBaseElement:common_baseelement.ActGoldBaseElement},computed:{paddingPx:function paddingPx(){return this.tit===""&&this.value===""?0:"1.5rem 0"}},methods:{textButtonClick:function textButtonClick(){this.$emit("textButtonClick")}}};var _sfc_render=function render(){var _context;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},on:{"showTips":_vm.showTips}},[_c("p",{staticClass:"element-text",style:{"font-size":_vm.size,"color":_vm.color,padding:_vm.paddingPx},domProps:{"innerHTML":_vm._s(_vm.desc)}}),_vm.showTextButton?_c("p",{style:_concatInstanceProperty(_context="white-space: nowrap; padding: 1.5rem 0rem 1.5rem 1rem; line-height: 1.5; color: ".concat(_vm.brandColor,"; font-size: ")).call(_context,_vm.size,";"),on:{"click":function click($event){$event.stopPropagation();return _vm.textButtonClick.apply(null,arguments)}}},[_vm._v(" "+_vm._s(_vm.showTextButton)+" ")]):_vm._e()])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,null);var GoldText=__component__.exports;GoldText.install=function(Vue){Vue.component(GoldText.name,GoldText);Vue.prototype["$createGoldText"]=utils_create.create(GoldText,Vue)};exports.GoldText=GoldText;