@xysfe/actui2 0.0.1

package/lib/PlanSetting/style.css

@@ -0,0 +1 @@
+.plan-setting-layer-content[data-v-1231cd73]{padding:20px 9px;background-color:#F7F8FC;-webkit-overflow-scrolling:touch}.plan-setting-layer-content-item[data-v-1231cd73]{margin-bottom:15px;padding:3px;background:#FFFFFF;border-radius:12px}.plan-setting-layer-content-item-title[data-v-1231cd73]{font-size:16px;color:#333;background:-webkit-linear-gradient(257deg,#FFFFFF 0%,#FFFFFF 72%,#FFF6F4 100%);background:linear-gradient(193deg,#FFFFFF 0%,#FFFFFF 72%,#FFF6F4 100%);border-radius:9px;padding:0 9px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;box-sizing:border-box;height:44px}.plan-setting-layer-content-item-title h2[data-v-1231cd73]{margin:0;font-size:17px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.plan-setting-layer-content-item-input[data-v-1231cd73]{margin-top:10px;font-size:15px}.plan-setting-layer-content-item-input input[data-v-1231cd73]{width:100%;height:35px;padding:0 10px;border-radius:5px;border:none;text-align:right}.plan-setting-layer-content .icon-question[data-v-1231cd73]{display:inline-block;width:16px;height:16px;background:url(../assets/question.877c.png) center center no-repeat;background-size:100%;vertical-align:middle;margin-left:3px}.plan-setting-layer-content .checkbox-item[data-v-1231cd73]{position:relative;display:inline-block;margin-top:12px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:26px}.plan-setting-layer-content .checkbox-item input[type=checkbox][data-v-1231cd73]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.plan-setting-layer-content .checkbox-item .checkbox-label[data-v-1231cd73]{display:inline-block;position:relative;padding-left:20px;cursor:pointer;-webkit-user-select:none;user-select:none}.plan-setting-layer-content .checkbox-item .checkbox-label[data-v-1231cd73]:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:13px;height:13px;background:url(../assets/tick.cbec.png) no-repeat center;background-color:#e0e0e9;background-size:contain;-webkit-transition:background-image 0.2s ease;transition:background-image 0.2s ease;border-radius:4px}.plan-setting-layer-content .checkbox-item input[type=checkbox]:checked+.checkbox-label[data-v-1231cd73]:before{background-color:#F05A4B}.plan-setting-layer-content .checkbox-item input[type=checkbox]:disabled+.checkbox-label[data-v-1231cd73]{cursor:not-allowed;opacity:0.6}.plan-setting-layer-content .icon-toggle[data-v-1231cd73]{display:inline-block;width:9px;height:9px;border-style:solid;border-width:1px 1px 0 0;border-color:#B3B3B3;-webkit-transform:rotate(135deg);transform:rotate(135deg);margin-right:3px}.plan-setting-layer-content .icon-toggle.active[data-v-1231cd73]{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.plan-setting-layer-content .rate-input-wrap[data-v-1231cd73]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:#666666;font-size:15px;margin:0 12px;height:50px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid #F5F5F5}.plan-setting-layer-content .rate-input-wrap input[data-v-1231cd73]{width:100px;font-size:24px;color:#333333;line-height:34px;font-weight:bold}.plan-setting-layer-content .rate-input-wrap .input-area[data-v-1231cd73]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:end;justify-content:end}.plan-setting-layer-content .quick-input-wrap[data-v-1231cd73]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:end;justify-content:end;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:9px}.plan-setting-layer-content .quick-input-item[data-v-1231cd73]{cursor:pointer;padding:0 7px;margin-left:6px;background:#F7F8FC;border-radius:24px;color:#666666;font-size:14px;line-height:24px;height:24px}.plan-setting-layer-content .tabs-wrap[data-v-1231cd73]{background:#F7F8FC;border-radius:6px;display:-webkit-box;display:-webkit-flex;display:flex}.plan-setting-layer-content .tabs-wrap .tab-item[data-v-1231cd73]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:24px;line-height:normal;font-size:13px;padding:0 12px;color:#666666}.plan-setting-layer-content .tabs-wrap .tab-item.active[data-v-1231cd73]{background:#FDEEED;color:#F05A4B;border-radius:6px}.plan-setting-layer-content .item-main[data-v-1231cd73]{background:#FFFFFF}.plan-setting-layer-content .item-main *[data-v-1231cd73]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.plan-setting-layer-content .item-main .item-main-content[data-v-1231cd73]{font-size:14px;color:#666666;background:#F7F8FC;border-radius:9px;margin-top:9px;padding:12px;margin:9px 12px}.plan-setting-layer-content .item-main .item-main-content .tip[data-v-1231cd73]{font-size:12px;color:#999999}.plan-setting-layer-content .item-main .item-main-content-list[data-v-1231cd73]{color:#333333}.plan-setting-layer-content .item-main .icon-move[data-v-1231cd73]{padding:10px;display:inline-block;width:13px;height:10px;background:url(../assets/move.f1c1.png) center center no-repeat;background-size:13px 10px}.plan-setting-layer-content .item-main-chart[data-v-1231cd73]{text-align:center;color:#666666;padding:84px 0 97px;font-size:12px}.plan-setting-layer-content .icon-empty[data-v-1231cd73]{width:156px;height:117px;background-image:url(../assets/empty_cx.3d3a.png);background-repeat:no-repeat;background-size:100% 100%;margin:0 auto}.plan-setting-layer-content .input-area[data-v-1231cd73]{position:relative}.plan-setting-layer-content .input-area input.error[data-v-1231cd73]{border:1px solid #F05A4B}.plan-setting-layer-content .input-area .error-msg[data-v-1231cd73]{position:absolute;bottom:-14px;right:0;color:#F05A4B;font-size:12px;width:-webkit-fit-content;width:fit-content;white-space:nowrap}.plan-setting-layer-content .product-wrapper[data-v-1231cd73]{width:100%;overflow:auto;white-space:nowrap;height:85px}.plan-setting-layer-content .product-list[data-v-1231cd73]{font-size:0;padding:0}.plan-setting-layer-content .ellipsis-3[data-v-1231cd73]{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal}.plan-setting-layer-content .product-item[data-v-1231cd73]{display:inline-block;color:#777777;font-size:14px;line-height:18px;width:134px;height:69px;text-align:left;padding:7px;background:#FFFFFF;border-radius:12px;vertical-align:top;margin-left:18px;position:relative;font-weight:bold}.plan-setting-layer-content .product-item[data-v-1231cd73]:first-child{margin-left:0}.plan-setting-layer-content .product-item.active[data-v-1231cd73]{background:#FFFBFB;color:#F05A4B;border:1px solid #FFD3D8}.plan-setting-layer-content .product-item.active[data-v-1231cd73]::after{display:block;content:"";position:absolute;left:50%;margin-left:-12px;bottom:-6px;width:24px;height:6px;background-size:cover;background-position:center;background-image:url(../assets/arrow.e36b.png)}.plan-setting-layer-content .subplan-container[data-v-1231cd73]{padding:0 12px 15px}.plan-setting-layer-content.main .plan-setting-layer-content-item-title[data-v-1231cd73]{background:-webkit-linear-gradient(left,rgba(232,229,252,0.5) 0%,rgba(255,255,255,0.5) 100%);background:linear-gradient(90deg,rgba(232,229,252,0.5) 0%,rgba(255,255,255,0.5) 100%)}.plan-setting-layer-content.main .checkbox-item input[type=checkbox]:checked+.checkbox-label[data-v-1231cd73]:before{background-color:#8C7FEE}.plan-setting-layer-content.main .tabs-wrap .tab-item.active[data-v-1231cd73]{background:#EEEBFF;color:#8C7FEE}.plan-setting-layer-content.main .product-item.active[data-v-1231cd73]{background:#F1EFFF;color:#8C7FEE;border-color:#CFC8FF}.plan-setting-layer-content.main .product-item.active[data-v-1231cd73]::after{background-image:url(../assets/arrow_xys.110b.png)}.plan-setting-layer-content.main .icon-empty[data-v-1231cd73]{background-image:url(../assets/empty_xys.e6b4.png)}.plan-setting-layer-content .ghost[data-v-1231cd73]{visibility:hidden!important}.plan-setting-layer-content .main-hint[data-v-1231cd73]{line-height:18px}

package/lib/PlanSettingLayer/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _regeneratorRuntime=require("@babel/runtime-corejs3/regenerator");var _asyncToGenerator=require("@babel/runtime-corejs3/helpers/asyncToGenerator");var utils_create=require("../utils/create/index.js");var common_popup=require("../common/popup/index.js");var mixins_visible=require("../mixins/visible/index.js");var PlanSetting=require("../PlanSetting/index.js");var mixins_popup=require("../mixins/popup/index.js");var common=require("../common/index.js");var _sfc_main={name:"ActPlanSettingLayer",mixins:[mixins_visible.visibleMixin,mixins_popup.popupMixin],props:{isMain:{type:Boolean,default:false},options:{type:Object,default:function _default(){return{}}},propData:{type:Object,default:function _default2(){return{selectIndex:0}}}},components:{PlanSetting:PlanSetting.PlanSetting,ActPopup:common_popup.ActPopup},data:function data(){return{scroll:null}},watch:{isVisible:function isVisible(v){if(v){this.preventPageScroll()}else{this.restorePageScroll()}}},methods:{close:function close(){this.$emit("close")},savePlanSetting:function savePlanSetting(){var _this=this;return _asyncToGenerator(_regeneratorRuntime.mark(function _callee(){var settingData,selectedIndex,data2;return _regeneratorRuntime.wrap(function(_context){while(1)switch(_context.prev=_context.next){case 0:_context.next=1;return _this.$refs.planSetting.confirm().catch(function(errmsg){_this.$createToast().show(errmsg);return false});case 1:settingData=_context.sent;if(settingData){_context.next=2;break}return _context.abrupt("return");case 2:selectedIndex=settingData.selectedIndex,data2=settingData.data;_this.$emit("savePlanSetting",data2,selectedIndex);case 3:case"end":return _context.stop()}},_callee)}))()},scrollSuc:function scrollSuc(scroll){this.scroll=scroll},pullingUp:function pullingUp(scroll){this.$emit("pullingUp",scroll)},scrollToTop:function scrollToTop(){this.scroll.scrollTo(0,0)},getData:function getData(){return this.$refs.planSetting.getData()},preventPageScroll:function preventPageScroll(){this.scrollTop=window.pageYOffset||document.documentElement.scrollTop;document.body.style.position="fixed";document.body.style.top="-".concat(this.scrollTop,"px")},restorePageScroll:function restorePageScroll(){document.body.style.position="";document.body.style.top="";window.scrollTo(0,this.scrollTop)},addSubPlan:function addSubPlan(){this.$emit("addSubPlan")}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("transition",{attrs:{"name":"act-gold-popup-fade"}},[_c("act-popup",{directives:[{name:"show",rawName:"v-show",value:_vm.isVisible,expression:"isVisible"}],class:["plan-setting-layer",_vm.isMain?"main":""],attrs:{"mask":true,"center":false,"zIndex":_vm.zIndex,"opacity":.7},on:{"mask-click":_vm.close}},[_c("transition",{attrs:{"name":"act-gold-popup-move"}},[_c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.isVisible,expression:"isVisible"}],staticClass:"act-gold-popup-container",on:{"click":function click($event){$event.stopPropagation()}}},[_c("div",{staticClass:"act-gold-popup-hd"},[_c("h3",[_vm._v("利益演示设置")]),_c("i",{staticClass:"act-gold-popup-icon-close",on:{"click":function click($event){$event.stopPropagation();return _vm.close.apply(null,arguments)}}})]),_c("div",{staticClass:"act-doc-content act-iphonex-padding"},[_c("div",{staticClass:"plan-setting-layer-main"},[_c("PlanSetting",{ref:"planSetting",attrs:{"isMain":_vm.isMain,"options":_vm.options,"propData":_vm.propData},on:{"addSubPlan":_vm.addSubPlan},scopedSlots:_vm._u([{key:"extend",fn:function fn(_ref){var curProduct=_ref.curProduct;return[_vm._t("extend",null,{"curProduct":curProduct})]}}],null,true)})],1),_c("div",{staticClass:"plan-setting-layer-footer"},[_c("div",{staticClass:"plan-setting-layer-footer-btn",on:{"click":_vm.savePlanSetting}},[_vm._v("确定")])])])])])],1)],1)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"f310ce14");var PlanSettingLayer=__component__.exports;PlanSettingLayer.install=function(Vue){Vue.component(PlanSettingLayer.name,PlanSettingLayer);Vue.prototype["$createPlanSettingLayer"]=utils_create.create(PlanSettingLayer,Vue)};exports.PlanSettingLayer=PlanSettingLayer;

