bkui-vue 0.0.2-beta.75 → 0.0.2-beta.77

package/lib/collapse/index.js

@@ -1,518 +1 @@
-import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
-import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE__collapse_transition_cbd5c828__ from "../collapse-transition";
-import * as __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__ from "../icon";
-/******/ // 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__, {
-  AP: () => (/* reexport */ collapse_panel),
-  UO: () => (/* reexport */ collapse),
-  ZP: () => (/* 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, ["renderDirectiveType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.renderDirectiveType, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstallProps });
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArray.js
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
-
-
-
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-;// 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({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["renderSlot"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.renderSlot, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
-;// 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 "../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 "../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 = __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__;
-;// CONCATENATED MODULE: ../../packages/collapse/src/props.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 propsCollapse = {
-  /**
-   * 渲染列表
-   * 对象数组或者字符串数组，字符串数组默认会增加 name 字段，值为传入的字符串值
-   */
-  list: external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.any).def([]),
-  /**
-   * ID字段
-   */
-  idFiled: external_shared_namespaceObject.PropTypes.string.def('$index'),
-  /**
-   * Title 字段
-   */
-  titleField: external_shared_namespaceObject.PropTypes.string.def('name'),
-  /**
-   * Content 字段，默认渲染内容，不配置时自动读取 content 字段
-   * 自定义配置slot时可以忽略
-   */
-  contentField: external_shared_namespaceObject.PropTypes.string.def('content'),
-  /**
-   * 当前激活Index
-   */
-  modelValue: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.number).def([]), external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.string).def([]), external_shared_namespaceObject.PropTypes.number.def(-1)]),
-  /**
-   * 是否使用手风琴效果
-   */
-  accordion: external_shared_namespaceObject.PropTypes.bool.def(false),
-  /**
-   * 是否使用带线条样式
-   */
-  hasHeaderBorder: external_shared_namespaceObject.PropTypes.bool.def(false),
-  /**
-   * 是否使用Hover效果
-   */
-  hasHeaderHover: external_shared_namespaceObject.PropTypes.bool.def(true),
-  /**
-   * 自定义图标
-   */
-  headerIcon: external_shared_namespaceObject.PropTypes.string.def(''),
-  /**
-   * 是否使用卡片样式
-   */
-  useCardTheme: external_shared_namespaceObject.PropTypes.bool.def(false),
-  /**
-   * 图标位置
-   */
-  headerIconAlign: external_shared_namespaceObject.PropTypes.string.def('left')
-};
-var CollapsePanelEventProps = {
-  itemClick: {
-    type: Function
-  }
-};
-var propsCollapsePanel = Object.assign({
-  name: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.string]).def(''),
-  title: external_shared_namespaceObject.PropTypes.any,
-  content: external_shared_namespaceObject.PropTypes.string,
-  disabled: external_shared_namespaceObject.PropTypes.bool.def(false),
-  isFormList: external_shared_namespaceObject.PropTypes.bool.def(false),
-  renderDirective: (0,external_shared_namespaceObject.renderDirectiveType)(),
-  modelValue: external_shared_namespaceObject.PropTypes.bool.def(false),
-  alone: external_shared_namespaceObject.PropTypes.bool.def(false),
-  icon: external_shared_namespaceObject.PropTypes.string.def('angle-right')
-}, CollapsePanelEventProps);
-;// CONCATENATED MODULE: ../../packages/collapse/src/collapse-panel.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.
- */
-
-
-
-
-
-function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
-}
-/* harmony default export */ const collapse_panel = ((0,external_vue_namespaceObject.defineComponent)({
-  name: 'CollapsePanel',
-  props: propsCollapsePanel,
-  emits: ['change', 'update:modelValue', 'after-leave', 'before-enter'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit,
-      slots = _ref.slots;
-    var localActiveItems = null;
-    var handleItemClick = null;
-    var isActive = (0,external_vue_namespaceObject.ref)(props.modelValue);
-    (0,external_vue_namespaceObject.watch)(function () {
-      return props.modelValue;
-    }, function (newVal) {
-      isActive.value = newVal;
-    });
-    // 如果单独使用，避免报 injection "*" not found. 相比getCurrentInstance()?.parent.type.name 方法简洁
-    if (!props.alone) {
-      localActiveItems = (0,external_vue_namespaceObject.inject)('localActiveItems');
-      handleItemClick = (0,external_vue_namespaceObject.inject)('handleItemClick');
-      (0,external_vue_namespaceObject.watch)(localActiveItems, function (newVal) {
-        if (newVal === null || newVal === void 0 ? void 0 : newVal.length) {
-          isActive.value = newVal.includes(props.name);
-        }
-      }, {
-        immediate: true
-      });
-    }
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
-    function toCamelCase(str) {
-      var words = str.split('-');
-      var camelCaseWords = words.map(function (word) {
-        return word.charAt(0).toUpperCase() + word.slice(1);
-      });
-      return camelCaseWords.join('');
-    }
-    function clickItem() {
-      var disabled = props.disabled,
-        name = props.name,
-        itemClick = props.itemClick;
-      if (disabled) return;
-      var data = {
-        name: name
-      };
-      isActive.value = !isActive.value;
-      emit('update:modelValue', isActive.value);
-      emit('change', data);
-      if (typeof itemClick === 'function') {
-        itemClick(data);
-      } else if (typeof handleItemClick === 'function') {
-        handleItemClick({
-          name: name
-        });
-      }
-    }
-    function getContent() {
-      if (props.content) {
-        return props.content;
-      }
-      if (typeof slots.content === 'function') {
-        return slots.content(external_vue_namespaceObject.h);
-      }
-      return slots.content;
-    }
-    function renderPanel() {
-      if (props.renderDirective === 'if' && !isActive.value) {
-        return '';
-      }
-      return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "".concat(resolveClassName('collapse-content'), " ").concat(isActive.value && 'active' || '')
-      }, [getContent()]), [[external_vue_namespaceObject.vShow, isActive.value]]);
-    }
-    function renderHeader(icon) {
-      if (slots.header) {
-        if (typeof slots.header === 'function') {
-          return slots.header(external_vue_namespaceObject.h);
-        }
-        return slots.header;
-      }
-      var title;
-      if (slots["default"]) {
-        if (typeof slots["default"] === 'function') {
-          title = slots["default"](external_vue_namespaceObject.h);
-        } else {
-          title = slots["default"];
-        }
-      } else {
-        title = props.title;
-      }
-      return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "".concat(resolveClassName('collapse-header'))
-      }, [(0,external_vue_namespaceObject.createVNode)("span", {
-        "class": "".concat(resolveClassName('collapse-title'))
-      }, [title]), icon])]);
-    }
-    return {
-      isActive: isActive,
-      collapseIcon: external_icon_namespaceObject["".concat(toCamelCase(props.icon))],
-      clickItem: clickItem,
-      renderPanel: renderPanel,
-      renderHeader: renderHeader,
-      resolveClassName: resolveClassName
-    };
-  },
-  render: function render() {
-    var _slot;
-    var _this = this;
-    return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "".concat(this.resolveClassName('collapse-item'), " ").concat(this.disabled ? 'is-disabled' : '', " ").concat(this.isActive ? "".concat(this.resolveClassName('collapse-item-active')) : '')
-    }, [(0,external_vue_namespaceObject.createVNode)("div", {
-      "onClick": function onClick() {
-        return _this.clickItem();
-      }
-    }, [this.renderHeader((0,external_vue_namespaceObject.createVNode)(this.collapseIcon, {
-      "class": "".concat(this.resolveClassName('collapse-icon'), " ").concat(this.isActive && 'rotate-icon' || '')
-    }, null))]), (0,external_vue_namespaceObject.createVNode)(external_collapse_transition_namespaceObject["default"], null, _isSlot(_slot = this.renderPanel()) ? _slot : {
-      "default": function _default() {
-        return [_slot];
-      }
-    })]);
-  }
-}));
-;// CONCATENATED MODULE: ../../packages/collapse/src/collapse.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 collapse = ((0,external_vue_namespaceObject.defineComponent)({
-  name: 'Collapse',
-  props: propsCollapse,
-  emits: ['item-click', 'update:modelValue', 'after-leave', 'before-enter'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit,
-      slots = _ref.slots;
-    var localActiveItems = (0,external_vue_namespaceObject.ref)([]);
-    // 以保证当前的设置生效
-    (0,external_vue_namespaceObject.watch)(function () {
-      return [props.modelValue];
-    }, function () {
-      var value = props.modelValue;
-      if (Array.isArray(value)) {
-        localActiveItems.value = _toConsumableArray(value);
-      } else if (typeof value !== 'undefined') {
-        localActiveItems.value = [value];
-      } else {
-        localActiveItems.value = [];
-      }
-    }, {
-      immediate: true
-    });
-    var handleItemClick = function handleItemClick(item) {
-      // 手风琴模式，只有一个Active，移除一个新增一个
-      var name = item.name;
-      if (props.accordion) {
-        var activeItemIndex = localActiveItems.value.findIndex(function (local) {
-          return local === name;
-        });
-        if (activeItemIndex >= 0) {
-          localActiveItems.value.splice(activeItemIndex, 1);
-        } else {
-          localActiveItems.value = [name];
-        }
-      } else {
-        var _activeItemIndex = localActiveItems.value.findIndex(function (local) {
-          return local === name;
-        });
-        if (_activeItemIndex >= 0) {
-          localActiveItems.value.splice(_activeItemIndex, 1);
-        } else {
-          localActiveItems.value.push(name);
-        }
-      }
-      emit('item-click', item);
-      emit('update:modelValue', localActiveItems.value);
-    };
-    (0,external_vue_namespaceObject.provide)('localActiveItems', localActiveItems);
-    (0,external_vue_namespaceObject.provide)('handleItemClick', handleItemClick);
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
-    var className = resolveClassName('collapse-wrapper');
-    // 线条样式
-    if (props.hasHeaderBorder) {
-      className += " ".concat(resolveClassName('collapse-header-border'));
-    }
-    // hover效果
-    if (props.hasHeaderHover) {
-      className += " ".concat(resolveClassName('collapse-header-hover'));
-    }
-    // 卡片样式
-    if (props.useCardTheme) {
-      className += " ".concat(resolveClassName('collapse-card'));
-    }
-    // 图标位置
-    if (props.headerIconAlign === 'left') {
-      className += " ".concat(resolveClassName('collapse-icon-left'));
-    } else {
-      className += " ".concat(resolveClassName('collapse-icon-right'));
-    }
-    if (!Array.isArray(props.list) || !props.list.length) {
-      return function () {
-        return (0,external_vue_namespaceObject.createVNode)('div', {
-          "class": className
-        }, [(0,external_vue_namespaceObject.renderSlot)(slots, 'default', {
-          props: {
-            isList: true
-          }
-        })]);
-      };
-    }
-    // 统一格式化传入数据格式为标准渲染格式
-    var collapseData = (0,external_vue_namespaceObject.computed)(function () {
-      return (props.list || []).map(function (item, index) {
-        if (typeof item === 'string' || typeof item === 'number' || typeof item === 'boolean') {
-          return {
-            $index: index,
-            name: item
-          };
-        }
-        return Object.assign({
-          $index: index
-        }, item);
-      });
-    });
-    // 判定当前Item是否为激活状态
-    var renderItems = function renderItems() {
-      return collapseData.value.map(function (item, index) {
-        var _a, _b, _c;
-        var name = item[props.idFiled] || index;
-        var title = item[props.titleField];
-        var icon = props.headerIcon || 'angle-right';
-        if (slots.title) {
-          if (typeof slots.title === 'function') {
-            title = slots.title(item, index);
-          } else {
-            title = slots.title;
-          }
-        }
-        if (slots["default"]) {
-          title = (_a = slots["default"]) === null || _a === void 0 ? void 0 : _a.call(slots, item, index);
-        }
-        return (0,external_vue_namespaceObject.createVNode)(collapse_panel, {
-          "key": index,
-          "item-click": handleItemClick,
-          "disabled": item.disabled,
-          "name": name,
-          "icon": icon,
-          "isFormList": true,
-          "title": title,
-          "content": (_c = (_b = slots.content) === null || _b === void 0 ? void 0 : _b.call(slots, item, index)) !== null && _c !== void 0 ? _c : item[props.contentField]
-        }, null);
-      });
-    };
-    return function () {
-      return (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": className
-      }, [renderItems()]);
-    };
-  }
-}));
-;// CONCATENATED MODULE: ../../packages/collapse/src/index.ts
-
-
-
-var BkCollapse = (0,external_shared_namespaceObject.withInstallProps)(collapse, {
-  CollapsePanel: collapse_panel
-});
-
-/* harmony default export */ const src = (BkCollapse);
-var __webpack_exports__BkCollapsePanel = __webpack_exports__.AP;
-var __webpack_exports__Collapse = __webpack_exports__.UO;
-var __webpack_exports__default = __webpack_exports__.ZP;
-export { __webpack_exports__BkCollapsePanel as BkCollapsePanel, __webpack_exports__Collapse as Collapse, __webpack_exports__default as default };
+import*as e from"../shared";import*as t from"vue";import*as r from"../config-provider";import*as o from"../collapse-transition";import*as n from"../icon";var 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]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},i={};a.d(i,{AP:()=>P,UO:()=>b,ZP:()=>T});const l=(c={PropTypes:()=>e.PropTypes,renderDirectiveType:()=>e.renderDirectiveType,withInstallProps:()=>e.withInstallProps},s={},a.d(s,c),s);var c,s;function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}const p=(e=>{var t={};return a.d(t,e),t})({Fragment:()=>t.Fragment,computed:()=>t.computed,createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent,h:()=>t.h,inject:()=>t.inject,isVNode:()=>t.isVNode,provide:()=>t.provide,ref:()=>t.ref,renderSlot:()=>t.renderSlot,vShow:()=>t.vShow,watch:()=>t.watch,withDirectives:()=>t.withDirectives}),u=(e=>{var t={};return a.d(t,e),t})({usePrefix:()=>r.usePrefix}),f=(e=>{var t={};return a.d(t,e),t})({default:()=>o.default}),v=n;var m={list:l.PropTypes.arrayOf(l.PropTypes.any).def([]),idFiled:l.PropTypes.string.def("$index"),titleField:l.PropTypes.string.def("name"),contentField:l.PropTypes.string.def("content"),modelValue:l.PropTypes.oneOfType([l.PropTypes.arrayOf(l.PropTypes.number).def([]),l.PropTypes.arrayOf(l.PropTypes.string).def([]),l.PropTypes.number.def(-1)]),accordion:l.PropTypes.bool.def(!1),hasHeaderBorder:l.PropTypes.bool.def(!1),hasHeaderHover:l.PropTypes.bool.def(!0),headerIcon:l.PropTypes.string.def(""),useCardTheme:l.PropTypes.bool.def(!1),headerIconAlign:l.PropTypes.string.def("left")},y={itemClick:{type:Function}},h=Object.assign({name:l.PropTypes.oneOfType([l.PropTypes.number,l.PropTypes.string]).def(""),title:l.PropTypes.any,content:l.PropTypes.string,disabled:l.PropTypes.bool.def(!1),isFormList:l.PropTypes.bool.def(!1),renderDirective:(0,l.renderDirectiveType)(),modelValue:l.PropTypes.bool.def(!1),alone:l.PropTypes.bool.def(!1),icon:l.PropTypes.string.def("angle-right")},y);const P=(0,p.defineComponent)({name:"CollapsePanel",props:h,emits:["change","update:modelValue","after-leave","before-enter"],setup:function(e,t){var r=t.emit,o=t.slots,n=null,a=null,i=(0,p.ref)(e.modelValue);(0,p.watch)((function(){return e.modelValue}),(function(e){i.value=e})),e.alone||(n=(0,p.inject)("localActiveItems"),a=(0,p.inject)("handleItemClick"),(0,p.watch)(n,(function(t){(null==t?void 0:t.length)&&(i.value=t.includes(e.name))}),{immediate:!0}));var l,c=(0,u.usePrefix)().resolveClassName;return{isActive:i,collapseIcon:v["".concat((l=e.icon,l.split("-").map((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})).join("")))],clickItem:function(){var t=e.disabled,o=e.name,n=e.itemClick;if(!t){var l={name:o};i.value=!i.value,r("update:modelValue",i.value),r("change",l),"function"==typeof n?n(l):"function"==typeof a&&a({name:o})}},renderPanel:function(){return"if"!==e.renderDirective||i.value?(0,p.withDirectives)((0,p.createVNode)("div",{class:"".concat(c("collapse-content")," ").concat(i.value?"active":"")},[e.content?e.content:"function"==typeof o.content?o.content(p.h):o.content]),[[p.vShow,i.value]]):""},renderHeader:function(t){return o.header?"function"==typeof o.header?o.header(p.h):o.header:(r=o.default?"function"==typeof o.default?o.default(p.h):o.default:e.title,(0,p.createVNode)(p.Fragment,null,[(0,p.createVNode)("div",{class:"".concat(c("collapse-header"))},[(0,p.createVNode)("span",{class:"".concat(c("collapse-title"))},[r]),t])]));var r},resolveClassName:c}},render:function(){var e,t,r=this;return(0,p.createVNode)("div",{class:"".concat(this.resolveClassName("collapse-item")," ").concat(this.disabled?"is-disabled":""," ").concat(this.isActive?"".concat(this.resolveClassName("collapse-item-active")):"")},[(0,p.createVNode)("div",{onClick:function(){return r.clickItem()}},[this.renderHeader((0,p.createVNode)(this.collapseIcon,{class:"".concat(this.resolveClassName("collapse-icon")," ").concat(this.isActive?"rotate-icon":"")},null))]),(0,p.createVNode)(f.default,null,(t=e=this.renderPanel(),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!(0,p.isVNode)(t)?e:{default:function(){return[e]}}))])}}),b=(0,p.defineComponent)({name:"Collapse",props:m,emits:["item-click","update:modelValue","after-leave","before-enter"],setup:function(e,t){var r=t.emit,o=t.slots,n=(0,p.ref)([]);(0,p.watch)((function(){return[e.modelValue]}),(function(){var t,r=e.modelValue;Array.isArray(r)?n.value=function(e){if(Array.isArray(e))return d(e)}(t=r)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(e,t):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}():n.value=void 0!==r?[r]:[]}),{immediate:!0});var a=function(t){var o=t.name;if(e.accordion){var a=n.value.findIndex((function(e){return e===o}));a>=0?n.value.splice(a,1):n.value=[o]}else{var i=n.value.findIndex((function(e){return e===o}));i>=0?n.value.splice(i,1):n.value.push(o)}r("item-click",t),r("update:modelValue",n.value)};(0,p.provide)("localActiveItems",n),(0,p.provide)("handleItemClick",a);var i=(0,u.usePrefix)().resolveClassName,l=i("collapse-wrapper");if(e.hasHeaderBorder&&(l+=" ".concat(i("collapse-header-border"))),e.hasHeaderHover&&(l+=" ".concat(i("collapse-header-hover"))),e.useCardTheme&&(l+=" ".concat(i("collapse-card"))),"left"===e.headerIconAlign?l+=" ".concat(i("collapse-icon-left")):l+=" ".concat(i("collapse-icon-right")),!Array.isArray(e.list)||!e.list.length)return function(){return(0,p.createVNode)("div",{class:l},[(0,p.renderSlot)(o,"default",{props:{isList:!0}})])};var c=(0,p.computed)((function(){return(e.list||[]).map((function(e,t){return"string"==typeof e||"number"==typeof e||"boolean"==typeof e?{$index:t,name:e}:Object.assign({$index:t},e)}))}));return function(){return(0,p.createVNode)("div",{class:l},[c.value.map((function(t,r){var n,i,l,c=t[e.idFiled]||r,s=t[e.titleField],d=e.headerIcon||"angle-right";return o.title&&(s="function"==typeof o.title?o.title(t,r):o.title),o.default&&(s=null===(n=o.default)||void 0===n?void 0:n.call(o,t,r)),(0,p.createVNode)(P,{key:r,"item-click":a,disabled:t.disabled,name:c,icon:d,isFormList:!0,title:s,content:null!==(l=null===(i=o.content)||void 0===i?void 0:i.call(o,t,r))&&void 0!==l?l:t[e.contentField]},null)}))])}}}),T=(0,l.withInstallProps)(b,{CollapsePanel:P});var g=i.AP,V=i.UO,C=i.ZP;export{g as BkCollapsePanel,V as Collapse,C as default};