bkui-vue 0.0.1-beta.393 → 0.0.1-beta.395

package/lib/swiper/index.js

@@ -1,374 +1 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("../shared"), require("vue"));
-	else if(typeof define === 'function' && define.amd)
-		define(["../shared", "vue"], factory);
-	else {
-		var a = typeof exports === 'object' ? factory(require("../shared"), require("vue")) : factory(root["../shared"], root["vue"]);
-		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
-	}
-})(self, (__WEBPACK_EXTERNAL_MODULE__4212__, __WEBPACK_EXTERNAL_MODULE__748__) => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 4212:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__4212__;
-
-/***/ }),
-
-/***/ 748:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__748__;
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-(() => {
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ src)
-});
-
-// EXTERNAL MODULE: external "../shared"
-var external_shared_ = __webpack_require__(4212);
-// EXTERNAL MODULE: external "vue"
-var external_vue_ = __webpack_require__(748);
-;// CONCATENATED MODULE: ../../packages/swiper/src/swiper.tsx
-
-
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
-*/
-
-
-/* harmony default export */ const swiper = ((0,external_vue_.defineComponent)({
-  name: 'Swiper',
-  props: {
-    isLoop: external_shared_.PropTypes.bool.def(true),
-    loopTime: external_shared_.PropTypes.number.def(8000),
-    pics: external_shared_.PropTypes.array.def([]),
-    list: external_shared_.PropTypes.array.def([]),
-    height: external_shared_.PropTypes.number,
-    width: external_shared_.PropTypes.number
-  },
-  emits: ['index-change'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit,
-        slots = _ref.slots;
-
-    // 属性
-    var _toRefs = (0,external_vue_.toRefs)(props),
-        isLoop = _toRefs.isLoop,
-        loopTime = _toRefs.loopTime,
-        pics = _toRefs.pics,
-        list = _toRefs.list,
-        height = _toRefs.height,
-        width = _toRefs.width; // 声明变量
-
-
-    var swiperRef = (0,external_vue_.ref)();
-    var swiperIndex = (0,external_vue_.ref)(0);
-    var renderWidth = (0,external_vue_.ref)(0);
-    var renderHeight = (0,external_vue_.ref)(0);
-    var loopId = (0,external_vue_.ref)(0);
-    var resizeObserver; // 计算属性
-
-    var computedRenderDataList = (0,external_vue_.computed)(function () {
-      var _a;
-
-      return ((_a = list.value) === null || _a === void 0 ? void 0 : _a.length) > 0 ? list.value : pics.value;
-    });
-    var computedSwiperTranslateStyle = (0,external_vue_.computed)(function () {
-      return {
-        width: "".concat(renderWidth.value * computedRenderDataList.value.length, "px"),
-        transform: "translateX(-".concat(renderWidth.value * swiperIndex.value, "px)")
-      };
-    });
-    var computedSwiperRenderStyle = (0,external_vue_.computed)(function () {
-      return {
-        width: "".concat(renderWidth.value, "px"),
-        height: "".concat(renderHeight.value, "px")
-      };
-    }); // 方法
-
-    var changeIndex = function changeIndex(index) {
-      var showIndex = index; // 边界处理
-
-      if (index >= computedRenderDataList.value.length) {
-        showIndex = 0;
-      }
-
-      if (index < 0) {
-        showIndex = computedRenderDataList.value.length - 1;
-      }
-
-      swiperIndex.value = showIndex;
-      emit('index-change', showIndex);
-    };
-
-    var goToLink = function goToLink(link) {
-      if (!link) return;
-      window.open(link, '_blank');
-    };
-
-    var getRenderItemClass = function getRenderItemClass(renderData) {
-      return ['bk-swiper-img', {
-        'bk-swiper-link': renderData.link
-      }, renderData["class"]];
-    };
-
-    var getRenderItemStyle = function getRenderItemStyle(renderData) {
-      return {
-        'background-image': "url(".concat(renderData.url, ")"),
-        'background-color': renderData.color
-      };
-    };
-
-    var getRenderIndexStyle = function getRenderIndexStyle(index) {
-      return {
-        'bk-current-index': swiperIndex.value === index
-      };
-    };
-
-    var startLoop = function startLoop() {
-      if (isLoop.value) {
-        loopId.value = window.setTimeout(function () {
-          changeIndex(swiperIndex.value + 1);
-          startLoop();
-        }, loopTime.value);
-      }
-    };
-
-    var endLoop = function endLoop() {
-      window.clearTimeout(loopId.value);
-    }; // 如果没有传递高宽属性，组件的高宽需要随着父元素的变化而变化
-
-
-    var watchParentSizeChange = function watchParentSizeChange() {
-      var _a;
-
-      var parentEle = (_a = swiperRef.value) === null || _a === void 0 ? void 0 : _a.parentElement;
-
-      if (!parentEle || !window.ResizeObserver) {
-        return;
-      }
-
-      resizeObserver = new ResizeObserver(function () {
-        calcSize();
-      });
-      resizeObserver.observe(parentEle);
-    };
-
-    var endWatchParentSizeChange = function endWatchParentSizeChange() {
-      var _a;
-
-      (_a = resizeObserver.disconnect) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
-    };
-
-    var getElementSize = function getElementSize(node) {
-      if (node === undefined) {
-        return {
-          height: 0,
-          width: 0
-        };
-      }
-
-      var computedStyle = getComputedStyle(node);
-      var width = node.clientWidth - parseFloat(computedStyle.paddingTop) - parseFloat(computedStyle.paddingBottom);
-      var height = node.clientHeight - parseFloat(computedStyle.paddingLeft) - parseFloat(computedStyle.paddingRight);
-      return {
-        height: height,
-        width: width
-      };
-    }; // 计算组件的高宽 & 宽度
-
-
-    var calcSize = function calcSize() {
-      var _a;
-
-      var swiperParentSize = getElementSize((_a = swiperRef.value) === null || _a === void 0 ? void 0 : _a.parentElement);
-      renderWidth.value = +width.value > 0 ? width.value : swiperParentSize.width;
-      renderHeight.value = +height.value > 0 ? height.value : swiperParentSize.height;
-    };
-
-    (0,external_vue_.watch)([height, width], calcSize);
-    (0,external_vue_.onMounted)(function () {
-      calcSize();
-      startLoop();
-      watchParentSizeChange();
-    });
-    (0,external_vue_.onBeforeUnmount)(function () {
-      endLoop();
-      endWatchParentSizeChange();
-    }); // render
-
-    return function () {
-      return (0,external_vue_.createVNode)("section", {
-        "class": "bk-swiper-home",
-        "ref": swiperRef,
-        "style": computedSwiperRenderStyle.value
-      }, [(0,external_vue_.createVNode)("hgroup", {
-        "style": computedSwiperTranslateStyle.value,
-        "class": "bk-transition bk-swiper-main"
-      }, [computedRenderDataList.value.map(function (renderData) {
-        var _a, _b;
-
-        return (0,external_vue_.createVNode)("h3", {
-          "class": "bk-swiper-card",
-          "style": computedSwiperRenderStyle.value
-        }, [(_b = (_a = slots["default"]) === null || _a === void 0 ? void 0 : _a.call(slots, renderData)) !== null && _b !== void 0 ? _b : (0,external_vue_.createVNode)("span", {
-          "class": getRenderItemClass(renderData),
-          "style": getRenderItemStyle(renderData),
-          "onClick": function onClick() {
-            return goToLink(renderData.link);
-          }
-        }, null)]);
-      })]), (0,external_vue_.createVNode)("ul", {
-        "class": "bk-swiper-index"
-      }, [computedRenderDataList.value.map(function (_, index) {
-        return (0,external_vue_.createVNode)("li", {
-          "class": getRenderIndexStyle(index),
-          "onMouseover": function onMouseover() {
-            return changeIndex(index);
-          }
-        }, null);
-      })]), (0,external_vue_.createVNode)("span", {
-        "class": "bk-swiper-nav bk-nav-prev",
-        "onClick": function onClick() {
-          return changeIndex(swiperIndex.value - 1);
-        }
-      }, [(0,external_vue_.createVNode)("i", {
-        "class": "bk-swiper-nav-icon"
-      }, null)]), (0,external_vue_.createVNode)("span", {
-        "class": "bk-swiper-nav bk-nav-next",
-        "onClick": function onClick() {
-          return changeIndex(swiperIndex.value + 1);
-        }
-      }, [(0,external_vue_.createVNode)("i", {
-        "class": "bk-swiper-nav-icon"
-      }, null)])]);
-    };
-  }
-}));
-;// CONCATENATED MODULE: ../../packages/swiper/src/index.ts
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
-*/
-
-
-var BkSwiper = (0,external_shared_.withInstall)(swiper);
-/* harmony default export */ const src = (BkSwiper);
-})();
-
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
+!function(e,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],n);else{var t="object"==typeof exports?n(require("../shared"),require("vue")):n(e["../shared"],e.vue);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,((e,n)=>(()=>{"use strict";var t={4212:n=>{n.exports=e},748:e=>{e.exports=n}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,o),a.exports}o.d=(e,n)=>{for(var t in n)o.o(n,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},o.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{o.r(a),o.d(a,{default:()=>r});var e=o(4212),n=o(748);const t=(0,n.defineComponent)({name:"Swiper",props:{isLoop:e.PropTypes.bool.def(!0),loopTime:e.PropTypes.number.def(8e3),pics:e.PropTypes.array.def([]),list:e.PropTypes.array.def([]),height:e.PropTypes.number,width:e.PropTypes.number},emits:["index-change"],setup:function(e,t){var r,o=t.emit,a=t.slots,i=(0,n.toRefs)(e),l=i.isLoop,u=i.loopTime,s=i.pics,c=i.list,p=i.height,d=i.width,v=(0,n.ref)(),f=(0,n.ref)(0),h=(0,n.ref)(0),b=(0,n.ref)(0),m=(0,n.ref)(0),w=(0,n.computed)((function(){var e;return(null===(e=c.value)||void 0===e?void 0:e.length)>0?c.value:s.value})),g=(0,n.computed)((function(){return{width:"".concat(h.value*w.value.length,"px"),transform:"translateX(-".concat(h.value*f.value,"px)")}})),y=(0,n.computed)((function(){return{width:"".concat(h.value,"px"),height:"".concat(b.value,"px")}})),k=function(e){var n=e;e>=w.value.length&&(n=0),e<0&&(n=w.value.length-1),f.value=n,o("index-change",n)},x=function(e){return["bk-swiper-img",{"bk-swiper-link":e.link},e.class]},T=function(e){return{"background-image":"url(".concat(e.url,")"),"background-color":e.color}},N=function(e){return{"bk-current-index":f.value===e}},P=function e(){l.value&&(m.value=window.setTimeout((function(){k(f.value+1),e()}),u.value))},V=function(){var e,n=function(e){if(void 0===e)return{height:0,width:0};var n=getComputedStyle(e),t=e.clientWidth-parseFloat(n.paddingTop)-parseFloat(n.paddingBottom);return{height:e.clientHeight-parseFloat(n.paddingLeft)-parseFloat(n.paddingRight),width:t}}(null===(e=v.value)||void 0===e?void 0:e.parentElement);h.value=+d.value>0?d.value:n.width,b.value=+p.value>0?p.value:n.height};return(0,n.watch)([p,d],V),(0,n.onMounted)((function(){var e,n;V(),P(),(n=null===(e=v.value)||void 0===e?void 0:e.parentElement)&&window.ResizeObserver&&(r=new ResizeObserver((function(){V()}))).observe(n)})),(0,n.onBeforeUnmount)((function(){var e;window.clearTimeout(m.value),null===(e=r.disconnect)||void 0===e||e.call(r)})),function(){return(0,n.createVNode)("section",{class:"bk-swiper-home",ref:v,style:y.value},[(0,n.createVNode)("hgroup",{style:g.value,class:"bk-transition bk-swiper-main"},[w.value.map((function(e){var t,r;return(0,n.createVNode)("h3",{class:"bk-swiper-card",style:y.value},[null!==(r=null===(t=a.default)||void 0===t?void 0:t.call(a,e))&&void 0!==r?r:(0,n.createVNode)("span",{class:x(e),style:T(e),onClick:function(){var n;(n=e.link)&&window.open(n,"_blank")}},null)])}))]),(0,n.createVNode)("ul",{class:"bk-swiper-index"},[w.value.map((function(e,t){return(0,n.createVNode)("li",{class:N(t),onMouseover:function(){return k(t)}},null)}))]),(0,n.createVNode)("span",{class:"bk-swiper-nav bk-nav-prev",onClick:function(){return k(f.value-1)}},[(0,n.createVNode)("i",{class:"bk-swiper-nav-icon"},null)]),(0,n.createVNode)("span",{class:"bk-swiper-nav bk-nav-next",onClick:function(){return k(f.value+1)}},[(0,n.createVNode)("i",{class:"bk-swiper-nav-icon"},null)])])}}}),r=(0,e.withInstall)(t)})(),a})()));