package/lib/PlanSettingLayer/index.mjs

@@ -0,0 +1,201 @@
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import { c as create } from "../utils/create/index.mjs";
+import { A as ActPopup } from "../common/popup/index.mjs";
+import { v as visibleMixin } from "../mixins/visible/index.mjs";
+import { P as PlanSetting } from "../PlanSetting/index.mjs";
+import { p as popupMixin } from "../mixins/popup/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "ActPlanSettingLayer",
+  mixins: [visibleMixin, popupMixin],
+  props: {
+    isMain: {
+      type: Boolean,
+      default: false
+    },
+    options: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    propData: {
+      type: Object,
+      default: function _default2() {
+        return {
+          selectIndex: 0
+        };
+      }
+    }
+  },
+  components: {
+    PlanSetting,
+    ActPopup
+  },
+  data: function data() {
+    return {
+      scroll: null
+    };
+  },
+  watch: {
+    isVisible: function isVisible(v) {
+      if (v) {
+        this.preventPageScroll();
+      } else {
+        this.restorePageScroll();
+      }
+    }
+  },
+  methods: {
+    close: function close() {
+      this.$emit("close");
+    },
+    savePlanSetting: function savePlanSetting() {
+      var _this = this;
+      return _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee() {
+        var settingData, selectedIndex, data2;
+        return _regeneratorRuntime.wrap(function(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 1;
+              return _this.$refs.planSetting.confirm().catch(function(errmsg) {
+                _this.$createToast().show(errmsg);
+                return false;
+              });
+            case 1:
+              settingData = _context.sent;
+              if (settingData) {
+                _context.next = 2;
+                break;
+              }
+              return _context.abrupt("return");
+            case 2:
+              selectedIndex = settingData.selectedIndex, data2 = settingData.data;
+              _this.$emit("savePlanSetting", data2, selectedIndex);
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }))();
+    },
+    scrollSuc: function scrollSuc(scroll) {
+      this.scroll = scroll;
+    },
+    pullingUp: function pullingUp(scroll) {
+      this.$emit("pullingUp", scroll);
+    },
+    scrollToTop: function scrollToTop() {
+      this.scroll.scrollTo(0, 0);
+    },
+    getData: function getData() {
+      return this.$refs.planSetting.getData();
+    },
+    preventPageScroll: function preventPageScroll() {
+      this.scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+      document.body.style.position = "fixed";
+      document.body.style.top = "-".concat(this.scrollTop, "px");
+    },
+    restorePageScroll: function restorePageScroll() {
+      document.body.style.position = "";
+      document.body.style.top = "";
+      window.scrollTo(0, this.scrollTop);
+    },
+    addSubPlan: function addSubPlan() {
+      this.$emit("addSubPlan");
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("transition", {
+    attrs: {
+      "name": "act-gold-popup-fade"
+    }
+  }, [_c("act-popup", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    class: ["plan-setting-layer", _vm.isMain ? "main" : ""],
+    attrs: {
+      "mask": true,
+      "center": false,
+      "zIndex": _vm.zIndex,
+      "opacity": 0.7
+    },
+    on: {
+      "mask-click": _vm.close
+    }
+  }, [_c("transition", {
+    attrs: {
+      "name": "act-gold-popup-move"
+    }
+  }, [_c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    staticClass: "act-gold-popup-container",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+      }
+    }
+  }, [_c("div", {
+    staticClass: "act-gold-popup-hd"
+  }, [_c("h3", [_vm._v("利益演示设置")]), _c("i", {
+    staticClass: "act-gold-popup-icon-close",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.close.apply(null, arguments);
+      }
+    }
+  })]), _c("div", {
+    staticClass: "act-doc-content act-iphonex-padding"
+  }, [_c("div", {
+    staticClass: "plan-setting-layer-main"
+  }, [_c("PlanSetting", {
+    ref: "planSetting",
+    attrs: {
+      "isMain": _vm.isMain,
+      "options": _vm.options,
+      "propData": _vm.propData
+    },
+    on: {
+      "addSubPlan": _vm.addSubPlan
+    },
+    scopedSlots: _vm._u([{
+      key: "extend",
+      fn: function fn(_ref) {
+        var curProduct = _ref.curProduct;
+        return [_vm._t("extend", null, {
+          "curProduct": curProduct
+        })];
+      }
+    }], null, true)
+  })], 1), _c("div", {
+    staticClass: "plan-setting-layer-footer"
+  }, [_c("div", {
+    staticClass: "plan-setting-layer-footer-btn",
+    on: {
+      "click": _vm.savePlanSetting
+    }
+  }, [_vm._v("确定")])])])])])], 1)], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "f310ce14");
+var PlanSettingLayer = __component__.exports;
+PlanSettingLayer.install = function(Vue) {
+  Vue.component(PlanSettingLayer.name, PlanSettingLayer);
+  Vue.prototype["$createPlanSettingLayer"] = create(PlanSettingLayer, Vue);
+};
+export {
+  PlanSettingLayer as P
+};

