@nutui/nutui 2.3.3 → 2.3.7-beta.0

package/dist/packages/noticebar/noticebar.js

@@ -1,7 +1,7 @@
 /*!
- * @nutui/nutui v2.3.3 - noticebar.js, e117e9f35e9fba61a92d, Tue Jun 22 2021 19:07:24 GMT+0800 (中国标准时间)
+ * @nutui/nutui v2.3.7-beta.0 - noticebar.js, 78f455d4cba8a497b5f5, Mon Oct 25 2021 13:46:52 GMT+0800 (中国标准时间)
  * (c) 2017-2020 JDC
  * Released under the MIT License.
  */
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("noticebar",[],e):"object"==typeof exports?exports.noticebar=e():t.noticebar=e()}("undefined"!=typeof self?self:this,(function(){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(o,i,function(e){return t[e]}.bind(null,i));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="./",n(n.s=175)}({0:function(t,e,n){"use strict";function o(t,e,n,o,i,r,a,s){var c,l="function"==typeof t?t.options:t;if(e&&(l.render=e,l.staticRenderFns=n,l._compiled=!0),o&&(l.functional=!0),r&&(l._scopeId="data-v-"+r),a?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),i&&i.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},l._ssrRegister=c):i&&(c=s?function(){i.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:i),c)if(l.functional){l._injectStyles=c;var u=l.render;l.render=function(t,e){return c.call(e),u(t,e)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,c):[c]}return{exports:t,options:l}}n.d(e,"a",(function(){return o}))},175:function(t,e,n){"use strict";n.r(e);var o={name:"nut-noticebar",props:{text:{type:String,default:""},closeMode:{type:Boolean,default:!1},wrapable:{type:Boolean,default:!1},leftIcon:{type:String,default:""},color:{type:String,default:"#F9911B"},background:{type:String,default:"rgba(254,250,216,1)"},delay:{type:[String,Number],default:1},scrollable:{type:Boolean,default:!0},speed:{type:Number,default:50}},data:function(){return{wrapWidth:0,firstRound:!0,duration:0,offsetWidth:0,showNoticeBar:!0,animationClass:""}},computed:{iconShow:function(){return"close"!=this.leftIcon},barStyle:function(){return{color:this.color,background:this.background}},contentStyle:function(){return{paddingLeft:this.firstRound?0:this.wrapWidth+"px",animationDelay:(this.firstRound?this.delay:0)+"s",animationDuration:this.duration+"s"}},iconBg:function(){var t=null;return this.leftIcon&&(t=this.leftIcon),t}},watch:{text:{handler:function(t,e){var n=this;0!=this.showNoticeBar&&this.$nextTick((function(){var t=n.$refs,e=t.wrap,o=t.content;if(e&&o){var i=e.getBoundingClientRect().width,r=o.getBoundingClientRect().width;n.scrollable&&r>i?(n.wrapWidth=i,n.offsetWidth=r,n.duration=r/n.speed,n.animationClass="play"):n.animationClass=""}}))},immediate:!0}},methods:{handleClick:function(t){this.$emit("click",t)},onClickIcon:function(t){this.showNoticeBar=!this.closeMode,this.$emit("close",t)},onAnimationEnd:function(){var t=this;this.firstRound=!1,this.$nextTick((function(){t.duration=(t.offsetWidth+t.wrapWidth)/t.speed,t.animationClass="play-infinite"}))}}},i=n(0),r=Object(i.a)(o,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"show",rawName:"v-show",value:t.showNoticeBar,expression:"showNoticeBar"}],staticClass:"nut-noticebar",class:{withicon:t.closeMode,close:t.closeMode,wrapable:t.wrapable},style:t.barStyle,on:{click:t.handleClick}},[t.iconShow?n("div",{staticClass:"left-icon",style:{"background-image":"url("+t.iconBg+")"}},[t.iconBg?t._e():n("nut-icon",{attrs:{type:"notice",color:t.color,size:"16px"}})],1):t._e(),t._v(" "),n("div",{ref:"wrap",staticClass:"wrap"},[n("div",{ref:"content",staticClass:"content",class:[t.animationClass,{"nut-ellipsis":!t.scrollable&&!t.wrapable}],style:t.contentStyle,on:{animationend:t.onAnimationEnd,webkitAnimationEnd:t.onAnimationEnd}},[t._t("default",(function(){return[t._v(t._s(t.text))]}))],2)]),t._v(" "),t.closeMode?n("div",{staticClass:"right-icon",on:{click:function(e){return e.stopPropagation(),t.onClickIcon.apply(null,arguments)}}},[n("nut-icon",{attrs:{type:"cross",color:t.color,size:"11px"}})],1):t._e()])}),[],!1,null,null,null).exports;n(91);r.install=function(t){t.component(r.name,r)};e.default=r},91:function(t,e,n){}})}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("noticebar",[],e):"object"==typeof exports?exports.noticebar=e():t.noticebar=e()}("undefined"!=typeof self?self:this,(function(){return function(t){var e={};function i(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)i.d(n,o,function(e){return t[e]}.bind(null,o));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="./",i(i.s=163)}({0:function(t,e,i){"use strict";function n(t,e,i,n,o,s,r,a){var l,c="function"==typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=i,c._compiled=!0),n&&(c.functional=!0),s&&(c._scopeId="data-v-"+s),r?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},c._ssrRegister=l):o&&(l=a?function(){o.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:o),l)if(c.functional){c._injectStyles=l;var u=c.render;c.render=function(t,e){return l.call(e),u(t,e)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,l):[l]}return{exports:t,options:c}}i.d(e,"a",(function(){return n}))},163:function(t,e,i){"use strict";i.r(e);var n={name:"nut-noticebar",props:{direction:{type:String,default:"across"},list:{type:Array,default:function(){return[]}},standTime:{type:Number,default:1e3},complexAm:{type:Boolean,default:!1},height:{type:Number,default:40},text:{type:String,default:""},closeMode:{type:Boolean,default:!1},wrapable:{type:Boolean,default:!1},leftIcon:{type:String,default:""},color:{type:String,default:"#F9911B"},background:{type:String,default:"rgba(254,250,216,1)"},delay:{type:[String,Number],default:1},scrollable:{type:Boolean,default:!0},speed:{type:Number,default:50}},data:function(){return{wrapWidth:0,firstRound:!0,duration:0,offsetWidth:0,showNoticeBar:!0,animationClass:"",animate:!1,scrollList:[],distance:0,timer:null,keepAlive:!1}},components:{ScrollItem:{name:"ScrollItem",functional:!0,props:{item:null},render:function(t,e){var i=e.props.item,n=i.tag,o=i.children;return t(n,i.data,o)}}},computed:{iconShow:function(){return"close"!=this.leftIcon},barStyle:function(){var t={color:this.color,background:this.background};return"vertical"==this.direction&&(t.height="".concat(this.height,"px")),t},contentStyle:function(){return{paddingLeft:this.firstRound?0:this.wrapWidth+"px",animationDelay:(this.firstRound?this.delay:0)+"s",animationDuration:this.duration+"s"}},iconBg:function(){var t=null;return this.leftIcon&&(t=this.leftIcon),t},horseLampStyle:function(){var t={};return this.complexAm?t={transform:"translateY(".concat(this.distance,"px)")}:this.animate&&(t={transition:"all ".concat(~~(this.height/this.speed/4),"s"),"margin-top":"-".concat(this.height,"px")}),t}},watch:{text:{handler:function(t,e){var i=this;0!=this.showNoticeBar&&this.$nextTick((function(){var t=i.$refs,e=t.wrap,n=t.content;if(e&&n){var o=e.getBoundingClientRect().width,s=n.getBoundingClientRect().width;i.scrollable&&s>o?(i.wrapWidth=o,i.offsetWidth=s,i.duration=s/i.speed,i.animationClass="play"):i.animationClass=""}}))},immediate:!0},list:function(t,e){this.scrollList=[].concat(t)}},mounted:function(){var t=this;console.log(this.direction),"vertical"==this.direction&&(this.$slots.default?this.scrollList=[].concat(this.$slots.default):this.scrollList=[].concat(this.list),setTimeout((function(){t.complexAm?t.startRoll():t.startRollEasy()}),this.standTime))},methods:{handleClick:function(t){this.$emit("click",t)},onClickIcon:function(t){this.showNoticeBar=!this.closeMode,this.$emit("close",t)},onAnimationEnd:function(){var t=this;this.firstRound=!1,this.$nextTick((function(){t.duration=(t.offsetWidth+t.wrapWidth)/t.speed,t.animationClass="play-infinite"}))},startRollEasy:function(){this.showhorseLamp(),this.timer=setInterval(this.showhorseLamp,1e3*~~(this.height/this.speed/4)+this.standTime)},showhorseLamp:function(){var t=this;this.animate=!0,setTimeout((function(){t.scrollList.push(t.scrollList[0]),t.scrollList.shift(),t.animate=!1}),1e3*~~(this.height/this.speed/4))},startRoll:function(){var t=this;this.timer=setInterval((function(){for(var e=0;e<100;e++)t.scroll(e,!(e<99))}),this.standTime+100*this.speed)},scroll:function(t,e){var i=this;setTimeout((function(){i.distance-=i.height/100,e&&(i.scrollList.push(i.scrollList[0]),i.scrollList.shift(),i.distance=0)}),t*this.speed)},go:function(t){this.$emit("click",t)},handleClickIcon:function(){this.$emit("close",this.scrollList[0])},activated:function(){this.keepAlive&&(this.keepAlive=!1)},deactivated:function(){this.keepAlive=!0,clearInterval(this.timer)},destroyed:function(){clearInterval(this.timer)}}},o=(i(90),i(0)),s=Object(o.a)(n,(function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",["across"==t.direction?i("div",{directives:[{name:"show",rawName:"v-show",value:t.showNoticeBar,expression:"showNoticeBar"}],staticClass:"nut-noticebar",class:{withicon:t.closeMode,close:t.closeMode,wrapable:t.wrapable},style:t.barStyle,on:{click:t.handleClick}},[t.iconShow?i("div",{staticClass:"left-icon",style:{"background-image":"url("+t.iconBg+")"}},[t.iconBg?t._e():i("nut-icon",{attrs:{type:"notice",color:t.color,size:"16px"}})],1):t._e(),t._v(" "),i("div",{ref:"wrap",staticClass:"wrap"},[i("div",{ref:"content",staticClass:"content",class:[t.animationClass,{"nut-ellipsis":!t.scrollable&&!t.wrapable}],style:t.contentStyle,on:{animationend:t.onAnimationEnd,webkitAnimationEnd:t.onAnimationEnd}},[t._t("default",(function(){return[t._v(t._s(t.text))]}))],2)]),t._v(" "),t.closeMode?i("div",{staticClass:"right-icon",on:{click:function(e){return e.stopPropagation(),t.onClickIcon.apply(null,arguments)}}},[i("nut-icon",{attrs:{type:"cross",color:t.color,size:"11px"}})],1):t._e()]):t._e(),t._v(" "),t.scrollList.length>0&&"vertical"==t.direction?i("div",{staticClass:"nut-noticebar-vertical",style:t.barStyle},[t.$slots.default?[i("div",{staticClass:"horseLamp_list",style:t.horseLampStyle},t._l(t.scrollList,(function(e,n){return i("ScrollItem",{key:n,style:{height:t.height},attrs:{item:e}})})),1)]:[i("ul",{staticClass:"horseLamp_list",style:t.horseLampStyle},t._l(t.scrollList,(function(e,n){return i("li",{key:n,staticClass:"horseLamp_list_item",style:{height:t.height},on:{click:function(i){return t.go(e)}}},[t._v("\n          "+t._s(e)+"\n        ")])})),0)],t._v(" "),i("div",{staticClass:"go",on:{click:function(e){!t.$slots.rightIcon&&t.handleClickIcon()}}},[t.$slots.rightIcon?[t._t("rightIcon")]:t.closeMode?[i("nut-icon",{attrs:{type:"cross",color:t.color,size:"11px"}})]:t._e()],2)],2):t._e()])}),[],!1,null,null,null).exports;i(91);s.install=function(t){t.component(s.name,s)};e.default=s},73:function(t,e,i){},90:function(t,e,i){"use strict";i(73)},91:function(t,e,i){}})}));
 //# sourceMappingURL=noticebar.js.map

package/dist/packages/noticebar/noticebar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://[name]/webpack/universalModuleDefinition","webpack://[name]/webpack/bootstrap","webpack://[name]/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://[name]/./src/packages/noticebar/noticebar.vue?aeea","webpack://[name]/./src/packages/noticebar/noticebar.vue?4bff","webpack://[name]/src/packages/noticebar/noticebar.vue","webpack://[name]/./src/packages/noticebar/noticebar.vue","webpack://[name]/./src/packages/noticebar/index.js"],"names":["root","factory","exports","module","define","amd","self","this","installedModules","__webpack_require__","moduleId","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","normalizeComponent","scriptExports","render","staticRenderFns","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","options","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","props","text","type","String","default","closeMode","Boolean","wrapable","leftIcon","color","background","delay","Number","scrollable","speed","data","wrapWidth","firstRound","duration","offsetWidth","showNoticeBar","animationClass","computed","iconShow","barStyle","contentStyle","paddingLeft","animationDelay","animationDuration","iconBg","watch","handler","$nextTick","wrap","content","immediate","methods","handleClick","$emit","event","onClickIcon","onAnimationEnd","_vm","_h","$createElement","_c","_self","directives","rawName","expression","staticClass","class","withicon","close","style","on","_e","attrs","_v","ref","_t","_s","$event","stopPropagation","apply","arguments","NoticeBar","install","Vue","component"],"mappings":"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","file":"noticebar/noticebar.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"noticebar\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"noticebar\"] = factory();\n\telse\n\t\troot[\"noticebar\"] = factory();\n})((typeof self !== 'undefined' ? self : this), function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 175);\n","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier, /* server only */\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () {\n        injectStyles.call(\n          this,\n          (options.functional ? this.parent : this).$root.$options.shadowRoot\n        )\n      }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showNoticeBar),expression:\"showNoticeBar\"}],staticClass:\"nut-noticebar\",class:{ withicon: _vm.closeMode, close: _vm.closeMode, wrapable: _vm.wrapable },style:(_vm.barStyle),on:{\"click\":_vm.handleClick}},[(_vm.iconShow)?_c('div',{staticClass:\"left-icon\",style:({ 'background-image': (\"url(\" + _vm.iconBg + \")\") })},[(!_vm.iconBg)?_c('nut-icon',{attrs:{\"type\":\"notice\",\"color\":_vm.color,\"size\":\"16px\"}}):_vm._e()],1):_vm._e(),_vm._v(\" \"),_c('div',{ref:\"wrap\",staticClass:\"wrap\"},[_c('div',{ref:\"content\",staticClass:\"content\",class:[_vm.animationClass, { 'nut-ellipsis': !_vm.scrollable && !_vm.wrapable }],style:(_vm.contentStyle),on:{\"animationend\":_vm.onAnimationEnd,\"webkitAnimationEnd\":_vm.onAnimationEnd}},[_vm._t(\"default\",function(){return [_vm._v(_vm._s(_vm.text))]})],2)]),_vm._v(\" \"),(_vm.closeMode)?_c('div',{staticClass:\"right-icon\",on:{\"click\":function($event){$event.stopPropagation();return _vm.onClickIcon.apply(null, arguments)}}},[_c('nut-icon',{attrs:{\"type\":\"cross\",\"color\":_vm.color,\"size\":\"11px\"}})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./noticebar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./noticebar.vue?vue&type=script&lang=js&\"","<template>\n  <div\n    v-show=\"showNoticeBar\"\n    class=\"nut-noticebar\"\n    :class=\"{ withicon: closeMode, close: closeMode, wrapable: wrapable }\"\n    :style=\"barStyle\"\n    @click=\"handleClick\"\n  >\n    <div class=\"left-icon\" v-if=\"iconShow\" :style=\"{ 'background-image': `url(${iconBg})` }\">\n      <nut-icon type=\"notice\" :color=\"color\" size=\"16px\" v-if=\"!iconBg\"></nut-icon>\n    </div>\n    <div ref=\"wrap\" class=\"wrap\">\n      <div\n        ref=\"content\"\n        class=\"content\"\n        :class=\"[animationClass, { 'nut-ellipsis': !scrollable && !wrapable }]\"\n        :style=\"contentStyle\"\n        @animationend=\"onAnimationEnd\"\n        @webkitAnimationEnd=\"onAnimationEnd\"\n      >\n        <slot>{{ text }}</slot>\n      </div>\n    </div>\n    <div v-if=\"closeMode\" class=\"right-icon\" @click.stop=\"onClickIcon\">\n      <nut-icon type=\"cross\" :color=\"color\" size=\"11px\"></nut-icon>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'nut-noticebar',\n  props: {\n    text: {\n      type: String,\n      default: ''\n    },\n    closeMode: {\n      type: Boolean,\n      default: false\n    },\n    wrapable: {\n      type: Boolean,\n      default: false\n    },\n    leftIcon: { type: String, default: '' },\n    color: {\n      type: String,\n      default: '#F9911B'\n    },\n    background: {\n      type: String,\n      default: 'rgba(254,250,216,1)'\n    },\n    delay: {\n      type: [String, Number],\n      default: 1\n    },\n    scrollable: {\n      type: Boolean,\n      default: true\n    },\n    speed: {\n      type: Number,\n      default: 50\n    }\n  },\n  data() {\n    return {\n      wrapWidth: 0,\n      firstRound: true,\n      duration: 0,\n      offsetWidth: 0,\n      showNoticeBar: true,\n      animationClass: ''\n    };\n  },\n  computed: {\n    iconShow() {\n      if (this.leftIcon == 'close') {\n        return false;\n      } else {\n        return true;\n      }\n    },\n    barStyle() {\n      return {\n        color: this.color,\n        background: this.background\n      };\n    },\n    contentStyle() {\n      return {\n        paddingLeft: this.firstRound ? 0 : this.wrapWidth + 'px',\n        animationDelay: (this.firstRound ? this.delay : 0) + 's',\n        animationDuration: this.duration + 's'\n      };\n    },\n    iconBg() {\n      let iconBg = null;\n      if (this.leftIcon) {\n        iconBg = this.leftIcon;\n      }\n      return iconBg;\n    }\n  },\n  watch: {\n    text: {\n      handler(val, newVal) {\n        // console.log(val, newVal, this.showNoticeBar == false, 'text');\n\n        if (this.showNoticeBar == false) {\n          return;\n        }\n        this.$nextTick(() => {\n          const { wrap, content } = this.$refs;\n\n          if (!wrap || !content) {\n            return;\n          }\n          const wrapWidth = wrap.getBoundingClientRect().width;\n\n          const offsetWidth = content.getBoundingClientRect().width;\n          // console.log(wrapWidth, offsetWidth, 'text222');\n\n          if (this.scrollable && offsetWidth > wrapWidth) {\n            this.wrapWidth = wrapWidth;\n            this.offsetWidth = offsetWidth;\n\n            this.duration = offsetWidth / this.speed;\n            this.animationClass = 'play';\n          } else {\n            this.animationClass = '';\n          }\n        });\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    handleClick(event) {\n      this.$emit('click', event);\n    },\n    onClickIcon(event) {\n      this.showNoticeBar = !this.closeMode;\n      this.$emit('close', event);\n    },\n    onAnimationEnd() {\n      this.firstRound = false;\n      this.$nextTick(() => {\n        this.duration = (this.offsetWidth + this.wrapWidth) / this.speed;\n        this.animationClass = 'play-infinite';\n      });\n    }\n  }\n};\n</script>\n","import { render, staticRenderFns } from \"./noticebar.vue?vue&type=template&id=e62265e2&\"\nimport script from \"./noticebar.vue?vue&type=script&lang=js&\"\nexport * from \"./noticebar.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import NoticeBar from './noticebar.vue';\nimport './noticebar.scss';\n\nNoticeBar.install = function(Vue) {\n  Vue.component(NoticeBar.name, NoticeBar);\n};\n\nexport default NoticeBar;\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://[name]/webpack/universalModuleDefinition","webpack://[name]/webpack/bootstrap","webpack://[name]/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://[name]/./src/packages/noticebar/noticebar.vue?d1e8","webpack://[name]/./src/packages/noticebar/noticebar.vue?4bff","webpack://[name]/src/packages/noticebar/noticebar.vue","webpack://[name]/./src/packages/noticebar/item.js","webpack://[name]/./src/packages/noticebar/noticebar.vue","webpack://[name]/./src/packages/noticebar/index.js","webpack://[name]/./src/packages/noticebar/noticebar.vue?44f8"],"names":["root","factory","exports","module","define","amd","self","this","installedModules","__webpack_require__","moduleId","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","normalizeComponent","scriptExports","render","staticRenderFns","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","options","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","props","direction","type","String","default","list","Array","standTime","Number","complexAm","Boolean","height","text","closeMode","wrapable","leftIcon","color","background","delay","scrollable","speed","data","wrapWidth","firstRound","duration","offsetWidth","showNoticeBar","animationClass","animate","scrollList","distance","timer","keepAlive","components","ScrollItem","item","createElement","tag","children","computed","iconShow","barStyle","style","contentStyle","paddingLeft","animationDelay","animationDuration","iconBg","horseLampStyle","styles","transform","transition","watch","handler","$nextTick","wrap","content","immediate","newValue","mounted","console","log","$slots","setTimeout","methods","handleClick","$emit","event","onClickIcon","onAnimationEnd","startRollEasy","showhorseLamp","setInterval","startRoll","scroll","last","go","handleClickIcon","activated","deactivated","clearInterval","destroyed","_vm","_h","$createElement","_c","_self","directives","rawName","expression","staticClass","class","withicon","close","on","_e","attrs","_v","ref","_t","_s","$event","stopPropagation","apply","arguments","length","_l","index","rightIcon","NoticeBar","install","Vue","component"],"mappings":"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","file":"noticebar/noticebar.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"noticebar\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"noticebar\"] = factory();\n\telse\n\t\troot[\"noticebar\"] = factory();\n})((typeof self !== 'undefined' ? self : this), function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 163);\n","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier, /* server only */\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () {\n        injectStyles.call(\n          this,\n          (options.functional ? this.parent : this).$root.$options.shadowRoot\n        )\n      }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.direction == 'across')?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showNoticeBar),expression:\"showNoticeBar\"}],staticClass:\"nut-noticebar\",class:{ withicon: _vm.closeMode, close: _vm.closeMode, wrapable: _vm.wrapable },style:(_vm.barStyle),on:{\"click\":_vm.handleClick}},[(_vm.iconShow)?_c('div',{staticClass:\"left-icon\",style:({ 'background-image': (\"url(\" + _vm.iconBg + \")\") })},[(!_vm.iconBg)?_c('nut-icon',{attrs:{\"type\":\"notice\",\"color\":_vm.color,\"size\":\"16px\"}}):_vm._e()],1):_vm._e(),_vm._v(\" \"),_c('div',{ref:\"wrap\",staticClass:\"wrap\"},[_c('div',{ref:\"content\",staticClass:\"content\",class:[_vm.animationClass, { 'nut-ellipsis': !_vm.scrollable && !_vm.wrapable }],style:(_vm.contentStyle),on:{\"animationend\":_vm.onAnimationEnd,\"webkitAnimationEnd\":_vm.onAnimationEnd}},[_vm._t(\"default\",function(){return [_vm._v(_vm._s(_vm.text))]})],2)]),_vm._v(\" \"),(_vm.closeMode)?_c('div',{staticClass:\"right-icon\",on:{\"click\":function($event){$event.stopPropagation();return _vm.onClickIcon.apply(null, arguments)}}},[_c('nut-icon',{attrs:{\"type\":\"cross\",\"color\":_vm.color,\"size\":\"11px\"}})],1):_vm._e()]):_vm._e(),_vm._v(\" \"),(_vm.scrollList.length > 0 && _vm.direction == 'vertical')?_c('div',{staticClass:\"nut-noticebar-vertical\",style:(_vm.barStyle)},[(_vm.$slots.default)?[_c('div',{staticClass:\"horseLamp_list\",style:(_vm.horseLampStyle)},_vm._l((_vm.scrollList),function(item,index){return _c('ScrollItem',{key:index,style:({ height: _vm.height }),attrs:{\"item\":item}})}),1)]:[_c('ul',{staticClass:\"horseLamp_list\",style:(_vm.horseLampStyle)},_vm._l((_vm.scrollList),function(item,index){return _c('li',{key:index,staticClass:\"horseLamp_list_item\",style:({ height: _vm.height }),on:{\"click\":function($event){return _vm.go(item)}}},[_vm._v(\"\\n          \"+_vm._s(item)+\"\\n        \")])}),0)],_vm._v(\" \"),_c('div',{staticClass:\"go\",on:{\"click\":function($event){!_vm.$slots.rightIcon && _vm.handleClickIcon()}}},[(_vm.$slots.rightIcon)?[_vm._t(\"rightIcon\")]:(_vm.closeMode)?[_c('nut-icon',{attrs:{\"type\":\"cross\",\"color\":_vm.color,\"size\":\"11px\"}})]:_vm._e()],2)],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./noticebar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./noticebar.vue?vue&type=script&lang=js&\"","<template>\n  <div>\n    <div\n      v-show=\"showNoticeBar\"\n      class=\"nut-noticebar\"\n      :class=\"{ withicon: closeMode, close: closeMode, wrapable: wrapable }\"\n      :style=\"barStyle\"\n      @click=\"handleClick\"\n      v-if=\"direction == 'across'\"\n    >\n      <div class=\"left-icon\" v-if=\"iconShow\" :style=\"{ 'background-image': `url(${iconBg})` }\">\n        <nut-icon type=\"notice\" :color=\"color\" size=\"16px\" v-if=\"!iconBg\"></nut-icon>\n      </div>\n      <div ref=\"wrap\" class=\"wrap\">\n        <div\n          ref=\"content\"\n          class=\"content\"\n          :class=\"[animationClass, { 'nut-ellipsis': !scrollable && !wrapable }]\"\n          :style=\"contentStyle\"\n          @animationend=\"onAnimationEnd\"\n          @webkitAnimationEnd=\"onAnimationEnd\"\n        >\n          <slot>{{ text }}</slot>\n        </div>\n      </div>\n      <div v-if=\"closeMode\" class=\"right-icon\" @click.stop=\"onClickIcon\">\n        <nut-icon type=\"cross\" :color=\"color\" size=\"11px\"></nut-icon>\n      </div>\n    </div>\n\n    <div class=\"nut-noticebar-vertical\" v-if=\"scrollList.length > 0 && direction == 'vertical'\" :style=\"barStyle\">\n      <template v-if=\"$slots.default\">\n        <div class=\"horseLamp_list\" :style=\"horseLampStyle\">\n          <ScrollItem v-for=\"(item, index) in scrollList\" v-bind:key=\"index\" :style=\"{ height: height }\" :item=\"item\"></ScrollItem>\n        </div>\n      </template>\n\n      <template v-else>\n        <ul class=\"horseLamp_list\" :style=\"horseLampStyle\">\n          <li class=\"horseLamp_list_item\" v-for=\"(item, index) in scrollList\" :key=\"index\" :style=\"{ height: height }\" @click=\"go(item)\">\n            {{ item }}\n          </li>\n        </ul>\n      </template>\n\n      <div class=\"go\" @click=\"!$slots.rightIcon && handleClickIcon()\">\n        <template v-if=\"$slots.rightIcon\">\n          <slot name=\"rightIcon\"></slot>\n        </template>\n        <template v-else-if=\"closeMode\">\n          <nut-icon type=\"cross\" :color=\"color\" size=\"11px\"></nut-icon>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ScrollItem from './item';\nexport default {\n  name: 'nut-noticebar',\n  props: {\n    // 滚动方向  across 横向 vertical 纵向\n    direction: {\n      type: String,\n      default: 'across'\n    },\n    list: {\n      type: Array,\n      default: () => {\n        return [];\n      }\n    },\n    standTime: {\n      type: Number,\n      default: 1000\n    },\n    complexAm: {\n      type: Boolean,\n      default: false\n    },\n    height: {\n      type: Number,\n      default: 40\n    },\n    text: {\n      type: String,\n      default: ''\n    },\n    closeMode: {\n      type: Boolean,\n      default: false\n    },\n    wrapable: {\n      type: Boolean,\n      default: false\n    },\n    leftIcon: { type: String, default: '' },\n    color: {\n      type: String,\n      default: '#F9911B'\n    },\n    background: {\n      type: String,\n      default: 'rgba(254,250,216,1)'\n    },\n    delay: {\n      type: [String, Number],\n      default: 1\n    },\n    scrollable: {\n      type: Boolean,\n      default: true\n    },\n    speed: {\n      type: Number,\n      default: 50\n    }\n  },\n  data() {\n    return {\n      wrapWidth: 0,\n      firstRound: true,\n      duration: 0,\n      offsetWidth: 0,\n      showNoticeBar: true,\n      animationClass: '',\n\n      animate: false,\n      scrollList: [],\n      distance: 0,\n      timer: null,\n      keepAlive: false\n    };\n  },\n  components: {\n    ScrollItem: ScrollItem\n  },\n  computed: {\n    iconShow() {\n      if (this.leftIcon == 'close') {\n        return false;\n      } else {\n        return true;\n      }\n    },\n    barStyle() {\n      let style = {\n        color: this.color,\n        background: this.background\n      };\n\n      if (this.direction == 'vertical') {\n        style.height = `${this.height}px`;\n      }\n      return style;\n    },\n    contentStyle() {\n      return {\n        paddingLeft: this.firstRound ? 0 : this.wrapWidth + 'px',\n        animationDelay: (this.firstRound ? this.delay : 0) + 's',\n        animationDuration: this.duration + 's'\n      };\n    },\n    iconBg() {\n      let iconBg = null;\n      if (this.leftIcon) {\n        iconBg = this.leftIcon;\n      }\n      return iconBg;\n    },\n    horseLampStyle() {\n      let styles = {};\n      if (this.complexAm) {\n        styles = {\n          transform: `translateY(${this.distance}px)`\n        };\n      } else {\n        if (this.animate) {\n          styles = {\n            transition: `all ${~~(this.height / this.speed / 4)}s`,\n            'margin-top': `-${this.height}px`\n          };\n        }\n      }\n      return styles;\n    }\n  },\n  watch: {\n    text: {\n      handler(val, newVal) {\n        // console.log(val, newVal, this.showNoticeBar == false, 'text');\n\n        if (this.showNoticeBar == false) {\n          return;\n        }\n        this.$nextTick(() => {\n          const { wrap, content } = this.$refs;\n\n          if (!wrap || !content) {\n            return;\n          }\n          const wrapWidth = wrap.getBoundingClientRect().width;\n\n          const offsetWidth = content.getBoundingClientRect().width;\n          // console.log(wrapWidth, offsetWidth, 'text222');\n\n          if (this.scrollable && offsetWidth > wrapWidth) {\n            this.wrapWidth = wrapWidth;\n            this.offsetWidth = offsetWidth;\n\n            this.duration = offsetWidth / this.speed;\n            this.animationClass = 'play';\n          } else {\n            this.animationClass = '';\n          }\n        });\n      },\n      immediate: true\n    },\n    list(newValue, oldValue) {\n      this.scrollList = [].concat(newValue);\n    }\n  },\n  mounted() {\n    console.log(this.direction);\n    if (this.direction == 'vertical') {\n      if (this.$slots.default) {\n        this.scrollList = [].concat(this.$slots.default);\n      } else {\n        this.scrollList = [].concat(this.list);\n      }\n\n      setTimeout(() => {\n        this.complexAm ? this.startRoll() : this.startRollEasy();\n      }, this.standTime);\n    }\n  },\n  methods: {\n    handleClick(event) {\n      this.$emit('click', event);\n    },\n    onClickIcon(event) {\n      this.showNoticeBar = !this.closeMode;\n      this.$emit('close', event);\n    },\n    onAnimationEnd() {\n      this.firstRound = false;\n      this.$nextTick(() => {\n        this.duration = (this.offsetWidth + this.wrapWidth) / this.speed;\n        this.animationClass = 'play-infinite';\n      });\n    },\n    /**\n     * 利益点滚动方式一\n     */\n    startRollEasy() {\n      this.showhorseLamp();\n      this.timer = setInterval(this.showhorseLamp, ~~(this.height / this.speed / 4) * 1000 + this.standTime);\n    },\n    showhorseLamp() {\n      this.animate = true;\n      setTimeout(() => {\n        this.scrollList.push(this.scrollList[0]);\n        this.scrollList.shift();\n        this.animate = false;\n      }, ~~(this.height / this.speed / 4) * 1000);\n    },\n\n    startRoll() {\n      this.timer = setInterval(() => {\n        let chunk = 100;\n        for (let i = 0; i < chunk; i++) {\n          this.scroll(i, i < chunk - 1 ? false : true);\n        }\n      }, this.standTime + 100 * this.speed);\n    },\n    scroll(n, last) {\n      setTimeout(() => {\n        this.distance -= this.height / 100;\n        if (last) {\n          this.scrollList.push(this.scrollList[0]);\n          this.scrollList.shift();\n          this.distance = 0;\n        }\n      }, n * this.speed);\n    },\n\n    /**\n     * 点击滚动单元\n     */\n    go(item) {\n      this.$emit('click', item);\n    },\n\n    handleClickIcon() {\n      this.$emit('close', this.scrollList[0]);\n    },\n\n    activated() {\n      if (this.keepAlive) {\n        this.keepAlive = false;\n      }\n    },\n\n    deactivated() {\n      this.keepAlive = true;\n      clearInterval(this.timer);\n    },\n\n    destroyed() {\n      clearInterval(this.timer);\n    }\n  }\n};\n</script>\n<style lang=\"scss\">\n@import 'noticebar.scss';\n</style>\n","export default {\n  name: 'ScrollItem',\n  functional: true,\n  props: {\n    item: null\n  },\n  render: (createElement, context) => {\n    // console.log(context.props.item)\n    // console.log(context.slots().default)\n    const { tag, children, data } = context.props.item;\n    return createElement(tag, data, children);\n  }\n};\n","import { render, staticRenderFns } from \"./noticebar.vue?vue&type=template&id=257e2140&\"\nimport script from \"./noticebar.vue?vue&type=script&lang=js&\"\nexport * from \"./noticebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./noticebar.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import NoticeBar from './noticebar.vue';\nimport './noticebar.scss';\n\nNoticeBar.install = function(Vue) {\n  Vue.component(NoticeBar.name, NoticeBar);\n};\n\nexport default NoticeBar;\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--0-0!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js!../../../node_modules/sass-loader/dist/cjs.js??ref--0-3!../../../node_modules/cache-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./noticebar.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}

package/dist/packages/noticebar/noticebar.scss

@@ -9,19 +9,18 @@
   color: $text-color;
   background-color: rgba(251, 248, 220, 1);
   color: rgba(211, 125, 066, 1);
-  &.wrapable{
+  &.wrapable {
     height: auto;
     padding: 8px 16px;
-    .wrap{
+    .wrap {
       height: auto;
-      .content{
+      .content {
         position: relative;
         white-space: normal;
         word-wrap: break-word;
       }
     }
-
-  }    
+  }
   a {
     text-decoration: none;
     color: rgba(211, 125, 066, 1);
@@ -51,7 +50,6 @@
     height: 24px;
     overflow: hidden;
     position: relative;
-    
   }
   .content {
     position: absolute;
@@ -60,7 +58,7 @@
       max-width: 100%;
       white-space: nowrap;
       overflow: hidden;
-      text-overflow:ellipsis;
+      text-overflow: ellipsis;
     }
   }
   // 只跑一次
@@ -76,19 +74,46 @@
 }
 
 @keyframes nut-notice-bar-play {
-	to {
-		transform: translate3d(-100%, 0, 0);
-	}
+  to {
+    transform: translate3d(-100%, 0, 0);
+  }
 }
 
 @keyframes nut-notice-bar-play-infinite {
-	to {
-		transform: translate3d(-100%, 0, 0);
-	}
+  to {
+    transform: translate3d(-100%, 0, 0);
+  }
 }
 // 垂直方向的滚动
 @keyframes nut-notice-bar-play-vertical {
-	to {
-		transform: translateY(40px);
-	}
+  to {
+    transform: translateY(40px);
+  }
+}
+
+// 纵向
+.nut-noticebar-vertical {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  height: 40px;
+  padding: 0 16px;
+  border-radius: 4px;
+  box-sizing: border-box;
+  overflow: hidden;
+
+  .horseLamp_list {
+    display: block;
+    flex: 1;
+    .horseLamp_list_item {
+      display: flex;
+      align-items: center;
+      height: 40px;
+      font-size: 16px;
+    }
+  }
+
+  .go {
+    align-self: center;
+  }
 }

package/dist/packages/noticebar/noticebar.vue

@@ -1,36 +1,88 @@
 <template>
-  <div
-    v-show="showNoticeBar"
-    class="nut-noticebar"
-    :class="{ withicon: closeMode, close: closeMode, wrapable: wrapable }"
-    :style="barStyle"
-    @click="handleClick"
-  >
-    <div class="left-icon" v-if="iconShow" :style="{ 'background-image': `url(${iconBg})` }">
-      <nut-icon type="notice" :color="color" size="16px" v-if="!iconBg"></nut-icon>
-    </div>
-    <div ref="wrap" class="wrap">
-      <div
-        ref="content"
-        class="content"
-        :class="[animationClass, { 'nut-ellipsis': !scrollable && !wrapable }]"
-        :style="contentStyle"
-        @animationend="onAnimationEnd"
-        @webkitAnimationEnd="onAnimationEnd"
-      >
-        <slot>{{ text }}</slot>
+  <div>
+    <div
+      v-show="showNoticeBar"
+      class="nut-noticebar"
+      :class="{ withicon: closeMode, close: closeMode, wrapable: wrapable }"
+      :style="barStyle"
+      @click="handleClick"
+      v-if="direction == 'across'"
+    >
+      <div class="left-icon" v-if="iconShow" :style="{ 'background-image': `url(${iconBg})` }">
+        <nut-icon type="notice" :color="color" size="16px" v-if="!iconBg"></nut-icon>
+      </div>
+      <div ref="wrap" class="wrap">
+        <div
+          ref="content"
+          class="content"
+          :class="[animationClass, { 'nut-ellipsis': !scrollable && !wrapable }]"
+          :style="contentStyle"
+          @animationend="onAnimationEnd"
+          @webkitAnimationEnd="onAnimationEnd"
+        >
+          <slot>{{ text }}</slot>
+        </div>
+      </div>
+      <div v-if="closeMode" class="right-icon" @click.stop="onClickIcon">
+        <nut-icon type="cross" :color="color" size="11px"></nut-icon>
       </div>
     </div>
-    <div v-if="closeMode" class="right-icon" @click.stop="onClickIcon">
-      <nut-icon type="cross" :color="color" size="11px"></nut-icon>
+
+    <div class="nut-noticebar-vertical" v-if="scrollList.length > 0 && direction == 'vertical'" :style="barStyle">
+      <template v-if="$slots.default">
+        <div class="horseLamp_list" :style="horseLampStyle">
+          <ScrollItem v-for="(item, index) in scrollList" v-bind:key="index" :style="{ height: height }" :item="item"></ScrollItem>
+        </div>
+      </template>
+
+      <template v-else>
+        <ul class="horseLamp_list" :style="horseLampStyle">
+          <li class="horseLamp_list_item" v-for="(item, index) in scrollList" :key="index" :style="{ height: height }" @click="go(item)">
+            {{ item }}
+          </li>
+        </ul>
+      </template>
+
+      <div class="go" @click="!$slots.rightIcon && handleClickIcon()">
+        <template v-if="$slots.rightIcon">
+          <slot name="rightIcon"></slot>
+        </template>
+        <template v-else-if="closeMode">
+          <nut-icon type="cross" :color="color" size="11px"></nut-icon>
+        </template>
+      </div>
     </div>
   </div>
 </template>
 
 <script>
+import ScrollItem from './item';
 export default {
   name: 'nut-noticebar',
   props: {
+    // 滚动方向  across 横向 vertical 纵向
+    direction: {
+      type: String,
+      default: 'across'
+    },
+    list: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    standTime: {
+      type: Number,
+      default: 1000
+    },
+    complexAm: {
+      type: Boolean,
+      default: false
+    },
+    height: {
+      type: Number,
+      default: 40
+    },
     text: {
       type: String,
       default: ''
@@ -72,9 +124,18 @@ export default {
       duration: 0,
       offsetWidth: 0,
       showNoticeBar: true,
-      animationClass: ''
+      animationClass: '',
+
+      animate: false,
+      scrollList: [],
+      distance: 0,
+      timer: null,
+      keepAlive: false
     };
   },
+  components: {
+    ScrollItem: ScrollItem
+  },
   computed: {
     iconShow() {
       if (this.leftIcon == 'close') {
@@ -84,10 +145,15 @@ export default {
       }
     },
     barStyle() {
-      return {
+      let style = {
         color: this.color,
         background: this.background
       };
+
+      if (this.direction == 'vertical') {
+        style.height = `${this.height}px`;
+      }
+      return style;
     },
     contentStyle() {
       return {
@@ -102,6 +168,22 @@ export default {
         iconBg = this.leftIcon;
       }
       return iconBg;
+    },
+    horseLampStyle() {
+      let styles = {};
+      if (this.complexAm) {
+        styles = {
+          transform: `translateY(${this.distance}px)`
+        };
+      } else {
+        if (this.animate) {
+          styles = {
+            transition: `all ${~~(this.height / this.speed / 4)}s`,
+            'margin-top': `-${this.height}px`
+          };
+        }
+      }
+      return styles;
     }
   },
   watch: {
@@ -135,6 +217,23 @@ export default {
         });
       },
       immediate: true
+    },
+    list(newValue, oldValue) {
+      this.scrollList = [].concat(newValue);
+    }
+  },
+  mounted() {
+    console.log(this.direction);
+    if (this.direction == 'vertical') {
+      if (this.$slots.default) {
+        this.scrollList = [].concat(this.$slots.default);
+      } else {
+        this.scrollList = [].concat(this.list);
+      }
+
+      setTimeout(() => {
+        this.complexAm ? this.startRoll() : this.startRollEasy();
+      }, this.standTime);
     }
   },
   methods: {
@@ -151,7 +250,70 @@ export default {
         this.duration = (this.offsetWidth + this.wrapWidth) / this.speed;
         this.animationClass = 'play-infinite';
       });
+    },
+    /**
+     * 利益点滚动方式一
+     */
+    startRollEasy() {
+      this.showhorseLamp();
+      this.timer = setInterval(this.showhorseLamp, ~~(this.height / this.speed / 4) * 1000 + this.standTime);
+    },
+    showhorseLamp() {
+      this.animate = true;
+      setTimeout(() => {
+        this.scrollList.push(this.scrollList[0]);
+        this.scrollList.shift();
+        this.animate = false;
+      }, ~~(this.height / this.speed / 4) * 1000);
+    },
+
+    startRoll() {
+      this.timer = setInterval(() => {
+        let chunk = 100;
+        for (let i = 0; i < chunk; i++) {
+          this.scroll(i, i < chunk - 1 ? false : true);
+        }
+      }, this.standTime + 100 * this.speed);
+    },
+    scroll(n, last) {
+      setTimeout(() => {
+        this.distance -= this.height / 100;
+        if (last) {
+          this.scrollList.push(this.scrollList[0]);
+          this.scrollList.shift();
+          this.distance = 0;
+        }
+      }, n * this.speed);
+    },
+
+    /**
+     * 点击滚动单元
+     */
+    go(item) {
+      this.$emit('click', item);
+    },
+
+    handleClickIcon() {
+      this.$emit('close', this.scrollList[0]);
+    },
+
+    activated() {
+      if (this.keepAlive) {
+        this.keepAlive = false;
+      }
+    },
+
+    deactivated() {
+      this.keepAlive = true;
+      clearInterval(this.timer);
+    },
+
+    destroyed() {
+      clearInterval(this.timer);
     }
   }
 };
 </script>
+<style lang="scss">
+@import 'noticebar.scss';
+</style>

package/dist/packages/notify/notify.css

@@ -1,5 +1,5 @@
 /*!
- * @nutui/nutui v2.3.3 - notify.css, e117e9f35e9fba61a92d, Tue Jun 22 2021 19:07:24 GMT+0800 (中国标准时间)
+ * @nutui/nutui v2.3.7-beta.0 - notify.css, 78f455d4cba8a497b5f5, Mon Oct 25 2021 13:46:52 GMT+0800 (中国标准时间)
  * (c) 2017-2020 JDC
  * Released under the MIT License.
  */.nut-icon{list-style:none;display:inline-block;width:20px;height:20px;color:#2d2d2d}.nut-icon svg{vertical-align:top;width:100%;height:100%;fill:currentColor}.popup-fade-enter-active{-webkit-animation:nut-fade-in;animation:nut-fade-in}.popup-fade-leave-active{-webkit-animation:nut-fade-out;animation:nut-fade-out}.popup-slide-center-enter-active{-webkit-animation:nut-fade-in;animation:nut-fade-in}.popup-slide-center-leave-active{-webkit-animation:nut-fade-out;animation:nut-fade-out}.popup-slide-top-enter,.popup-slide-top-leave-active{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.popup-slide-right-enter,.popup-slide-right-leave-active{-webkit-transform:translate(100%);-ms-transform:translate(100%);transform:translate(100%)}.popup-slide-bottom-enter,.popup-slide-bottom-leave-active{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.popup-slide-left-enter,.popup-slide-left-leave-active{-webkit-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%)}.popup-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.popup-bottom{bottom:0;left:0;width:100%}.popup-bottom.round{-webkit-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0}.popup-right{top:0;right:0}.popup-right.round{-webkit-border-radius:20px 0 0 20px;border-radius:20px 0 0 20px}.popup-left{top:0;left:0}.popup-left.round{-webkit-border-radius:0 20px 20px 0;border-radius:0 20px 20px 0}.popup-top{top:0;left:0;width:100%}.popup-top.round{-webkit-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px}.popup-box{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-overflow-scrolling:touch}@-webkit-keyframes nut-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes nut-fade-out{0%{opacity:1}to{opacity:0}}.nut-overflow-hidden{overflow:hidden!important}.nutui-popup__close-icon{position:absolute;z-index:1;color:#969799;font-size:18px;cursor:pointer}.nutui-popup__close-icon:active{opacity:.7}.nutui-popup__close-icon--top-left{top:16px;left:16px}.nutui-popup__close-icon--top-right{top:16px;right:16px}.nutui-popup__close-icon--bottom-left{bottom:16px;left:16px}.nutui-popup__close-icon--bottom-right{right:16px;bottom:16px}.popup-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}@keyframes nut-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}to{opacity:0}}.nut-notify{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word}.nut-notify--primary{background-color:#1989fa}.nut-notify--success{background-color:#07c160}.nut-notify--danger{background-color:#ee0a24}.nut-notify--warning{background-color:#ff976a}

package/dist/packages/notify/notify.js

@@ -1,5 +1,5 @@
 /*!
- * @nutui/nutui v2.3.3 - notify.js, e117e9f35e9fba61a92d, Tue Jun 22 2021 19:07:24 GMT+0800 (中国标准时间)
+ * @nutui/nutui v2.3.7-beta.0 - notify.js, 78f455d4cba8a497b5f5, Mon Oct 25 2021 13:46:52 GMT+0800 (中国标准时间)
  * (c) 2017-2020 JDC
  * Released under the MIT License.
  */

package/dist/packages/numberkeyboard/numberkeyboard.css

@@ -1,5 +1,5 @@
 /*!
- * @nutui/nutui v2.3.3 - numberkeyboard.css, e117e9f35e9fba61a92d, Tue Jun 22 2021 19:07:24 GMT+0800 (中国标准时间)
+ * @nutui/nutui v2.3.7-beta.0 - numberkeyboard.css, 78f455d4cba8a497b5f5, Mon Oct 25 2021 13:46:52 GMT+0800 (中国标准时间)
  * (c) 2017-2020 JDC
  * Released under the MIT License.
  */.nut-numberkeyboard{position:fixed;bottom:0;left:0;z-index:10000;width:100%;padding-bottom:22px;background-color:#f2f3f5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nut-numberkeyboard .number-board-header{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:content-box;box-sizing:content-box;height:34px;padding-top:6px;color:#646566;font-size:16px}.nut-numberkeyboard .number-board-header .tit{display:inline-block}.nut-numberkeyboard .number-board-header .keyboard-close{position:absolute;display:block;right:0;padding:0 16px;color:#576b95;font-size:14px;background-color:transparent;border:none;cursor:pointer}.nut-numberkeyboard .number-board-body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:6px 0 0 6px}.nut-numberkeyboard .number-board-body .number-board{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.nut-numberkeyboard .number-board-body .key-board-wrapper{position:relative;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-basis:33%;-ms-flex-preferred-size:33%;flex-basis:33%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 6px 6px 0}.nut-numberkeyboard .number-board-body .key-board-wrapper .key{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:48px;font-size:28px;line-height:1.5;background-color:#fff;-webkit-border-radius:8px;border-radius:8px;cursor:pointer}.nut-numberkeyboard .number-board-body .key-board-wrapper .active{background-color:#ebedf0}.nut-numberkeyboard .number-board-body .key-board-wrapper img{width:30px;height:24px}.nut-numberkeyboard .number-board-body .key-board-wrapper-large{-webkit-flex-basis:66%;-ms-flex-preferred-size:66%;flex-basis:66%}.nut-numberkeyboard .number-board-body .number-board-sidebar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.nut-numberkeyboard .number-board-body .number-board-sidebar .key-board-wrapper .key{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.nut-numberkeyboard .number-board-body .number-board-sidebar .key-board-wrapper .finish{font-size:16px;color:#fff;background-color:#1989fa}.nut-numberkeyboard .number-board-body .number-board-sidebar .key-board-wrapper .activeFinsh{background-color:#0570db}.nut-board-slide-up-enter-active{-webkit-animation:nut-board-slide-up-enter .3s ease-out both;animation:nut-board-slide-up-enter .3s ease-out both}.nut-board-slide-up-leave-active{-webkit-animation:nut-board-slide-up-leave .3s ease-in both;animation:nut-board-slide-up-leave .3s ease-in both}@-webkit-keyframes nut-board-slide-up-enter{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes nut-board-slide-up-enter{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes nut-board-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes nut-board-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}

package/dist/packages/numberkeyboard/numberkeyboard.js

@@ -1,7 +1,7 @@
 /*!
- * @nutui/nutui v2.3.3 - numberkeyboard.js, e117e9f35e9fba61a92d, Tue Jun 22 2021 19:07:24 GMT+0800 (中国标准时间)
+ * @nutui/nutui v2.3.7-beta.0 - numberkeyboard.js, 78f455d4cba8a497b5f5, Mon Oct 25 2021 13:46:52 GMT+0800 (中国标准时间)
  * (c) 2017-2020 JDC
  * Released under the MIT License.
  */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("numberkeyboard",[],t):"object"==typeof exports?exports.numberkeyboard=t():e.numberkeyboard=t()}("undefined"!=typeof self?self:this,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="./",n(n.s=211)}({0:function(e,t,n){"use strict";function o(e,t,n,o,r,i,s,u){var a,c="function"==typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=n,c._compiled=!0),o&&(c.functional=!0),i&&(c._scopeId="data-v-"+i),s?(a=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},c._ssrRegister=a):r&&(a=u?function(){r.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:r),a)if(c.functional){c._injectStyles=a;var l=c.render;c.render=function(e,t){return a.call(t),l(e,t)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,a):[a]}return{exports:e,options:c}}n.d(t,"a",(function(){return o}))},13:function(e,t,n){var o=n(9);e.exports=function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0},152:function(e,t,n){},211:function(e,t,n){"use strict";n.r(t);var o=n(4),r=n.n(o),i={name:"nut-numberkeyboard",props:{title:{type:String,default:""},visible:{type:Boolean,default:!1},type:{type:String,default:"default"},customKey:{type:Array,default:function(){return[]}},value:{type:String,default:""},maxlength:{type:[Number,String],default:6}},model:{prop:"value",event:"update:value"},computed:{keysList:function(){return"rightColumn"==this.type||""!=this.title?this.genCustomKeys():this.defaultKey()}},data:function(){return{once:0,keys:[],clickKeyIndex:void 0}},beforeDestroy:function(){document.getElementsByTagName("body")[0].removeEventListener("click",(function(){}))},mounted:function(){var e=this;this.$nextTick((function(){var t=e.$el;document.getElementsByTagName("body")[0].addEventListener("click",(function(n){var o=(n||window.event).target;if(t.contains(o)){"完成"==o.innerText&&e.$emit("close")}else{if(0==e.once&&e.visible)return e.once+=1,!1;e.closeBoard()}}))}))},created:function(){this.visible&&(this.once+=1)},methods:{getBasicKeys:function(){for(var e=[],t=1;t<=9;t++)e.push({id:t,type:"number"});return e},defaultKey:function(){return[].concat(r()(this.getBasicKeys()),[{id:"lock",type:"lock"},{id:0,type:"number"},{id:"delete",type:"delete"}])},genCustomKeys:function(){var e=this.getBasicKeys(),t=this.customKey,n=Array.isArray(t)?t:[t];return n.length>2&&(n=[n[0],n[1]]),1===n.length?this.title?e.push({id:n[0],type:"custom"},{id:0,type:"number"},{id:"delete",type:"delete"}):e.push({id:0,type:"number"},{id:n[0],type:"custom"}):2===n.length?(e.push({id:n[0],type:"custom"},{id:0,type:"number"},{id:n[1],type:"custom"}),this.title&&e.push({id:"delete",type:"delete"})):e.push({id:0,type:"number"}),e},afterEnter:function(){this.$emit("enter")},afterLeave:function(){this.$emit("leave")},onTouchstart:function(e,t){t.stopPropagation(),this.clickKeyIndex=e.id,"number"!=e.type&&"custom"!=e.type||(this.$emit("input",e.id),this.value.length<this.maxlength&&this.$emit("update:value",this.value+e.id)),"lock"==e.type&&this.closeBoard(),"delete"==e.type&&(this.$emit("delete"),this.$emit("update:value",this.value.slice(0,this.value.length-1)))},onTouchMove:function(e,t){t.stopPropagation()},onTouchEnd:function(){this.clickKeyIndex=void 0},closeBoard:function(){this.once>0&&(this.once=0,this.$emit("close"))}}},s=n(0),u=Object(s.a)(i,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:"nut-board-slide-up"},on:{"after-enter":e.afterEnter,"after-leave":e.afterLeave}},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"}],staticClass:"nut-numberkeyboard"},[e.title?n("div",{staticClass:"number-board-header"},[n("h3",{staticClass:"tit"},[e._v(e._s(e.title))]),e._v(" "),n("span",{staticClass:"keyboard-close",on:{click:function(){return e.closeBoard()}}},[e._v("完成")])]):e._e(),e._v(" "),n("div",{staticClass:"number-board-body"},[n("div",{staticClass:"number-board"},e._l(e.keysList,(function(t){return n("div",{key:"key"+t.id,class:["key-board-wrapper",{"key-board-wrapper-large":0==t.id&&"rightColumn"==e.type&&Array.isArray(e.customKey)&&1==e.customKey.length}]},[n("div",{class:["key",{active:t.id==e.clickKeyIndex},{lock:"lock"==t.type},{delete:"delete"==t.type}],on:{touchstart:function(n){return e.onTouchstart(t,n)},touchmove:function(n){return e.onTouchMove(t,n)},touchend:e.onTouchEnd}},["number"==t.type||"custom"==t.type?[e._v(e._s(t.id))]:e._e(),e._v(" "),"lock"==t.type?n("img",{attrs:{src:"https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png"}}):e._e(),e._v(" "),"delete"==t.type?n("img",{attrs:{src:"https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png"}}):e._e()],2)])})),0),e._v(" "),"rightColumn"==e.type?n("div",{staticClass:"number-board-sidebar"},[n("div",{staticClass:"key-board-wrapper"},[n("div",{class:["key",{active:"delete"==e.clickKeyIndex}],on:{touchstart:function(t){return e.onTouchstart({id:"delete",type:"delete"},t)},touchmove:function(t){return e.onTouchMove({id:"delete",type:"delete"},t)},touchend:e.onTouchEnd}},[n("img",{attrs:{src:"https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png"}})])]),e._v(" "),""==e.title?n("div",{staticClass:"key-board-wrapper",on:{click:function(){return e.closeBoard()}}},[n("div",{class:["key","finish",{activeFinsh:"finish"==e.clickKeyIndex}]},[e._v("\n            完成\n          ")])]):e._e()]):e._e()])])])}),[],!1,null,null,null).exports;n(152);u.install=function(e){e.component(u.name,u)};t.default=u},4:function(e,t,n){var o=n(46),r=n(47),i=n(13),s=n(48);e.exports=function(e){return o(e)||r(e)||i(e)||s()},e.exports.default=e.exports,e.exports.__esModule=!0},46:function(e,t,n){var o=n(9);e.exports=function(e){if(Array.isArray(e))return o(e)},e.exports.default=e.exports,e.exports.__esModule=!0},47:function(e,t){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.default=e.exports,e.exports.__esModule=!0},48:function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.default=e.exports,e.exports.__esModule=!0},9:function(e,t){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o},e.exports.default=e.exports,e.exports.__esModule=!0}})}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("numberkeyboard",[],t):"object"==typeof exports?exports.numberkeyboard=t():e.numberkeyboard=t()}("undefined"!=typeof self?self:this,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="./",n(n.s=210)}({0:function(e,t,n){"use strict";function o(e,t,n,o,r,i,s,u){var a,c="function"==typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=n,c._compiled=!0),o&&(c.functional=!0),i&&(c._scopeId="data-v-"+i),s?(a=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},c._ssrRegister=a):r&&(a=u?function(){r.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:r),a)if(c.functional){c._injectStyles=a;var l=c.render;c.render=function(e,t){return a.call(t),l(e,t)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,a):[a]}return{exports:e,options:c}}n.d(t,"a",(function(){return o}))},13:function(e,t,n){var o=n(9);e.exports=function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0},152:function(e,t,n){},210:function(e,t,n){"use strict";n.r(t);var o=n(4),r=n.n(o),i={name:"nut-numberkeyboard",props:{title:{type:String,default:""},visible:{type:Boolean,default:!1},type:{type:String,default:"default"},customKey:{type:Array,default:function(){return[]}},value:{type:String,default:""},maxlength:{type:[Number,String],default:6}},model:{prop:"value",event:"update:value"},computed:{keysList:function(){return"rightColumn"==this.type||""!=this.title?this.genCustomKeys():this.defaultKey()}},data:function(){return{once:0,keys:[],clickKeyIndex:void 0}},beforeDestroy:function(){document.getElementsByTagName("body")[0].removeEventListener("click",(function(){}))},mounted:function(){var e=this;this.$nextTick((function(){var t=e.$el;document.getElementsByTagName("body")[0].addEventListener("click",(function(n){var o=(n||window.event).target;if(t.contains(o)){"完成"==o.innerText&&e.$emit("close")}else{if(0==e.once&&e.visible)return e.once+=1,!1;e.closeBoard()}}))}))},created:function(){this.visible&&(this.once+=1)},methods:{getBasicKeys:function(){for(var e=[],t=1;t<=9;t++)e.push({id:t,type:"number"});return e},defaultKey:function(){return[].concat(r()(this.getBasicKeys()),[{id:"lock",type:"lock"},{id:0,type:"number"},{id:"delete",type:"delete"}])},genCustomKeys:function(){var e=this.getBasicKeys(),t=this.customKey,n=Array.isArray(t)?t:[t];return n.length>2&&(n=[n[0],n[1]]),1===n.length?this.title?e.push({id:n[0],type:"custom"},{id:0,type:"number"},{id:"delete",type:"delete"}):e.push({id:0,type:"number"},{id:n[0],type:"custom"}):2===n.length?(e.push({id:n[0],type:"custom"},{id:0,type:"number"},{id:n[1],type:"custom"}),this.title&&e.push({id:"delete",type:"delete"})):e.push({id:0,type:"number"}),e},afterEnter:function(){this.$emit("enter")},afterLeave:function(){this.$emit("leave")},onTouchstart:function(e,t){t.stopPropagation(),this.clickKeyIndex=e.id,"number"!=e.type&&"custom"!=e.type||(this.$emit("input",e.id),this.value.length<this.maxlength&&this.$emit("update:value",this.value+e.id)),"lock"==e.type&&this.closeBoard(),"delete"==e.type&&(this.$emit("delete"),this.$emit("update:value",this.value.slice(0,this.value.length-1)))},onTouchMove:function(e,t){t.stopPropagation()},onTouchEnd:function(){this.clickKeyIndex=void 0},closeBoard:function(){this.once>0&&(this.once=0,this.$emit("close"))}}},s=n(0),u=Object(s.a)(i,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:"nut-board-slide-up"},on:{"after-enter":e.afterEnter,"after-leave":e.afterLeave}},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"}],staticClass:"nut-numberkeyboard"},[e.title?n("div",{staticClass:"number-board-header"},[n("h3",{staticClass:"tit"},[e._v(e._s(e.title))]),e._v(" "),n("span",{staticClass:"keyboard-close",on:{click:function(){return e.closeBoard()}}},[e._v("完成")])]):e._e(),e._v(" "),n("div",{staticClass:"number-board-body"},[n("div",{staticClass:"number-board"},e._l(e.keysList,(function(t){return n("div",{key:"key"+t.id,class:["key-board-wrapper",{"key-board-wrapper-large":0==t.id&&"rightColumn"==e.type&&Array.isArray(e.customKey)&&1==e.customKey.length}]},[n("div",{class:["key",{active:t.id==e.clickKeyIndex},{lock:"lock"==t.type},{delete:"delete"==t.type}],on:{touchstart:function(n){return e.onTouchstart(t,n)},touchmove:function(n){return e.onTouchMove(t,n)},touchend:e.onTouchEnd}},["number"==t.type||"custom"==t.type?[e._v(e._s(t.id))]:e._e(),e._v(" "),"lock"==t.type?n("img",{attrs:{src:"https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png"}}):e._e(),e._v(" "),"delete"==t.type?n("img",{attrs:{src:"https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png"}}):e._e()],2)])})),0),e._v(" "),"rightColumn"==e.type?n("div",{staticClass:"number-board-sidebar"},[n("div",{staticClass:"key-board-wrapper"},[n("div",{class:["key",{active:"delete"==e.clickKeyIndex}],on:{touchstart:function(t){return e.onTouchstart({id:"delete",type:"delete"},t)},touchmove:function(t){return e.onTouchMove({id:"delete",type:"delete"},t)},touchend:e.onTouchEnd}},[n("img",{attrs:{src:"https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png"}})])]),e._v(" "),""==e.title?n("div",{staticClass:"key-board-wrapper",on:{click:function(){return e.closeBoard()}}},[n("div",{class:["key","finish",{activeFinsh:"finish"==e.clickKeyIndex}]},[e._v("\n            完成\n          ")])]):e._e()]):e._e()])])])}),[],!1,null,null,null).exports;n(152);u.install=function(e){e.component(u.name,u)};t.default=u},4:function(e,t,n){var o=n(46),r=n(47),i=n(13),s=n(48);e.exports=function(e){return o(e)||r(e)||i(e)||s()},e.exports.default=e.exports,e.exports.__esModule=!0},46:function(e,t,n){var o=n(9);e.exports=function(e){if(Array.isArray(e))return o(e)},e.exports.default=e.exports,e.exports.__esModule=!0},47:function(e,t){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.default=e.exports,e.exports.__esModule=!0},48:function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.default=e.exports,e.exports.__esModule=!0},9:function(e,t){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o},e.exports.default=e.exports,e.exports.__esModule=!0}})}));
 //# sourceMappingURL=numberkeyboard.js.map