bkui-vue 0.0.1-beta.468 → 0.0.1-beta.469

package/lib/rate/index.js

@@ -1,348 +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/rate/src/star.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 star = ((0,external_vue_.defineComponent)({
-  name: 'Star',
-  props: {
-    rate: external_shared_.PropTypes.number.def(0),
-    width: external_shared_.PropTypes.number.def(15),
-    height: external_shared_.PropTypes.number.def(16),
-    editable: external_shared_.PropTypes.bool.def(true),
-    hoverRate: external_shared_.PropTypes.number.def(0),
-    max: external_shared_.PropTypes.number.def(5)
-  },
-  emits: ['chooseRate', 'changeHover'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var chooseRate = function chooseRate(index) {
-      if (!props.editable) return;
-      var rate = index + 1;
-      emit('chooseRate', rate);
-    };
-    var changeHover = function changeHover(index) {
-      if (!props.editable) return;
-      var rate = index + 1;
-      emit('changeHover', rate);
-    };
-    var starClass = function starClass(index) {
-      return (0,external_shared_.classes)({
-        'bk-is-select': index < Math.floor(displayRate.value),
-        'bk-is-edit': props.editable,
-        'bk-rate-star': true
-      });
-    };
-    var displayRate = (0,external_vue_.computed)(function () {
-      return props.hoverRate || props.rate;
-    });
-    var starStyle = {
-      width: "".concat(props.width, "px"),
-      height: "".concat(props.height, "px"),
-      minWidth: "".concat(props.width, "px")
-    };
-    return function () {
-      return (0,external_vue_.createVNode)("p", {
-        "class": "bk-rate-stars"
-      }, [Array(props.max).fill(1).map(function (_, index) {
-        return (0,external_vue_.createVNode)("svg", {
-          "class": starClass(index),
-          "style": starStyle,
-          "x": "0px",
-          "y": "0px",
-          "viewBox": "0 0 64 64",
-          "onClick": function onClick() {
-            return chooseRate(index);
-          },
-          "onMouseenter": function onMouseenter() {
-            return changeHover(index);
-          }
-        }, [(0,external_vue_.createVNode)("g", {
-          "transform": "translate(-143.000000, -635.000000)"
-        }, [(0,external_vue_.createVNode)("g", {
-          "transform": "translate(83.000000, 114.000000)"
-        }, [(0,external_vue_.createVNode)("g", {
-          "transform": "translate(15.000000, 384.000000)"
-        }, [(0,external_vue_.createVNode)("g", {
-          "transform": "translate(29.000000, 137.000000)"
-        }, [(0,external_vue_.createVNode)("polygon", {
-          "class": "st1",
-          "points": "48,53 28.2,63.9 32,40.8 16,24.4 38.1,21 48,-0.1 57.8,21 79.9,24.4 63.9,40.8 67.7,63.9"
-        }, null)])])])])]);
-      })]);
-    };
-  }
-}));
-;// CONCATENATED MODULE: ../../packages/rate/src/rate.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 rate = ((0,external_vue_.defineComponent)({
-  name: 'Rate',
-  components: {
-    star: star
-  },
-  props: {
-    modelValue: external_shared_.PropTypes.number.def(0),
-    size: external_shared_.PropTypes.size(),
-    editable: external_shared_.PropTypes.bool.def(true),
-    withValidate: external_shared_.PropTypes.bool.def(true)
-  },
-  emits: ['change', 'update:modelValue'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var formItem = (0,external_shared_.useFormItem)();
-    var hoverRate = (0,external_vue_.ref)(0);
-    var chooseRate = function chooseRate(val) {
-      if (!props.editable) return;
-      emit('update:modelValue', val);
-      emit('change', val);
-    };
-    var changeHover = function changeHover(val) {
-      hoverRate.value = val;
-    };
-    var rateClass = (0,external_shared_.classes)({
-      'bk-rate': true
-    });
-    var sizeMap = {
-      small: {
-        width: 12,
-        height: 12
-      },
-      large: {
-        width: 18,
-        height: 18
-      }
-    };
-    var rateSize = sizeMap[props.size] || {
-      width: 15,
-      height: 16
-    };
-    var starStyle = (0,external_vue_.computed)(function () {
-      var integer = Math.floor(props.modelValue);
-      var fixWidth = (rateSize.width + 3) * integer;
-      var rateWidth = rateSize.width * (props.modelValue - integer);
-      return {
-        width: "".concat(fixWidth + rateWidth, "px")
-      };
-    });
-    var commonAttrs = {
-      width: rateSize.width,
-      height: rateSize.height
-    };
-    (0,external_vue_.watch)(function () {
-      return props.modelValue;
-    }, function () {
-      var _a;
-      if (props.withValidate) {
-        (_a = formItem === null || formItem === void 0 ? void 0 : formItem.validate) === null || _a === void 0 ? void 0 : _a.call(formItem, 'change');
-      }
-    });
-    return function () {
-      return (0,external_vue_.createVNode)("p", {
-        "class": rateClass
-      }, [props.editable ? (0,external_vue_.createVNode)(star, (0,external_vue_.mergeProps)({
-        "rate": props.modelValue,
-        "hover-rate": hoverRate.value,
-        "onChooseRate": chooseRate,
-        "onChangeHover": changeHover,
-        "onMouseleave": function onMouseleave() {
-          return changeHover(0);
-        }
-      }, commonAttrs), null) : [(0,external_vue_.createVNode)(star, (0,external_vue_.mergeProps)({
-        "rate": 5,
-        "style": starStyle.value,
-        "class": "bk-score-real",
-        "editable": false
-      }, commonAttrs), null), (0,external_vue_.createVNode)(star, (0,external_vue_.mergeProps)({
-        "rate": 0,
-        "editable": false
-      }, commonAttrs), null)]]);
-    };
-  }
-}));
-;// CONCATENATED MODULE: ../../packages/rate/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 BkRate = (0,external_shared_.withInstall)(rate);
-/* harmony default export */ const src = (BkRate);
-})();
-
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t)=>(()=>{"use strict";var r={4212:t=>{t.exports=e},748:e=>{e.exports=t}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,a),n.exports}a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{a.r(n),a.d(n,{default:()=>i});var e=a(4212),t=a(748);const r=(0,t.defineComponent)({name:"Star",props:{rate:e.PropTypes.number.def(0),width:e.PropTypes.number.def(15),height:e.PropTypes.number.def(16),editable:e.PropTypes.bool.def(!0),hoverRate:e.PropTypes.number.def(0),max:e.PropTypes.number.def(5)},emits:["chooseRate","changeHover"],setup:function(r,o){var a=o.emit,n=function(t){return(0,e.classes)({"bk-is-select":t<Math.floor(i.value),"bk-is-edit":r.editable,"bk-rate-star":!0})},i=(0,t.computed)((function(){return r.hoverRate||r.rate})),s={width:"".concat(r.width,"px"),height:"".concat(r.height,"px"),minWidth:"".concat(r.width,"px")};return function(){return(0,t.createVNode)("p",{class:"bk-rate-stars"},[Array(r.max).fill(1).map((function(e,o){return(0,t.createVNode)("svg",{class:n(o),style:s,x:"0px",y:"0px",viewBox:"0 0 64 64",onClick:function(){return function(e){r.editable&&a("chooseRate",e+1)}(o)},onMouseenter:function(){return function(e){r.editable&&a("changeHover",e+1)}(o)}},[(0,t.createVNode)("g",{transform:"translate(-143.000000, -635.000000)"},[(0,t.createVNode)("g",{transform:"translate(83.000000, 114.000000)"},[(0,t.createVNode)("g",{transform:"translate(15.000000, 384.000000)"},[(0,t.createVNode)("g",{transform:"translate(29.000000, 137.000000)"},[(0,t.createVNode)("polygon",{class:"st1",points:"48,53 28.2,63.9 32,40.8 16,24.4 38.1,21 48,-0.1 57.8,21 79.9,24.4 63.9,40.8 67.7,63.9"},null)])])])])])}))])}}}),o=(0,t.defineComponent)({name:"Rate",components:{star:r},props:{modelValue:e.PropTypes.number.def(0),size:e.PropTypes.size(),editable:e.PropTypes.bool.def(!0),withValidate:e.PropTypes.bool.def(!0)},emits:["change","update:modelValue"],setup:function(o,a){var n=a.emit,i=(0,e.useFormItem)(),s=(0,t.ref)(0),l=function(e){o.editable&&(n("update:modelValue",e),n("change",e))},u=function(e){s.value=e},d=(0,e.classes)({"bk-rate":!0}),c={small:{width:12,height:12},large:{width:18,height:18}}[o.size]||{width:15,height:16},p=(0,t.computed)((function(){var e=Math.floor(o.modelValue),t=(c.width+3)*e,r=c.width*(o.modelValue-e);return{width:"".concat(t+r,"px")}})),f={width:c.width,height:c.height};return(0,t.watch)((function(){return o.modelValue}),(function(){var e;o.withValidate&&(null===(e=null==i?void 0:i.validate)||void 0===e||e.call(i,"change"))})),function(){return(0,t.createVNode)("p",{class:d},[o.editable?(0,t.createVNode)(r,(0,t.mergeProps)({rate:o.modelValue,"hover-rate":s.value,onChooseRate:l,onChangeHover:u,onMouseleave:function(){return u(0)}},f),null):[(0,t.createVNode)(r,(0,t.mergeProps)({rate:5,style:p.value,class:"bk-score-real",editable:!1},f),null),(0,t.createVNode)(r,(0,t.mergeProps)({rate:0,editable:!1},f),null)]])}}}),i=(0,e.withInstall)(o)})(),n})()));