bkui-vue 0.0.1-beta.388 → 0.0.1-beta.389

package/lib/rate/index.js

@@ -1 +1,358 @@
-!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})()));
+(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__;
+/******/ })()
+;
+});