bkui-vue 0.0.2-beta.81 → 0.0.2-beta.82

package/lib/card/index.js

@@ -1,285 +1 @@
-import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
-import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE__collapse_transition_cbd5c828__ from "../collapse-transition";
-import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__ from "../icon";
-import * as __WEBPACK_EXTERNAL_MODULE__input_752b0149__ from "../input";
-/******/ // The require scope
-/******/ var __webpack_require__ = {};
-/******/ 
-/************************************************************************/
-/******/ /* 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))
-/******/ })();
-/******/ 
-/************************************************************************/
-var __webpack_exports__ = {};
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  Z: () => (/* binding */ src)
-});
-
-;// CONCATENATED MODULE: external "../shared"
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.classes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
-
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-;// CONCATENATED MODULE: external "vue"
-var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
-;// CONCATENATED MODULE: external "../collapse-transition"
-var external_collapse_transition_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_collapse_transition_y = x => () => x
-const external_collapse_transition_namespaceObject = external_collapse_transition_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__collapse_transition_cbd5c828__["default"] });
-;// CONCATENATED MODULE: external "../config-provider"
-var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_config_provider_y = x => () => x
-const external_config_provider_namespaceObject = external_config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
-;// CONCATENATED MODULE: external "../icon"
-var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_icon_y = x => () => x
-const external_icon_namespaceObject = external_icon_x({ ["AngleDown"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleDown, ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleRight, ["EditLine"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.EditLine });
-;// CONCATENATED MODULE: external "../input"
-var external_input_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_input_y = x => () => x
-const external_input_namespaceObject = external_input_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__input_752b0149__["default"] });
-;// CONCATENATED MODULE: ../../packages/card/src/card.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 card = ((0,external_vue_namespaceObject.defineComponent)({
-  name: 'Card',
-  props: {
-    title: external_shared_namespaceObject.PropTypes.string,
-    showHeader: external_shared_namespaceObject.PropTypes.bool.def(true),
-    showFooter: external_shared_namespaceObject.PropTypes.bool.def(false),
-    collapseStatus: external_shared_namespaceObject.PropTypes.bool.def(true),
-    border: external_shared_namespaceObject.PropTypes.bool.def(true),
-    disableHeaderStyle: external_shared_namespaceObject.PropTypes.bool.def(false),
-    position: external_shared_namespaceObject.PropTypes.string.def('left'),
-    isEdit: external_shared_namespaceObject.PropTypes.bool.def(false),
-    isCollapse: external_shared_namespaceObject.PropTypes.bool.def(false)
-  },
-  emits: ['update:collapseStatus', 'edit'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    /** 展开&收起的状态 */
-    var collapseActive = (0,external_vue_namespaceObject.ref)(true);
-    /** 是否显示编辑框 */
-    var showInput = (0,external_vue_namespaceObject.ref)(false);
-    var renderTitle = (0,external_vue_namespaceObject.ref)('');
-    var handleCollapse = function handleCollapse() {
-      if (!props.isCollapse) {
-        return;
-      }
-      collapseActive.value = !collapseActive.value;
-      emit('update:collapseStatus', collapseActive.value);
-    };
-    /** 点击编辑按钮 */
-    var clickEdit = function clickEdit() {
-      showInput.value = !showInput.value;
-    };
-    /** 保存编辑的title */
-    var saveEdit = function saveEdit() {
-      showInput.value = !showInput.value;
-      emit('edit', renderTitle);
-    };
-    (0,external_vue_namespaceObject.watch)(function () {
-      return props.collapseStatus;
-    }, function (val) {
-      props.isCollapse && (collapseActive.value = val);
-    }, {
-      immediate: true
-    });
-    (0,external_vue_namespaceObject.watch)(function () {
-      return props.title;
-    }, function (val) {
-      renderTitle.value = val;
-    }, {
-      immediate: true
-    });
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
-    var wrapperClsName = resolveClassName('card');
-    return {
-      collapseActive: collapseActive,
-      showInput: showInput,
-      renderTitle: renderTitle,
-      handleCollapse: handleCollapse,
-      saveEdit: saveEdit,
-      clickEdit: clickEdit,
-      wrapperClsName: wrapperClsName
-    };
-  },
-  render: function render() {
-    var _classes,
-      _classes2,
-      _this = this,
-      _this$$slots$icon,
-      _this$$slots$icon2,
-      _this$$slots,
-      _this$$slots$header,
-      _this$$slots$header2,
-      _this$$slots2,
-      _this$$slots$default,
-      _this$$slots$default2,
-      _this$$slots3,
-      _this$$slots$footer,
-      _this$$slots$footer2,
-      _this$$slots4;
-    var cardClass = (0,external_shared_namespaceObject.classes)((_classes = {}, _defineProperty(_classes, "".concat(this.wrapperClsName), true), _defineProperty(_classes, "".concat(this.wrapperClsName, "-border-none"), !this.$props.border), _classes), '');
-    var headClass = (0,external_shared_namespaceObject.classes)((_classes2 = {}, _defineProperty(_classes2, "".concat(this.wrapperClsName, "-head"), true), _defineProperty(_classes2, "".concat(this.wrapperClsName, "-head-").concat(this.$props.position), this.$props.isCollapse && this.$props.position), _defineProperty(_classes2, 'no-line-height', this.$props.disableHeaderStyle), _defineProperty(_classes2, 'collapse', !this.collapseActive), _classes2), '');
-    var defaultHeader = (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "title",
-      "title": this.renderTitle
-    }, [this.showInput ? (0,external_vue_namespaceObject.createVNode)(external_input_namespaceObject["default"], {
-      "class": "".concat(this.wrapperClsName, "-input"),
-      "modelValue": _this.renderTitle,
-      "onUpdate:modelValue": function onUpdateModelValue($event) {
-        return _this.renderTitle = $event;
-      },
-      "onBlur": this.saveEdit
-    }, null) : this.renderTitle]);
-    var defaultIcon = (0,external_vue_namespaceObject.createVNode)("span", {
-      "class": "".concat(this.wrapperClsName, "-icon"),
-      "onClick": this.handleCollapse
-    }, [this.collapseActive ? (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleDown, null, null) : (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleRight, null, null)]);
-    return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": cardClass
-    }, [this.$props.showHeader ? (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": headClass
-    }, [this.$props.isCollapse && ((_this$$slots$icon = (_this$$slots$icon2 = (_this$$slots = this.$slots).icon) === null || _this$$slots$icon2 === void 0 ? void 0 : _this$$slots$icon2.call(_this$$slots)) !== null && _this$$slots$icon !== void 0 ? _this$$slots$icon : defaultIcon), (_this$$slots$header = (_this$$slots$header2 = (_this$$slots2 = this.$slots).header) === null || _this$$slots$header2 === void 0 ? void 0 : _this$$slots$header2.call(_this$$slots2)) !== null && _this$$slots$header !== void 0 ? _this$$slots$header : defaultHeader, this.$props.isEdit && !this.showInput && (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.EditLine, {
-      "class": "".concat(this.wrapperClsName, "-edit"),
-      "onClick": this.clickEdit
-    }, null)]) : '', (0,external_vue_namespaceObject.createVNode)(external_collapse_transition_namespaceObject["default"], null, {
-      "default": function _default() {
-        return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", null, [(0,external_vue_namespaceObject.createVNode)("div", {
-          "class": "".concat(_this.wrapperClsName, "-body")
-        }, [(_this$$slots$default = (_this$$slots$default2 = (_this$$slots3 = _this.$slots)["default"]) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots3)) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : 'Content']), _this.$props.showFooter ? (0,external_vue_namespaceObject.createVNode)("div", {
-          "class": "".concat(_this.wrapperClsName, "-footer")
-        }, [(_this$$slots$footer = (_this$$slots$footer2 = (_this$$slots4 = _this.$slots).footer) === null || _this$$slots$footer2 === void 0 ? void 0 : _this$$slots$footer2.call(_this$$slots4)) !== null && _this$$slots$footer !== void 0 ? _this$$slots$footer : 'Footer']) : '']), [[external_vue_namespaceObject.vShow, _this.collapseActive]])];
-      }
-    })]);
-  }
-}));
-;// CONCATENATED MODULE: ../../packages/card/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 BkCard = (0,external_shared_namespaceObject.withInstall)(card);
-/* harmony default export */ const src = (BkCard);
-var __webpack_exports__default = __webpack_exports__.Z;
-export { __webpack_exports__default as default };
+import*as e from"../shared";import*as t from"vue";import*as o from"../collapse-transition";import*as r from"../config-provider";import*as l from"../icon";import*as i from"../input";var s={d:(e,t)=>{for(var o in t)s.o(t,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},a={};s.d(a,{Z:()=>b});const n=(p={PropTypes:()=>e.PropTypes,classes:()=>e.classes,withInstall:()=>e.withInstall},c={},s.d(c,p),c);var p,c;function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function u(e,t,o){return(t=function(e){var t=function(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,"string");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===d(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}const f=(e=>{var t={};return s.d(t,e),t})({createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent,ref:()=>t.ref,vShow:()=>t.vShow,watch:()=>t.watch,withDirectives:()=>t.withDirectives}),v=(e=>{var t={};return s.d(t,e),t})({default:()=>o.default}),h=(e=>{var t={};return s.d(t,e),t})({usePrefix:()=>r.usePrefix}),m=(e=>{var t={};return s.d(t,e),t})({AngleDown:()=>l.AngleDown,AngleRight:()=>l.AngleRight,EditLine:()=>l.EditLine}),w=(e=>{var t={};return s.d(t,e),t})({default:()=>i.default}),y=(0,f.defineComponent)({name:"Card",props:{title:n.PropTypes.string,showHeader:n.PropTypes.bool.def(!0),showFooter:n.PropTypes.bool.def(!1),collapseStatus:n.PropTypes.bool.def(!0),border:n.PropTypes.bool.def(!0),disableHeaderStyle:n.PropTypes.bool.def(!1),position:n.PropTypes.string.def("left"),isEdit:n.PropTypes.bool.def(!1),isCollapse:n.PropTypes.bool.def(!1)},emits:["update:collapseStatus","edit"],setup:function(e,t){var o=t.emit,r=(0,f.ref)(!0),l=(0,f.ref)(!1),i=(0,f.ref)("");(0,f.watch)((function(){return e.collapseStatus}),(function(t){e.isCollapse&&(r.value=t)}),{immediate:!0}),(0,f.watch)((function(){return e.title}),(function(e){i.value=e}),{immediate:!0});var s=(0,(0,h.usePrefix)().resolveClassName)("card");return{collapseActive:r,showInput:l,renderTitle:i,handleCollapse:function(){e.isCollapse&&(r.value=!r.value,o("update:collapseStatus",r.value))},saveEdit:function(){l.value=!l.value,o("edit",i)},clickEdit:function(){l.value=!l.value},wrapperClsName:s}},render:function(){var e,t,o,r,l,i,s,a,p,c,d,h,y,b,C=this,N=(0,n.classes)((u(e={},"".concat(this.wrapperClsName),!0),u(e,"".concat(this.wrapperClsName,"-border-none"),!this.$props.border),e),""),P=(0,n.classes)((u(t={},"".concat(this.wrapperClsName,"-head"),!0),u(t,"".concat(this.wrapperClsName,"-head-").concat(this.$props.position),this.$props.isCollapse&&this.$props.position),u(t,"no-line-height",this.$props.disableHeaderStyle),u(t,"collapse",!this.collapseActive),t),""),g=(0,f.createVNode)("div",{class:"title",title:this.renderTitle},[this.showInput?(0,f.createVNode)(w.default,{class:"".concat(this.wrapperClsName,"-input"),modelValue:C.renderTitle,"onUpdate:modelValue":function(e){return C.renderTitle=e},onBlur:this.saveEdit},null):this.renderTitle]),S=(0,f.createVNode)("span",{class:"".concat(this.wrapperClsName,"-icon"),onClick:this.handleCollapse},[this.collapseActive?(0,f.createVNode)(m.AngleDown,null,null):(0,f.createVNode)(m.AngleRight,null,null)]);return(0,f.createVNode)("div",{class:N},[this.$props.showHeader?(0,f.createVNode)("div",{class:P},[this.$props.isCollapse&&(null!==(l=null===(r=(o=this.$slots).icon)||void 0===r?void 0:r.call(o))&&void 0!==l?l:S),null!==(a=null===(s=(i=this.$slots).header)||void 0===s?void 0:s.call(i))&&void 0!==a?a:g,this.$props.isEdit&&!this.showInput&&(0,f.createVNode)(m.EditLine,{class:"".concat(this.wrapperClsName,"-edit"),onClick:this.clickEdit},null)]):"",(0,f.createVNode)(v.default,null,{default:function(){return[(0,f.withDirectives)((0,f.createVNode)("div",null,[(0,f.createVNode)("div",{class:"".concat(C.wrapperClsName,"-body")},[null!==(d=null===(c=(p=C.$slots).default)||void 0===c?void 0:c.call(p))&&void 0!==d?d:"Content"]),C.$props.showFooter?(0,f.createVNode)("div",{class:"".concat(C.wrapperClsName,"-footer")},[null!==(b=null===(y=(h=C.$slots).footer)||void 0===y?void 0:y.call(h))&&void 0!==b?b:"Footer"]):""]),[[f.vShow,C.collapseActive]])]}})])}}),b=(0,n.withInstall)(y);var C=a.Z;export{C as default};