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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (150) hide show
  1. package/dist/index.cjs.js +22 -22
  2. package/dist/index.esm.js +1 -0
  3. package/dist/index.umd.js +23 -23
  4. package/lib/affix/index.js +353 -1
  5. package/lib/alert/index.js +251 -1
  6. package/lib/animate-number/index.js +226 -1
  7. package/lib/backtop/index.js +260 -1
  8. package/lib/badge/index.js +274 -1
  9. package/lib/breadcrumb/index.js +329 -1
  10. package/lib/button/index.js +371 -1
  11. package/lib/card/index.js +326 -1
  12. package/lib/cascader/index.js +2168 -1
  13. package/lib/checkbox/index.js +571 -1
  14. package/lib/code-diff/index.js +5520 -1
  15. package/lib/collapse/index.js +698 -1
  16. package/lib/color-picker/index.js +2816 -1
  17. package/lib/components.js +759 -1
  18. package/lib/container/index.js +369 -1
  19. package/lib/date-picker/index.js +5601 -1
  20. package/lib/dialog/index.js +545 -1
  21. package/lib/directives/index.js +1428 -2
  22. package/lib/dist.index.js +166 -1
  23. package/lib/divider/index.js +512 -1
  24. package/lib/dropdown/index.js +414 -1
  25. package/lib/exception/index.js +405 -1
  26. package/lib/fixed-navbar/index.js +214 -1
  27. package/lib/form/index.js +986 -1
  28. package/lib/icon/angle-double-down-line.js +426 -1
  29. package/lib/icon/angle-double-left-line.js +426 -1
  30. package/lib/icon/angle-double-left.js +426 -1
  31. package/lib/icon/angle-double-right-line.js +426 -1
  32. package/lib/icon/angle-double-right.js +426 -1
  33. package/lib/icon/angle-double-up-line.js +426 -1
  34. package/lib/icon/angle-down-fill.js +426 -1
  35. package/lib/icon/angle-down-line.js +426 -1
  36. package/lib/icon/angle-down.js +426 -1
  37. package/lib/icon/angle-left.js +426 -1
  38. package/lib/icon/angle-right.js +426 -1
  39. package/lib/icon/angle-up-fill.js +426 -1
  40. package/lib/icon/angle-up.js +426 -1
  41. package/lib/icon/archive-fill.js +426 -1
  42. package/lib/icon/arrows-left.js +426 -1
  43. package/lib/icon/arrows-right.js +426 -1
  44. package/lib/icon/audio-fill.js +426 -1
  45. package/lib/icon/bk.js +426 -1
  46. package/lib/icon/circle.js +426 -1
  47. package/lib/icon/close-line.js +426 -1
  48. package/lib/icon/close.js +426 -1
  49. package/lib/icon/code.js +426 -1
  50. package/lib/icon/cog-shape.js +426 -1
  51. package/lib/icon/collapse-left.js +426 -1
  52. package/lib/icon/copy.js +426 -1
  53. package/lib/icon/data-shape.js +426 -1
  54. package/lib/icon/del.js +426 -1
  55. package/lib/icon/doc-fill.js +426 -1
  56. package/lib/icon/done.js +426 -1
  57. package/lib/icon/down-shape.js +426 -1
  58. package/lib/icon/down-small.js +426 -1
  59. package/lib/icon/edit-line.js +426 -1
  60. package/lib/icon/ellipsis.js +426 -1
  61. package/lib/icon/enlarge-line.js +426 -1
  62. package/lib/icon/error.js +426 -1
  63. package/lib/icon/excel-fill.js +426 -1
  64. package/lib/icon/exclamation-circle-shape.js +426 -1
  65. package/lib/icon/eye.js +426 -1
  66. package/lib/icon/filliscreen-line.js +426 -1
  67. package/lib/icon/folder-open.js +426 -1
  68. package/lib/icon/folder-shape-open.js +426 -1
  69. package/lib/icon/folder-shape.js +426 -1
  70. package/lib/icon/folder.js +426 -1
  71. package/lib/icon/funnel.js +426 -1
  72. package/lib/icon/help-document-fill.js +426 -1
  73. package/lib/icon/help-fill.js +426 -1
  74. package/lib/icon/help.js +426 -1
  75. package/lib/icon/image-fill.js +426 -1
  76. package/lib/icon/img-placehoulder.js +448 -1
  77. package/lib/icon/index.js +2275 -1
  78. package/lib/icon/info-line.js +448 -1
  79. package/lib/icon/info.js +448 -1
  80. package/lib/icon/left-shape.js +448 -1
  81. package/lib/icon/left-turn-line.js +448 -1
  82. package/lib/icon/narrow-line.js +448 -1
  83. package/lib/icon/original.js +448 -1
  84. package/lib/icon/pdf-fill.js +448 -1
  85. package/lib/icon/play-shape.js +448 -1
  86. package/lib/icon/plus.js +448 -1
  87. package/lib/icon/ppt-fill.js +448 -1
  88. package/lib/icon/qq.js +448 -1
  89. package/lib/icon/right-shape.js +448 -1
  90. package/lib/icon/right-turn-line.js +448 -1
  91. package/lib/icon/search.js +448 -1
  92. package/lib/icon/share.js +448 -1
  93. package/lib/icon/spinner.js +448 -1
  94. package/lib/icon/success.js +448 -1
  95. package/lib/icon/switcher-loading.js +448 -1
  96. package/lib/icon/text-file.js +448 -1
  97. package/lib/icon/text-fill.js +448 -1
  98. package/lib/icon/transfer.js +448 -1
  99. package/lib/icon/tree-application-shape.js +448 -1
  100. package/lib/icon/unfull-screen.js +448 -1
  101. package/lib/icon/unvisible.js +448 -1
  102. package/lib/icon/up-shape.js +448 -1
  103. package/lib/icon/upload.js +448 -1
  104. package/lib/icon/video-fill.js +448 -1
  105. package/lib/icon/warn.js +448 -1
  106. package/lib/icon/weixin.js +448 -1
  107. package/lib/image/index.js +873 -1
  108. package/lib/index.js +169 -1
  109. package/lib/info-box/index.js +1784 -1
  110. package/lib/input/index.js +846 -1
  111. package/lib/link/index.js +226 -1
  112. package/lib/loading/index.js +309 -1
  113. package/lib/menu/index.js +796 -1
  114. package/lib/message/index.js +401 -1
  115. package/lib/modal/index.js +395 -1
  116. package/lib/navigation/index.js +431 -1
  117. package/lib/notify/index.js +430 -1
  118. package/lib/overflow-title/index.js +512 -1
  119. package/lib/pagination/index.js +1026 -1
  120. package/lib/plugin-popover/index.js +2448 -1
  121. package/lib/plugins/index.js +130 -1
  122. package/lib/popover/index.js +2454 -1
  123. package/lib/popover2/index.js +172 -1
  124. package/lib/preset.js +129 -1
  125. package/lib/process/index.js +1417 -1
  126. package/lib/progress/index.js +479 -1
  127. package/lib/radio/index.js +649 -1
  128. package/lib/rate/index.js +358 -1
  129. package/lib/resize-layout/index.js +495 -1
  130. package/lib/search-select/index.js +3388 -1
  131. package/lib/select/index.js +2819 -1
  132. package/lib/shared/index.js +2813 -1
  133. package/lib/sideslider/index.js +1362 -1
  134. package/lib/slider/index.js +2060 -1
  135. package/lib/steps/index.js +1504 -1
  136. package/lib/swiper/index.js +374 -1
  137. package/lib/switcher/index.js +308 -1
  138. package/lib/tab/index.js +919 -1
  139. package/lib/table/index.js +6635 -1
  140. package/lib/table-column/index.js +737 -1
  141. package/lib/tag/index.js +278 -1
  142. package/lib/tag-input/index.js +1897 -1
  143. package/lib/time-picker/index.js +142 -1
  144. package/lib/timeline/index.js +315 -1
  145. package/lib/transfer/index.js +658 -1
  146. package/lib/tree/index.js +2917 -1
  147. package/lib/upload/index.js +3735 -1
  148. package/lib/virtual-render/index.js +825 -1
  149. package/package.json +1 -1
  150. package/lib/directives/index.js.LICENSE.txt +0 -14