package/lib/PlanSettingLayer/style.css

@@ -0,0 +1 @@
+.plan-setting-layer[data-v-f310ce14] .act-popup-content{height:100%}.act-gold-popup-container[data-v-f310ce14]{background:-webkit-linear-gradient(top,#FFFFFF 0%,#F7F8FC 100%);background:linear-gradient(180deg,#FFFFFF 0%,#F7F8FC 100%);background-size:100% 60px;background-repeat:no-repeat;height:88%}.plan-setting-layer-footer[data-v-f310ce14]{height:64px;background-color:#fff;padding:12px 10px;position:absolute;width:100%;bottom:0;border-radius:12px 12px 0px 0px}.plan-setting-layer-footer-btn[data-v-f310ce14]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 20px;height:40px;line-height:40px;border-radius:22px;background:-webkit-linear-gradient(right,#F05A4B 0%,#FC7468 100%);background:linear-gradient(270deg,#F05A4B 0%,#FC7468 100%);color:#fff;font-size:16px;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.plan-setting-layer.main .plan-setting-layer-footer-btn[data-v-f310ce14]{background:-webkit-linear-gradient(left,#B6ADFB 0%,#9589F4 100%);background:linear-gradient(90deg,#B6ADFB 0%,#9589F4 100%)}.act-gold-popup-fade-enter[data-v-f310ce14]{opacity:0}.act-gold-popup-fade-enter-active[data-v-f310ce14]{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.act-gold-popup-move-enter[data-v-f310ce14]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.act-gold-popup-move-enter-active[data-v-f310ce14]{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.act-gold-popup-container[data-v-f310ce14]{position:absolute;bottom:0;left:0;width:100%;line-height:1;background-color:#F7F8FC;border-radius:12px 12px 0 0}.act-gold-popup-container .act-gold-popup-hd[data-v-f310ce14]{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;position:relative;text-align:center;font-size:17px;color:#333}.act-gold-popup-container .act-gold-popup-hd h3[data-v-f310ce14]{padding:13px 40px;line-height:20px;font-size:17px}.act-gold-popup-container .act-gold-popup-hd i[data-v-f310ce14]{display:block;position:absolute;top:50%;z-index:1;margin:12px;background-repeat:no-repeat}.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f310ce14]{position:absolute;top:-5px;right:-4px;display:block;width:20px;height:20px}.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f310ce14]::before,.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f310ce14]::after{position:absolute;content:"";width:16px;height:2px;background:#b3b3b3;top:9px;left:2.5px}.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f310ce14]::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f310ce14]::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.act-doc-content[data-v-f310ce14]{height:calc(100% - 46px);position:relative}.plan-setting-layer-main[data-v-f310ce14]{max-height:calc(100% - 60px);overflow:auto}

package/lib/PlanSubPlan/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _Object$keys=require("@babel/runtime-corejs3/core-js/object/keys");var _Object$getOwnPropertySymbols=require("@babel/runtime-corejs3/core-js/object/get-own-property-symbols");var _filterInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/filter");var _Object$getOwnPropertyDescriptor=require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptor");var _Object$getOwnPropertyDescriptors=require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptors");var _Object$defineProperties=require("@babel/runtime-corejs3/core-js/object/define-properties");var _Object$defineProperty=require("@babel/runtime-corejs3/core-js/object/define-property");var _toConsumableArray=require("@babel/runtime-corejs3/helpers/toConsumableArray");var _defineProperty=require("@babel/runtime-corejs3/helpers/defineProperty");var _mapInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/map");var _findIndexInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/find-index");var _concatInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/concat");var _includesInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/includes");var _forEachInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/for-each");var _findInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/find");var _spliceInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/splice");var _Number$isNaN=require("@babel/runtime-corejs3/core-js/number/is-nan");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 _context9,_context0;var t=null!=arguments[r]?arguments[r]:{};r%2?_forEachInstanceProperty(_context9=ownKeys(Object(t),true)).call(_context9,function(r2){_defineProperty(e,r2,t[r2])}):_Object$getOwnPropertyDescriptors?_Object$defineProperties(e,_Object$getOwnPropertyDescriptors(t)):_forEachInstanceProperty(_context0=ownKeys(Object(t))).call(_context0,function(r2){_Object$defineProperty(e,r2,_Object$getOwnPropertyDescriptor(t,r2))})}return e}var utils_create=require("../utils/create/index.js");var Picker=require("../Picker/index.js");var common=require("../common/index.js");var ConstMap={COL_TYPE_CASH_VALUE:3,COL_TYPE_AGE:5,COL_TYPE_YEAR:14};var _sfc_main={name:"ActPlanSubPlan",components:{ActPicker:Picker.Picker},props:{costTable:{type:Object,default:function _default(){return{}}},value:{type:Array,default:function _default2(){return[]}},product:{type:Object,default:function _default3(){return{}}}},data:function data(){return{showPicker:false,pickerData:{planIndex:-1,key:"begin"},pickerSelectedIndex:[0]}},computed:{subPlanList:{get:function get(){var _context;if(!this.value||this.value.length===0){return[{begin:"",beginAge:"",end:"",endAge:"",value:""}]}return _mapInstanceProperty(_context=this.value).call(_context,function(item){return _objectSpread(_objectSpread({},item),{},{value:item.value?Number(item.value)/100:""})})},set:function set(newValue){var convertedValue=_mapInstanceProperty(newValue).call(newValue,function(item){return _objectSpread(_objectSpread({},item),{},{value:item.value?Number(item.value)*100:""})});this.$emit("input",convertedValue)}},subPlanSelectList:function subPlanSelectList(){if(!this.costTable)return[];var _this$costTable=this.costTable,_this$costTable$colsT=_this$costTable.colsType,colsType=_this$costTable$colsT===void 0?[]:_this$costTable$colsT,_this$costTable$rows=_this$costTable.rows,rows=_this$costTable$rows===void 0?[]:_this$costTable$rows;var yearIndex=colsType&&_findIndexInstanceProperty(colsType).call(colsType,function(item){return Number(item)===ConstMap.COL_TYPE_YEAR});var ageIndex=colsType&&_findIndexInstanceProperty(colsType).call(colsType,function(item){return Number(item)===ConstMap.COL_TYPE_AGE});var result=_mapInstanceProperty(rows).call(rows,function(row){var _context2;var year=row[yearIndex];var age=ageIndex>-1?row[ageIndex]:"";return{text:age?_concatInstanceProperty(_context2="第".concat(year,"年 (")).call(_context2,age,"周岁)"):"第".concat(year,"年"),value:year,age}});return result},cashRow:function cashRow(){if(!this.costTable)return[];var _this$costTable2=this.costTable,_this$costTable2$cols=_this$costTable2.colsType,colsType=_this$costTable2$cols===void 0?[]:_this$costTable2$cols,_this$costTable2$rows=_this$costTable2.rows,rows=_this$costTable2$rows===void 0?[]:_this$costTable2$rows;var yearIndex=colsType&&_findIndexInstanceProperty(colsType).call(colsType,function(item){return Number(item)===ConstMap.COL_TYPE_YEAR});var cashIndex=colsType&&_findIndexInstanceProperty(colsType).call(colsType,function(item){return Number(item)===ConstMap.COL_TYPE_CASH_VALUE});if(this.isFenhongShouXian(this.product)){cashIndex=colsType&&_findIndexInstanceProperty(colsType).call(colsType,function(item){return Number(item)===50})}if(cashIndex===-1)return[];var result=_mapInstanceProperty(rows).call(rows,function(item){var year=item[yearIndex];var cash=item[cashIndex];return{year,value:cash}});return result}},methods:{isFenhongShouXian:function isFenhongShouXian(){var _context3;var product=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};var firstLevelId=product.common&&product.common.cate&&product.common.cate.firstLevelId;var secondLevelId=product.common&&product.common.cate&&product.common.cate.secondLevelId;return Number(firstLevelId)===42&&_includesInstanceProperty(_context3=[63,45]).call(_context3,Number(secondLevelId))},formatSubPlanList:function formatSubPlanList(subPlanList){var type=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"render";if(!subPlanList)return[];_forEachInstanceProperty(subPlanList).call(subPlanList,function(item){if(item.value){item.value=type==="render"?Number(item.value)/100:Number(item.value)*100}});return subPlanList},updateSubPlanList:function updateSubPlanList(newList){this.subPlanList=_toConsumableArray(newList)},handleSubPlanDateSelect:function handleSubPlanDateSelect(selectedVal,selectedIndex,selectedText){var _this$pickerData=this.pickerData,planIndex=_this$pickerData.planIndex,key=_this$pickerData.key;var selectedItem=this.subPlanSelectList[selectedIndex[0]];var value=selectedItem.value,age=selectedItem.age;var newList=_toConsumableArray(this.subPlanList);newList[planIndex]=_objectSpread(_objectSpread({},newList[planIndex]),{},_defineProperty(_defineProperty({},key,value),"".concat(key,"Age"),age));this.validateMaxValueAfterDateChange(newList,planIndex)},changeSubPlanDate:function changeSubPlanDate(index,key){this.pickerData={planIndex:index,key};var currentValue=this.subPlanList[index][key];if(currentValue){var _context4;var currentIndex=_findIndexInstanceProperty(_context4=this.subPlanSelectList).call(_context4,function(item){return String(item.value)===String(currentValue)});this.pickerSelectedIndex=[currentIndex>=0?currentIndex:0]}else if(key==="end"&&this.subPlanList[index].begin){var _context5;var beginValue=this.subPlanList[index].begin;var beginIndex=_findIndexInstanceProperty(_context5=this.subPlanSelectList).call(_context5,function(item){return String(item.value)===String(beginValue)});this.pickerSelectedIndex=[beginIndex>=0?beginIndex:0]}else{this.pickerSelectedIndex=[0]}this.showPicker=true},getSubPlanDateList:function getSubPlanDateList(type){return this.subPlanSelectList},getSubPlanText:function getSubPlanText(value){var _context6;if(!value)return"";var target=_findInstanceProperty(_context6=this.subPlanSelectList).call(_context6,function(item){return String(item.value)===String(value)});return target?target.text.split(" ").join("\n"):""},resetSubPlan:function resetSubPlan(){this.updateSubPlanList([{begin:"",end:"",beginAge:"",endAge:"",value:""}])},addSubPlan:function addSubPlan(){var _context7;var newList=_concatInstanceProperty(_context7=[]).call(_context7,_toConsumableArray(this.subPlanList),[{begin:"",end:"",beginAge:"",endAge:"",value:""}]);this.updateSubPlanList(newList);this.$emit("add")},deleteSubPlanItem:function deleteSubPlanItem(index){var newList=_toConsumableArray(this.subPlanList);_spliceInstanceProperty(newList).call(newList,index,1);this.updateSubPlanList(newList)},calculateMaxValue:function calculateMaxValue(cashValue){return Math.round(cashValue*.2)},createExceedLimitDialog:function createExceedLimitDialog(index,value,maxValue){var _this=this;var needSplit=arguments.length>3&&arguments[3]!==void 0?arguments[3]:false;var currentList=arguments.length>4&&arguments[4]!==void 0?arguments[4]:null;var sourceList=currentList||this.subPlanList;var newList=_toConsumableArray(sourceList);var target=sourceList[index];var begin=target.begin,beginAge=target.beginAge,end=target.end;var dialog=this.$createGoldDialog({closable:false,title:"提示",content:"当前减保金额超过上限，将自动按照最大值默认填充",zIndex:2222,buttonType:"sticky",showCancelButton:true,cancelButtonText:"取消",confirmButtonText:"确认",confirmButtonColor:"#F05A4B",onConfirm:function onConfirm(){if(needSplit){newList[index]=_objectSpread(_objectSpread({},newList[index]),{},{end:begin,endAge:beginAge,value:maxValue});var _loop=function _loop2(year2){var existingIndex=_findIndexInstanceProperty(newList).call(newList,function(item){return item.begin===String(year2)&&item.end===String(year2)});if(existingIndex===-1){var newItem={begin:year2,beginAge:age,end:year2,endAge:age,value:""};var newItemCashValue=_this.getSubPlanMaxValue(newItem);if(newItemCashValue!==Infinity){newItem.value=_this.calculateMaxValue(newItemCashValue)}newList.push(newItem)}else{var existingItem=newList[existingIndex];var existingCashValue=_this.getSubPlanMaxValue(existingItem);if(existingCashValue!==Infinity){newList[existingIndex]=_objectSpread(_objectSpread({},newList[existingIndex]),{},{value:_this.calculateMaxValue(existingCashValue)})}}};for(var year=Number(begin)+1,age=Number(beginAge)+1;year<=Number(end);year++,age++){_loop(year)}}else{newList[index]=_objectSpread(_objectSpread({},newList[index]),{},{value:maxValue})}_this.updateSubPlanList(newList)},onCancel:function onCancel(){newList[index]=_objectSpread(_objectSpread({},newList[index]),{},{value});_this.updateSubPlanList(newList)}});dialog.show()},handleSubPlanValue:function handleSubPlanValue(e,index){var value=e.target.value.replace(/[^\d.]/g,"");if(!value)return;value=Number(value);var target=this.subPlanList[index];var begin=target.begin,end=target.end;if(_Number$isNaN(value)){var _newList=_toConsumableArray(this.subPlanList);_newList[index]=_objectSpread(_objectSpread({},_newList[index]),{},{value:""});this.updateSubPlanList(_newList);return}var cashValue=this.getSubPlanMaxValue(target);var newList=_toConsumableArray(this.subPlanList);if(cashValue!==Infinity){var maxValue=this.calculateMaxValue(cashValue);if(value>maxValue){var needSplit=begin&&end&&begin!==end;this.createExceedLimitDialog(index,value,maxValue,needSplit);return}else{newList[index]=_objectSpread(_objectSpread({},newList[index]),{},{value})}}else{newList[index]=_objectSpread(_objectSpread({},newList[index]),{},{value})}this.updateSubPlanList(newList)},setSubPlanMaxValue:function setSubPlanMaxValue(index){var target=this.subPlanList[index];var cashValue=this.getSubPlanMaxValue(target);if(cashValue!==Infinity){var maxValue=this.calculateMaxValue(cashValue);var newList=_toConsumableArray(this.subPlanList);newList[index]=_objectSpread(_objectSpread({},newList[index]),{},{value:maxValue});this.updateSubPlanList(newList)}},getSubPlanMaxValue:function getSubPlanMaxValue(item){var _context8;if(!item||!item.begin||this.cashRow.length===0)return Infinity;var begin=item.begin;var beginCashItem=_findInstanceProperty(_context8=this.cashRow).call(_context8,function(item2){return String(item2.year)===String(begin)});if(beginCashItem){return Number(beginCashItem.value)}return Infinity},validateMaxValueAfterDateChange:function validateMaxValueAfterDateChange(newList,planIndex){var target=newList[planIndex];var currentValue=target.value;if(!currentValue||currentValue===""){this.updateSubPlanList(newList);return}var cashValue=this.getSubPlanMaxValue(target);if(cashValue===Infinity){this.updateSubPlanList(newList);return}var maxValue=this.calculateMaxValue(cashValue);if(Number(currentValue)>maxValue){var begin=target.begin,end=target.end;var needSplit=begin&&end&&begin!==end;this.createExceedLimitDialog(planIndex,Number(currentValue),maxValue,needSplit,newList)}else{this.updateSubPlanList(newList)}}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"act-planSubPlan"},[_c("div",[_vm._l(_vm.subPlanList,function(subPlanItem,index){return _c("div",{key:index,staticClass:"subplan-item"},[_c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.subPlanList.length>1,expression:"subPlanList.length > 1"}],staticClass:"delete-icon",on:{"click":function click($event){return _vm.deleteSubPlanItem(index)}}}),_c("div",{staticClass:"subplan-item-wrapper"},[_c("div",{staticClass:"subplan-item-content"},[_c("p",{staticClass:"label"},[_vm._v("开始时间")]),_c("div",{staticClass:"subplan-date"},[_c("div",{staticClass:"subplan-date-input",class:{disabled:!_vm.getSubPlanText(subPlanItem.begin)},domProps:{"innerHTML":_vm._s(_vm.getSubPlanText(subPlanItem.begin)||"开始时间")},on:{"click":function click($event){return _vm.changeSubPlanDate(index,"begin")}}}),_c("span",[_vm._v("至")]),_c("div",{staticClass:"subplan-date-input",class:{disabled:!_vm.getSubPlanText(subPlanItem.end)},domProps:{"innerHTML":_vm._s(_vm.getSubPlanText(subPlanItem.end)||"结束时间")},on:{"click":function click($event){return _vm.changeSubPlanDate(index,"end")}}})])]),_c("div",{staticClass:"subplan-item-content"},[_c("p",{staticClass:"label"},[_vm._v("每年领取金")]),_c("input",{attrs:{"placeholder":"请输入","type":"tel","pattern":"[0-9]*"},domProps:{"value":subPlanItem.value},on:{"blur":function blur($event){return _vm.handleSubPlanValue($event,index)}}})])])])}),_c("div",{staticClass:"subplan-button-wrapper"},[_c("div",{staticClass:"subplan-button subplan-button-reset",on:{"click":_vm.resetSubPlan}},[_vm._v(" 重置 ")]),_c("div",{staticClass:"subplan-button subplan-button-add",on:{"click":_vm.addSubPlan}},[_c("i",{staticClass:"add-icon"}),_vm._v(" 添加行 ")])]),_c("div",{staticClass:"subplan-hint"},[_vm._v("*根据减保规则，如领取金额超过减保上限，则以最大可领取金额计算")])],2),_c("act-picker",{attrs:{"data":[_vm.subPlanSelectList],"selectedIndex":_vm.pickerSelectedIndex},on:{"select":_vm.handleSubPlanDateSelect},model:{value:_vm.showPicker,callback:function callback($$v){_vm.showPicker=$$v},expression:"showPicker"}})],1)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"a680bf4a");var PlanSubPlan=__component__.exports;PlanSubPlan.install=function(Vue){Vue.component(PlanSubPlan.name,PlanSubPlan);Vue.prototype["$createPlanSubPlan"]=utils_create.create(PlanSubPlan,Vue)};exports.PlanSubPlan=PlanSubPlan;