@xysfe/actui/es/GoldMulSelect/index.js

A fantastic mobile ui lib implement by Vue

!function(e,s){"object"==typeof exports&&"object"==typeof module?module.exports=s(require("@xysfe/actui/es/assets/utils/create/index.js"),require("@xysfe/actui/es/assets/utils/helpers.js"),require("@xysfe/actui/es/assets/mixins/gold-visible.js"),require("@xysfe/actui/es/assets/common/popup.js"),require("@xysfe/actui/es/assets/mixins/gold-element.js"),require("@xysfe/actui/es/assets/common/baseelement.js"),require("@xysfe/actui/es/assets/mixins/gold-change.js"),require("@xysfe/actui/es/assets/svgicon.js"),require("@xysfe/actui/es/BScroll/index.js")):"function"==typeof define&&define.amd?define(["@xysfe/actui/es/assets/utils/create/index.js","@xysfe/actui/es/assets/utils/helpers.js","@xysfe/actui/es/assets/mixins/gold-visible.js","@xysfe/actui/es/assets/common/popup.js","@xysfe/actui/es/assets/mixins/gold-element.js","@xysfe/actui/es/assets/common/baseelement.js","@xysfe/actui/es/assets/mixins/gold-change.js","@xysfe/actui/es/assets/svgicon.js","@xysfe/actui/es/BScroll/index.js"],s):"object"==typeof exports?exports.GoldMulSelect=s(require("@xysfe/actui/es/assets/utils/create/index.js"),require("@xysfe/actui/es/assets/utils/helpers.js"),require("@xysfe/actui/es/assets/mixins/gold-visible.js"),require("@xysfe/actui/es/assets/common/popup.js"),require("@xysfe/actui/es/assets/mixins/gold-element.js"),require("@xysfe/actui/es/assets/common/baseelement.js"),require("@xysfe/actui/es/assets/mixins/gold-change.js"),require("@xysfe/actui/es/assets/svgicon.js"),require("@xysfe/actui/es/BScroll/index.js")):e.GoldMulSelect=s(e["@xysfe/actui/es/assets/utils/create/index.js"],e["@xysfe/actui/es/assets/utils/helpers.js"],e["@xysfe/actui/es/assets/mixins/gold-visible.js"],e["@xysfe/actui/es/assets/common/popup.js"],e["@xysfe/actui/es/assets/mixins/gold-element.js"],e["@xysfe/actui/es/assets/common/baseelement.js"],e["@xysfe/actui/es/assets/mixins/gold-change.js"],e["@xysfe/actui/es/assets/svgicon.js"],e["@xysfe/actui/es/BScroll/index.js"])}("undefined"!=typeof self?self:this,function(e,s,t,i,n,o,c,r,a){return function(e){function s(i){if(t[i])return t[i].exports;var n=t[i]={i:i,l:!1,exports:{}};return e[i].call(n.exports,n,n.exports,s),n.l=!0,n.exports}var t={};return s.m=e,s.c=t,s.d=function(e,t,i){s.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:i})},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,s){return Object.prototype.hasOwnProperty.call(e,s)},s.p="../es",s(s.s=1983)}({105:function(e,s){e.exports=t},118:function(e,s){e.exports=i},119:function(e,s){e.exports=n},1210:function(e,s,t){"use strict";var i=t(105),n=t.n(i),o=t(119),c=t.n(o),r=t(142),a=t.n(r),l=t(128),u=t.n(l),f=t(1985),d=t(143),p=t.n(d),m=t(39);t.n(m);s.a={name:"ActGoldMulSelect",mixins:[n.a,c.a,a.a],data:function(){return{descText:[]}},computed:{backgroundColor:function(){return Object(m.hexToRgb)(this.brandColor||"#8c7fee",.08)},colorStyle:function(){return{backgroundColor:this.backgroundColor,color:this.brandColor||"#8c7fee",borderColor:this.brandColor||"#8c7fee"}}},watch:{value:{handler:function(e){var s=[],t=0;this.options.forEach(function(i){(i.subList||[]).forEach(function(i){e.includes(i.value)&&(i.state&&1===Number(i.state)?s.push(i.desc):(e.splice(e.indexOf(i.value),1),t++))})}),t?this.confirm(e):this.descText=s},immediate:!0}},methods:{handleClick:function(){this.$refs.mulSelect.show()},confirm:function(e){this.change(void 0,e)}},components:{ActGoldBaseElement:u.a,svgIcon:p.a,MulSelect:f.a}}},1211:function(e,s,t){"use strict";var i=t(118),n=t.n(i),o=t(196),c=t.n(o),r=t(39);t.n(r);s.a={data:function(){return{selectValue:[],isVisible:!1,preOverflowValue:null}},components:{ActPopup:n.a},props:{options:{type:Array,default:function(){return[]}},title:{type:String,default:""},value:{type:[Array,String],default:function(){return[]}},brandColor:{type:String,default:"#8c7fee"}},methods:{isDisabled:function(e){return 1!==Number(e.state)},maskClick:function(){this.isVisible=!1},cancel:function(){this.isVisible=!1},confirm:function(){this.$emit("confirm",this.selectValue),this.isVisible=!1},show:function(){var e=this;this.isVisible=!0,this.$nextTick(function(){e.scroll?e.scroll.refresh():e.scroll=new c.a(e.$refs.content,{click:!0})})},handleItem:function(e){if(0!=~~e.state)if(this.selectValue.includes(e.value)){var s=this.selectValue.indexOf(e.value);this.selectValue.splice(s,1)}else this.selectValue.push(e.value)},color:function(e){var s=this.selectValue.includes(e)?this.brandColor:"";return{backgroundColor:this.selectValue.includes(e)?this.backgroundColor:"",borderColor:s}}},watch:{isVisible:function(e){e?(this.selectValue=this.value?[].concat(this.value):[],this.preOverflowValue=document&&document.body&&document.body.style&&document.body.style.overflow,document.documentElement.style.overflow="hidden"):document.body.style.overflow=this.preOverflowValue||""}},computed:{backgroundColor:function(){return Object(r.hexToRgb)(this.brandColor||"#8c7fee",.08)}}}},128:function(e,s){e.exports=o},142:function(e,s){e.exports=c},143:function(e,s){e.exports=r},196:function(e,s){e.exports=a},1983:function(e,s,t){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var i=t(1984),n=t(26),o=t.n(n);i.a.install=function(e){e.component(i.a.name,i.a),e.prototype.$createGoldMulSelect=o()(i.a,e)},s.default=i.a},1984:function(e,s,t){"use strict";var i=t(1210),n=t(1988),o=t(7),c=Object(o.a)(i.a,n.a,n.b,!1,null,null,null);c.options.__file="src\\components\\GoldMulSelect\\src\\index.vue",s.a=c.exports},1985:function(e,s,t){"use strict";function i(e){r||t(1986)}var n=t(1211),o=t(1987),c=t(7),r=!1,a=i,l=Object(c.a)(n.a,o.a,o.b,!1,a,"data-v-6d578f9e",null);l.options.__file="src\\components\\GoldMulSelect\\src\\components\\mulSelect.vue",s.a=l.exports},1986:function(e,s){},1987:function(e,s,t){"use strict";t.d(s,"a",function(){return i}),t.d(s,"b",function(){return n});var i=function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("transition",{attrs:{name:"act-picker-fade"}},[t("act-popup",{directives:[{name:"show",rawName:"v-show",value:e.isVisible,expression:"isVisible"}],attrs:{type:"picker",mask:!0,center:!1,topBorderRadius:!0,zIndex:"999"},on:{touchmove:function(e){e.preventDefault()},"mask-click":e.maskClick}},[t("transition",{attrs:{name:"act-picker-move"}},[t("div",{directives:[{name:"show",rawName:"v-show",value:e.isVisible,expression:"isVisible"}],staticClass:"act-picker-panel",on:{click:function(e){e.stopPropagation()}}},[t("div",{staticClass:"act-picker-choose"},[t("span",{staticClass:"act-picker-cancel",style:{color:"#999999"},on:{click:e.cancel}},[e._v("\n            取消\n          ")]),e._v(" "),t("span",{staticClass:"act-picker-confirm",style:{color:e.brandColor?e.brandColor:"#FC7468"},on:{click:e.confirm}},[e._v("确定")]),e._v(" "),t("div",{staticClass:"act-picker-title-group"},[t("h1",{staticClass:"act-picker-title"},[e._v("\n              "+e._s(e.title)+"\n            ")])])]),e._v(" "),t("div",{ref:"content",staticClass:"act-picker-content"},[e.options&&e.options.length?t("div",{staticClass:"element-mulselect"},e._l(e.options,function(s,i){return t("div",{key:i,staticClass:"element-item"},[t("h5",[e._v("\n                "+e._s(s.text)+"\n              ")]),e._v(" "),t("ul",{staticClass:"element-subitem"},e._l(s.subList,function(s,n){return t("li",{key:s.value+"_"+i+"_"+n,class:{isSelect:e.selectValue.includes(s.value)},style:e.color(s.value),on:{click:function(t){return t.stopPropagation(),e.handleItem(s)}}},[t("label",{staticClass:"text",class:{disabled:e.isDisabled(s)},style:{color:e.selectValue.includes(s.value)?e.brandColor:""}},[e._v("\n                    "+e._s(s.text)+"\n                  ")])])}),0)])}),0):e._e()])])])],1)],1)},n=[];i._withStripped=!0},1988:function(e,s,t){"use strict";t.d(s,"a",function(){return i}),t.d(s,"b",function(){return n});var i=function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("div",[t("act-gold-base-element",{directives:[{name:"show",rawName:"v-show",value:e.isVisible,expression:"isVisible"}],attrs:{common:e.common,hasArrow:!0},on:{showTips:e.showTips}},[t("div",{staticClass:"element-mul-select",style:{"font-size":e.size,color:e.color},attrs:{"data-key":[e.isWebTester?e.elemKey:""]},on:{mucChange:function(s){return e.mucChange(s)},click:function(s){return s.stopPropagation(),e.handleClick.apply(null,arguments)}}},[e.descText&&e.descText.length?t("ul",{staticClass:"element-list"},e._l(e.descText,function(s,i){return t("li",{key:i},[t("label",{staticClass:"text",style:e.colorStyle,attrs:{for:""}},[e._v(e._s(s))])])}),0):t("span",{on:{click:function(s){return s.stopPropagation(),e.handleClick.apply(null,arguments)}}},[e._v("请选择")])]),e._v(" "),t("i",{staticClass:"icon-arrow mul-select-arrow"},[t("svg-icon",{attrs:{iconClass:"gold-arrow-right"}})],1)]),e._v(" "),t("MulSelect",{ref:"mulSelect",attrs:{options:e.options,title:e.title,value:e.value,brandColor:e.brandColor},on:{confirm:e.confirm}})],1)},n=[];i._withStripped=!0},26:function(s,t){s.exports=e},39:function(e,t){e.exports=s},7:function(e,s,t){"use strict";function i(e,s,t,i,n,o,c,r){e=e||{};var a=typeof e.default;"object"!==a&&"function"!==a||(e=e.default);var l="function"==typeof e?e.options:e;s&&(l.render=s,l.staticRenderFns=t,l._compiled=!0),i&&(l.functional=!0),o&&(l._scopeId=o);var u;if(c?(u=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(c)},l._ssrRegister=u):n&&(u=r?function(){n.call(this,this.$root.$options.shadowRoot)}:n),u)if(l.functional){l._injectStyles=u;var f=l.render;l.render=function(e,s){return u.call(s),f(e,s)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,u):[u]}return{exports:e,options:l}}s.a=i}})});