@@ -1 +1,431 @@
1
- !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],t);else{var i="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon")):t(e["../shared"],e.vue,e["../icon"]);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,((e,t,i)=>(()=>{"use strict";var o={6870:e=>{e.exports=i},4212:t=>{t.exports=e},748:e=>{e.exports=t}},a={};function r(e){var t=a[e];if(void 0!==t)return t.exports;var i=a[e]={exports:{}};return o[e](i,i.exports,r),i.exports}r.d=(e,t)=>{for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{r.r(n),r.d(n,{default:()=>d});var e=r(4212),t=r(748),i=r(6870),o={sideTitle:{type:String,default:""},navigationType:{type:String,default:"left-right"}};const a=(0,t.defineComponent)({props:o,slots:["side-icon"],setup:function(e,i){var o=i.slots;return function(){var i,a;return(0,t.createVNode)("div",{class:"bk-navigation-title",style:{borderBottomWidth:"left-right"===e.navigationType?"0":"1px"}},[(null===(i=o.default)||void 0===i?void 0:i.call(o))||[(0,t.createVNode)("span",{class:"title-icon"},[(null===(a=o["side-icon"])||void 0===a?void 0:a.call(o))||(0,t.createVNode)("i",{class:"bk-icon icon-rtx"},null)]),(0,t.createVNode)("span",{class:"title-desc"},[e.sideTitle])]])}}});var l={navWidth:{type:[Number,String],default:60},hoverWidth:{type:[Number,String],default:260},showSideNavTitle:{type:Boolean,default:!0},sideTitle:{type:String,default:""},headerTitle:{type:String,default:""},hoverLeaveDelay:{type:Number,default:0},hoverEnterDelay:{type:Number,default:100},defaultOpen:Boolean,headHeight:{type:[Number,String],default:52},navigationType:{type:String,default:"left-right",validator:function(e){return["top-bottom","left-right"].includes(e)}},needMenu:{type:Boolean,default:!0}};const s=(0,t.defineComponent)({name:"Navigation",props:l,emits:["leave","toggle","hover","toggle-click"],slots:["header","menu","footer","side-icon","side-header"],setup:function(e,i){var o=i.emit,a=(0,t.ref)(e.headerTitle),r=(0,t.reactive)({click:!1,hover:!1,delay:!1,timer:null,enterTimer:null});return e.defaultOpen&&(r.click=!r.click,r.hover=r.click,o("toggle",r.hover)),(0,t.onBeforeUnmount)((function(){r.timer&&window.clearTimeout(r.timer)})),{defaultHeaderTitle:a,nav:r,onBeforeUnmount:t.onBeforeUnmount,handleMouseOver:function(){r.click||(r.enterTimer=setTimeout((function(){r.hover=!0,r.enterTimer&&window.clearTimeout(r.enterTimer),r.timer&&window.clearTimeout(r.timer),o("hover",r.hover),o("toggle",r.hover)}),e.hoverEnterDelay))},handleMouseLeave:function(){r.click||(r.enterTimer&&window.clearTimeout(r.enterTimer),r.timer=setTimeout((function(){r.hover=!1,window.clearTimeout(r.timer),o("leave",r.hover),o("toggle",r.hover)}),e.hoverLeaveDelay))},handleClick:function(){r.click=!r.click,r.hover=r.click,o("toggle",r.hover),o("toggle-click",r.hover)}}},render:function(){var e,o,r,n,l,s,d,c,h,v,u,p;return(0,t.createVNode)("div",{class:"bk-navigation"},["top-bottom"===this.navigationType&&(0,t.createVNode)("div",{class:"bk-navigation-header",style:{flexBasis:"".concat(this.headHeight,"px")}},[(0,t.createVNode)(a,{sideTitle:this.sideTitle},{default:this.$slots["side-header"],"side-icon":this.$slots["side-header"]?void 0:this.$slots["side-icon"]}),(0,t.createVNode)("div",{class:"header-right"},[null===(o=(e=this.$slots).header)||void 0===o?void 0:o.call(e)])]),(0,t.createVNode)("div",{class:"bk-navigation-wrapper"},[this.needMenu&&(0,t.createVNode)("div",{class:"navigation-nav",style:{width:this.nav.click?"".concat(this.hoverWidth,"px"):"".concat(this.navWidth,"px")}},[(0,t.createVNode)("div",{class:"nav-slider",onMouseenter:this.handleMouseOver,onMouseleave:this.handleMouseLeave,style:{width:this.nav.hover?"".concat(this.hoverWidth,"px"):"".concat(this.navWidth,"px"),borderRight:"top-bottom"!==this.navigationType?"none":"1px solid #DCDEE5"}},["top-bottom"!==this.navigationType&&this.showSideNavTitle&&(0,t.createVNode)(a,{style:{flexBasis:"".concat(this.headHeight,"px")},sideTitle:this.sideTitle},{default:this.$slots["side-header"],"side-icon":this.$slots["side-header"]?void 0:this.$slots["side-icon"]}),(0,t.createVNode)("div",{class:"nav-slider-list",style:{height:"calc(100vh - ".concat(+this.headHeight+56,"px)")}},[null===(n=(r=this.$slots).menu)||void 0===n?void 0:n.call(r)]),(0,t.createVNode)("div",{class:"nav-slider-footer"},[(0,t.createVNode)("div",{class:{"is-left":"top-bottom"!==this.navigationType,"footer-icon":!0},onClick:this.handleClick},[(0,t.createVNode)(i.CollapseLeft,{class:"footer-icon-svg",style:{transform:this.nav.click?"rotate(180deg)":"rotate(0deg)"}},null)])])])]),(0,t.createVNode)("div",{class:"navigation-container",style:{maxWidth:this.needMenu?"calc(100vw - 60px)":"100vw"}},["top-bottom"!==this.navigationType&&(0,t.createVNode)("div",{class:"container-header",style:{flexBasis:"".concat(this.headHeight,"px")}},[(null===(s=(l=this.$slots).header)||void 0===s?void 0:s.call(l))||[(0,t.createVNode)("div",{class:"container-header-title"},[this.headerTitle]),(0,t.createVNode)("div",{class:"container-header-sets"},[null===(c=(d=this.$slots)["header-set"])||void 0===c?void 0:c.call(d)])]]),(0,t.createVNode)("div",{class:"container-content",style:{maxHeight:"calc(100vh - ".concat(this.headHeight,"px)")}},[null===(v=(h=this.$slots).default)||void 0===v?void 0:v.call(h),(0,t.createVNode)("div",{class:"container-footer"},[null===(p=(u=this.$slots).footer)||void 0===p?void 0:p.call(u)])])])])])}}),d=(0,e.withInstall)(s)})(),n})()));
1
+ (function webpackUniversalModuleDefinition(root, factory) {
2
+ if(typeof exports === 'object' && typeof module === 'object')
3
+ module.exports = factory(require("../shared"), require("vue"), require("../icon"));
4
+ else if(typeof define === 'function' && define.amd)
5
+ define(["../shared", "vue", "../icon"], factory);
6
+ else {
7
+ var a = typeof exports === 'object' ? factory(require("../shared"), require("vue"), require("../icon")) : factory(root["../shared"], root["vue"], root["../icon"]);
8
+ for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
9
+ }
10
+ })(self, (__WEBPACK_EXTERNAL_MODULE__4212__, __WEBPACK_EXTERNAL_MODULE__748__, __WEBPACK_EXTERNAL_MODULE__6870__) => {
11
+ return /******/ (() => { // webpackBootstrap
12
+ /******/ "use strict";
13
+ /******/ var __webpack_modules__ = ({
14
+
15
+ /***/ 6870:
16
+ /***/ ((module) => {
17
+
18
+ module.exports = __WEBPACK_EXTERNAL_MODULE__6870__;
19
+
20
+ /***/ }),
21
+
22
+ /***/ 4212:
23
+ /***/ ((module) => {
24
+
25
+ module.exports = __WEBPACK_EXTERNAL_MODULE__4212__;
26
+
27
+ /***/ }),
28
+
29
+ /***/ 748:
30
+ /***/ ((module) => {
31
+
32
+ module.exports = __WEBPACK_EXTERNAL_MODULE__748__;
33
+
34
+ /***/ })
35
+
36
+ /******/ });
37
+ /************************************************************************/
38
+ /******/ // The module cache
39
+ /******/ var __webpack_module_cache__ = {};
40
+ /******/
41
+ /******/ // The require function
42
+ /******/ function __webpack_require__(moduleId) {
43
+ /******/ // Check if module is in cache
44
+ /******/ var cachedModule = __webpack_module_cache__[moduleId];
45
+ /******/ if (cachedModule !== undefined) {
46
+ /******/ return cachedModule.exports;
47
+ /******/ }
48
+ /******/ // Create a new module (and put it into the cache)
49
+ /******/ var module = __webpack_module_cache__[moduleId] = {
50
+ /******/ // no module.id needed
51
+ /******/ // no module.loaded needed
52
+ /******/ exports: {}
53
+ /******/ };
54
+ /******/
55
+ /******/ // Execute the module function
56
+ /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
57
+ /******/
58
+ /******/ // Return the exports of the module
59
+ /******/ return module.exports;
60
+ /******/ }
61
+ /******/
62
+ /************************************************************************/
63
+ /******/ /* webpack/runtime/define property getters */
64
+ /******/ (() => {
65
+ /******/ // define getter functions for harmony exports
66
+ /******/ __webpack_require__.d = (exports, definition) => {
67
+ /******/ for(var key in definition) {
68
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
69
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
70
+ /******/ }
71
+ /******/ }
72
+ /******/ };
73
+ /******/ })();
74
+ /******/
75
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
76
+ /******/ (() => {
77
+ /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
78
+ /******/ })();
79
+ /******/
80
+ /******/ /* webpack/runtime/make namespace object */
81
+ /******/ (() => {
82
+ /******/ // define __esModule on exports
83
+ /******/ __webpack_require__.r = (exports) => {
84
+ /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
85
+ /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
86
+ /******/ }
87
+ /******/ Object.defineProperty(exports, '__esModule', { value: true });
88
+ /******/ };
89
+ /******/ })();
90
+ /******/
91
+ /************************************************************************/
92
+ var __webpack_exports__ = {};
93
+ // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
94
+ (() => {
95
+ // ESM COMPAT FLAG
96
+ __webpack_require__.r(__webpack_exports__);
97
+
98
+ // EXPORTS
99
+ __webpack_require__.d(__webpack_exports__, {
100
+ "default": () => (/* binding */ src)
101
+ });
102
+
103
+ // EXTERNAL MODULE: external "../shared"
104
+ var external_shared_ = __webpack_require__(4212);
105
+ // EXTERNAL MODULE: external "vue"
106
+ var external_vue_ = __webpack_require__(748);
107
+ // EXTERNAL MODULE: external "../icon"
108
+ var external_icon_ = __webpack_require__(6870);
109
+ ;// CONCATENATED MODULE: ../../packages/navigation/src/navigation-title.tsx
110
+
111
+
112
+ /*
113
+ * Tencent is pleased to support the open source community by making
114
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
115
+ *
116
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company. All rights reserved.
117
+ *
118
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
119
+ *
120
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
121
+ *
122
+ * ---------------------------------------------------
123
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
124
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
125
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
126
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
127
+ *
128
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
129
+ * the Software.
130
+ *
131
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
132
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
133
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
134
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
135
+ * IN THE SOFTWARE.
136
+ */
137
+
138
+ var TitleProps = {
139
+ sideTitle: {
140
+ type: String,
141
+ "default": ''
142
+ },
143
+ navigationType: {
144
+ type: String,
145
+ "default": 'left-right'
146
+ }
147
+ };
148
+ /* harmony default export */ const navigation_title = ((0,external_vue_.defineComponent)({
149
+ props: TitleProps,
150
+ slots: ['side-icon'],
151
+ setup: function setup(props, _ref) {
152
+ var slots = _ref.slots;
153
+ return function () {
154
+ var _a, _b;
155
+
156
+ return (0,external_vue_.createVNode)("div", {
157
+ "class": "bk-navigation-title",
158
+ "style": {
159
+ borderBottomWidth: props.navigationType === 'left-right' ? '0' : '1px'
160
+ }
161
+ }, [((_a = slots["default"]) === null || _a === void 0 ? void 0 : _a.call(slots)) || [(0,external_vue_.createVNode)("span", {
162
+ "class": "title-icon"
163
+ }, [((_b = slots['side-icon']) === null || _b === void 0 ? void 0 : _b.call(slots)) || (0,external_vue_.createVNode)("i", {
164
+ "class": "bk-icon icon-rtx"
165
+ }, null)]), (0,external_vue_.createVNode)("span", {
166
+ "class": "title-desc"
167
+ }, [props.sideTitle])]]);
168
+ };
169
+ }
170
+ }));
171
+ ;// CONCATENATED MODULE: ../../packages/navigation/src/navigation.tsx
172
+
173
+
174
+ /*
175
+ * Tencent is pleased to support the open source community by making
176
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
177
+ *
178
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company. All rights reserved.
179
+ *
180
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
181
+ *
182
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
183
+ *
184
+ * ---------------------------------------------------
185
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
186
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
187
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
188
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
189
+ *
190
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
191
+ * the Software.
192
+ *
193
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
194
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
195
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
196
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
197
+ * IN THE SOFTWARE.
198
+ */
199
+
200
+
201
+
202
+ var NavigationProps = {
203
+ navWidth: {
204
+ type: [Number, String],
205
+ "default": 60
206
+ },
207
+ hoverWidth: {
208
+ type: [Number, String],
209
+ "default": 260
210
+ },
211
+ showSideNavTitle: {
212
+ type: Boolean,
213
+ "default": true
214
+ },
215
+ sideTitle: {
216
+ type: String,
217
+ "default": ''
218
+ },
219
+ headerTitle: {
220
+ type: String,
221
+ "default": ''
222
+ },
223
+ hoverLeaveDelay: {
224
+ type: Number,
225
+ "default": 0
226
+ },
227
+ hoverEnterDelay: {
228
+ type: Number,
229
+ "default": 100
230
+ },
231
+ defaultOpen: Boolean,
232
+ headHeight: {
233
+ type: [Number, String],
234
+ "default": 52
235
+ },
236
+ navigationType: {
237
+ type: String,
238
+ "default": 'left-right',
239
+ validator: function validator(v) {
240
+ return ['top-bottom', 'left-right'].includes(v);
241
+ }
242
+ },
243
+ needMenu: {
244
+ type: Boolean,
245
+ "default": true
246
+ }
247
+ };
248
+ /* harmony default export */ const navigation = ((0,external_vue_.defineComponent)({
249
+ name: 'Navigation',
250
+ props: NavigationProps,
251
+ emits: ['leave', 'toggle', 'hover', 'toggle-click'],
252
+ slots: ['header', 'menu', 'footer', 'side-icon', 'side-header'],
253
+ setup: function setup(props, _ref) {
254
+ var emit = _ref.emit;
255
+ var defaultHeaderTitle = (0,external_vue_.ref)(props.headerTitle);
256
+ var nav = (0,external_vue_.reactive)({
257
+ click: false,
258
+ hover: false,
259
+ delay: false,
260
+ timer: null,
261
+ enterTimer: null
262
+ });
263
+
264
+ if (props.defaultOpen) {
265
+ nav.click = !nav.click;
266
+ nav.hover = nav.click;
267
+ emit('toggle', nav.hover);
268
+ }
269
+
270
+ (0,external_vue_.onBeforeUnmount)(function () {
271
+ nav.timer && window.clearTimeout(nav.timer);
272
+ });
273
+
274
+ var handleMouseOver = function handleMouseOver() {
275
+ if (!nav.click) {
276
+ nav.enterTimer = setTimeout(function () {
277
+ nav.hover = true;
278
+ nav.enterTimer && window.clearTimeout(nav.enterTimer);
279
+ nav.timer && window.clearTimeout(nav.timer);
280
+ emit('hover', nav.hover);
281
+ emit('toggle', nav.hover);
282
+ }, props.hoverEnterDelay);
283
+ }
284
+ };
285
+
286
+ var handleMouseLeave = function handleMouseLeave() {
287
+ if (!nav.click) {
288
+ nav.enterTimer && window.clearTimeout(nav.enterTimer);
289
+ nav.timer = setTimeout(function () {
290
+ nav.hover = false;
291
+ window.clearTimeout(nav.timer);
292
+ emit('leave', nav.hover);
293
+ emit('toggle', nav.hover);
294
+ }, props.hoverLeaveDelay);
295
+ }
296
+ };
297
+
298
+ var handleClick = function handleClick() {
299
+ nav.click = !nav.click;
300
+ nav.hover = nav.click;
301
+ emit('toggle', nav.hover);
302
+ emit('toggle-click', nav.hover);
303
+ };
304
+
305
+ return {
306
+ defaultHeaderTitle: defaultHeaderTitle,
307
+ nav: nav,
308
+ onBeforeUnmount: external_vue_.onBeforeUnmount,
309
+ handleMouseOver: handleMouseOver,
310
+ handleMouseLeave: handleMouseLeave,
311
+ handleClick: handleClick
312
+ };
313
+ },
314
+ render: function render() {
315
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
316
+
317
+ return (0,external_vue_.createVNode)("div", {
318
+ "class": "bk-navigation"
319
+ }, [this.navigationType === 'top-bottom' && (0,external_vue_.createVNode)("div", {
320
+ "class": "bk-navigation-header",
321
+ "style": {
322
+ flexBasis: "".concat(this.headHeight, "px")
323
+ }
324
+ }, [(0,external_vue_.createVNode)(navigation_title, {
325
+ "sideTitle": this.sideTitle
326
+ }, {
327
+ "default": this.$slots['side-header'],
328
+ 'side-icon': !this.$slots['side-header'] ? this.$slots['side-icon'] : undefined
329
+ }), (0,external_vue_.createVNode)("div", {
330
+ "class": "header-right"
331
+ }, [(_b = (_a = this.$slots).header) === null || _b === void 0 ? void 0 : _b.call(_a)])]), (0,external_vue_.createVNode)("div", {
332
+ "class": "bk-navigation-wrapper"
333
+ }, [this.needMenu && (0,external_vue_.createVNode)("div", {
334
+ "class": "navigation-nav",
335
+ "style": {
336
+ width: !this.nav.click ? "".concat(this.navWidth, "px") : "".concat(this.hoverWidth, "px")
337
+ }
338
+ }, [(0,external_vue_.createVNode)("div", {
339
+ "class": "nav-slider",
340
+ "onMouseenter": this.handleMouseOver,
341
+ "onMouseleave": this.handleMouseLeave,
342
+ "style": {
343
+ width: !this.nav.hover ? "".concat(this.navWidth, "px") : "".concat(this.hoverWidth, "px"),
344
+ borderRight: this.navigationType !== 'top-bottom' ? 'none' : '1px solid #DCDEE5'
345
+ }
346
+ }, [this.navigationType !== 'top-bottom' && this.showSideNavTitle && (0,external_vue_.createVNode)(navigation_title, {
347
+ "style": {
348
+ flexBasis: "".concat(this.headHeight, "px")
349
+ },
350
+ "sideTitle": this.sideTitle
351
+ }, {
352
+ "default": this.$slots['side-header'],
353
+ 'side-icon': !this.$slots['side-header'] ? this.$slots['side-icon'] : undefined
354
+ }), (0,external_vue_.createVNode)("div", {
355
+ "class": "nav-slider-list",
356
+ "style": {
357
+ height: "calc(100vh - ".concat(+this.headHeight + 56, "px)")
358
+ }
359
+ }, [(_d = (_c = this.$slots).menu) === null || _d === void 0 ? void 0 : _d.call(_c)]), (0,external_vue_.createVNode)("div", {
360
+ "class": "nav-slider-footer"
361
+ }, [(0,external_vue_.createVNode)("div", {
362
+ "class": {
363
+ 'is-left': this.navigationType !== 'top-bottom',
364
+ 'footer-icon': true
365
+ },
366
+ "onClick": this.handleClick
367
+ }, [(0,external_vue_.createVNode)(external_icon_.CollapseLeft, {
368
+ "class": "footer-icon-svg",
369
+ "style": {
370
+ transform: this.nav.click ? 'rotate(180deg)' : 'rotate(0deg)'
371
+ }
372
+ }, null)])])])]), (0,external_vue_.createVNode)("div", {
373
+ "class": "navigation-container",
374
+ "style": {
375
+ maxWidth: this.needMenu ? 'calc(100vw - 60px)' : '100vw'
376
+ }
377
+ }, [this.navigationType !== 'top-bottom' && (0,external_vue_.createVNode)("div", {
378
+ "class": "container-header",
379
+ "style": {
380
+ flexBasis: "".concat(this.headHeight, "px")
381
+ }
382
+ }, [((_f = (_e = this.$slots).header) === null || _f === void 0 ? void 0 : _f.call(_e)) || [(0,external_vue_.createVNode)("div", {
383
+ "class": "container-header-title"
384
+ }, [this.headerTitle]), (0,external_vue_.createVNode)("div", {
385
+ "class": "container-header-sets"
386
+ }, [(_h = (_g = this.$slots)['header-set']) === null || _h === void 0 ? void 0 : _h.call(_g)])]]), (0,external_vue_.createVNode)("div", {
387
+ "class": "container-content",
388
+ "style": {
389
+ maxHeight: "calc(100vh - ".concat(this.headHeight, "px)")
390
+ }
391
+ }, [(_k = (_j = this.$slots)["default"]) === null || _k === void 0 ? void 0 : _k.call(_j), (0,external_vue_.createVNode)("div", {
392
+ "class": "container-footer"
393
+ }, [(_m = (_l = this.$slots).footer) === null || _m === void 0 ? void 0 : _m.call(_l)])])])])]);
394
+ }
395
+ }));
396
+ ;// CONCATENATED MODULE: ../../packages/navigation/src/index.ts
397
+ /*
398
+ * Tencent is pleased to support the open source community by making
399
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
400
+ *
401
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company. All rights reserved.
402
+ *
403
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
404
+ *
405
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
406
+ *
407
+ * ---------------------------------------------------
408
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
409
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
410
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
411
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
412
+ *
413
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
414
+ * the Software.
415
+ *
416
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
417
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
418
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
419
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
420
+ * IN THE SOFTWARE.
421
+ */
422
+
423
+
424
+ var Navigation = (0,external_shared_.withInstall)(navigation);
425
+ /* harmony default export */ const src = (Navigation);
426
+ })();
427
+
428
+ /******/ return __webpack_exports__;
429
+ /******/ })()
430
+ ;
431
+ });