@varlet/ui 1.23.4-alpha.4 → 1.23.4

package/lib/col/Col.js

@@ -1,68 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.render = render;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _shared = require("../utils/shared");
-
-var _props = require("./props");
-
-var _provide = require("./provide");
-
-var _elements = require("../utils/elements");
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
-    class: (0, _vue.normalizeClass)(["var-col var--box", [_ctx.span ? "var-col--span-" + _ctx.toNumber(_ctx.span) : null, _ctx.offset ? "var-col--offset-" + _ctx.toNumber(_ctx.offset) : null]]),
-    style: (0, _vue.normalizeStyle)({
-      paddingLeft: _ctx.toSizeUnit(_ctx.padding.left),
-      paddingRight: _ctx.toSizeUnit(_ctx.padding.right)
-    }),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 6
-  /* CLASS, STYLE */
-  );
-}
-
-var _default = (0, _vue.defineComponent)({
-  render,
-  name: 'VarCol',
-  props: _props.props,
-
-  setup(props) {
-    var padding = (0, _vue.ref)({
-      left: 0,
-      right: 0
-    });
-    var span = (0, _vue.computed)(() => (0, _shared.toNumber)(props.span));
-    var offset = (0, _vue.computed)(() => (0, _shared.toNumber)(props.offset));
-    var {
-      row,
-      bindRow
-    } = (0, _provide.useRow)();
-    var colProvider = {
-      span,
-      offset,
-
-      setPadding(pad) {
-        padding.value = pad;
-      }
-
-    };
-    (0, _vue.watch)([() => props.span, () => props.offset], () => {
-      row == null ? void 0 : row.computePadding();
-    });
-    bindRow == null ? void 0 : bindRow(colProvider);
-    return {
-      padding,
-      toNumber: _shared.toNumber,
-      toSizeUnit: _elements.toSizeUnit
-    };
-  }
-
-});
-
-exports.default = _default;

package/lib/col/col.css

@@ -1 +0,0 @@
-.var-col { transition: all 0.25s;}.var-col--span-1 { flex: 0 0 4.16666667%;}.var-col--offset-1 { margin-left: 4.16666667%;}.var-col--span-2 { flex: 0 0 8.33333333%;}.var-col--offset-2 { margin-left: 8.33333333%;}.var-col--span-3 { flex: 0 0 12.5%;}.var-col--offset-3 { margin-left: 12.5%;}.var-col--span-4 { flex: 0 0 16.66666667%;}.var-col--offset-4 { margin-left: 16.66666667%;}.var-col--span-5 { flex: 0 0 20.83333333%;}.var-col--offset-5 { margin-left: 20.83333333%;}.var-col--span-6 { flex: 0 0 25%;}.var-col--offset-6 { margin-left: 25%;}.var-col--span-7 { flex: 0 0 29.16666667%;}.var-col--offset-7 { margin-left: 29.16666667%;}.var-col--span-8 { flex: 0 0 33.33333333%;}.var-col--offset-8 { margin-left: 33.33333333%;}.var-col--span-9 { flex: 0 0 37.5%;}.var-col--offset-9 { margin-left: 37.5%;}.var-col--span-10 { flex: 0 0 41.66666667%;}.var-col--offset-10 { margin-left: 41.66666667%;}.var-col--span-11 { flex: 0 0 45.83333333%;}.var-col--offset-11 { margin-left: 45.83333333%;}.var-col--span-12 { flex: 0 0 50%;}.var-col--offset-12 { margin-left: 50%;}.var-col--span-13 { flex: 0 0 54.16666667%;}.var-col--offset-13 { margin-left: 54.16666667%;}.var-col--span-14 { flex: 0 0 58.33333333%;}.var-col--offset-14 { margin-left: 58.33333333%;}.var-col--span-15 { flex: 0 0 62.5%;}.var-col--offset-15 { margin-left: 62.5%;}.var-col--span-16 { flex: 0 0 66.66666667%;}.var-col--offset-16 { margin-left: 66.66666667%;}.var-col--span-17 { flex: 0 0 70.83333333%;}.var-col--offset-17 { margin-left: 70.83333333%;}.var-col--span-18 { flex: 0 0 75%;}.var-col--offset-18 { margin-left: 75%;}.var-col--span-19 { flex: 0 0 79.16666667%;}.var-col--offset-19 { margin-left: 79.16666667%;}.var-col--span-20 { flex: 0 0 83.33333333%;}.var-col--offset-20 { margin-left: 83.33333333%;}.var-col--span-21 { flex: 0 0 87.5%;}.var-col--offset-21 { margin-left: 87.5%;}.var-col--span-22 { flex: 0 0 91.66666667%;}.var-col--offset-22 { margin-left: 91.66666667%;}.var-col--span-23 { flex: 0 0 95.83333333%;}.var-col--offset-23 { margin-left: 95.83333333%;}.var-col--span-24 { flex: 0 0 100%;}.var-col--offset-24 { margin-left: 100%;}

package/lib/col/col.less

@@ -1,17 +0,0 @@
-.var-col {
-  transition: all 0.25s;
-}
-
-.create-col(@count, @i) when (@i =< @count) {
-  .var-col--span-@{i} {
-    flex: 0 0 @i * (100% / 24);
-  }
-
-  .var-col--offset-@{i} {
-    margin-left: @i * (100% / 24);
-  }
-
-  .create-col(@count, @i + 1);
-}
-
-.create-col(24, 1);

package/lib/col/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports._ColComponent = void 0;
-
-var _Col = _interopRequireDefault(require("./Col.js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_Col.default.install = function (app) {
-  app.component(_Col.default.name, _Col.default);
-};
-
-var _ColComponent = _Col.default;
-exports._ColComponent = _ColComponent;
-var _default = _Col.default;
-exports.default = _default;

package/lib/col/props.js

@@ -1,18 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.props = void 0;
-var props = {
-  span: {
-    type: [String, Number],
-    default: 24
-  },
-  offset: {
-    type: [String, Number],
-    default: 0
-  },
-  onClick: {
-    type: Function
-  }
-};
-exports.props = props;

package/lib/col/provide.js

@@ -1,28 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useRow = useRow;
-
-var _components = require("../utils/components");
-
-var _provide = require("../row/provide");
-
-function useRow() {
-  var {
-    parentProvider,
-    bindParent
-  } = (0, _components.useParent)(_provide.ROW_BIND_COL_KEY);
-  var {
-    index
-  } = (0, _components.useAtParentIndex)(_provide.ROW_COUNT_COL_KEY);
-
-  if (!parentProvider || !bindParent || !index) {
-    console.warn('col must in row');
-  }
-
-  return {
-    index,
-    row: parentProvider,
-    bindRow: bindParent
-  };
-}

package/lib/col/style/index.js

@@ -1,3 +0,0 @@
-require('../../styles/common.css')
-require('../col.css')
-require('../ColSfc.css')

package/lib/col/style/less.js

@@ -1,3 +0,0 @@
-require('../../styles/common.less')
-require('../col.less')
-require('../ColSfc.less')

package/lib/collapse/Collapse.js

@@ -1,126 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.render = render;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _provide = require("./provide");
-
-var _props = require("./props");
-
-var _shared = require("../utils/shared");
-
-var _withScopeId = n => ((0, _vue.pushScopeId)(""), n = n(), (0, _vue.popScopeId)(), n);
-
-var _hoisted_1 = {
-  class: "var-collapse"
-};
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_1, [(0, _vue.renderSlot)(_ctx.$slots, "default")]);
-}
-
-var _default = (0, _vue.defineComponent)({
-  render,
-  name: 'VarCollapse',
-  props: _props.props,
-
-  setup(props) {
-    var {
-      length,
-      collapseItem,
-      bindCollapseItem
-    } = (0, _provide.useCollapseItem)();
-    var active = (0, _vue.computed)(() => props.modelValue);
-    var offset = (0, _vue.computed)(() => props.offset);
-
-    var checkValue = () => {
-      if (!props.accordion && !(0, _shared.isArray)(props.modelValue)) {
-        console.error('[Varlet] Collapse: type of prop "modelValue" should be an Array');
-        return false;
-      }
-
-      if (props.accordion && (0, _shared.isArray)(props.modelValue)) {
-        console.error('[Varlet] Collapse: type of prop "modelValue" should be a String or Number');
-        return false;
-      }
-
-      return true;
-    };
-
-    var getValue = (value, isExpand) => {
-      if (!checkValue()) return;
-      if (isExpand) return props.accordion ? value : [...props.modelValue, value];
-      return props.accordion ? null : props.modelValue.filter(name => name !== value);
-    };
-
-    var updateItem = (value, isExpand) => {
-      var _props$onUpdateModel;
-
-      var modelValue = getValue(value, isExpand);
-      (_props$onUpdateModel = props['onUpdate:modelValue']) == null ? void 0 : _props$onUpdateModel.call(props, modelValue);
-      props.onChange == null ? void 0 : props.onChange(modelValue);
-    };
-
-    var matchName = () => {
-      if (props.accordion) {
-        return collapseItem.find(({
-          name
-        }) => props.modelValue === name.value);
-      }
-
-      var filterItem = collapseItem.filter(({
-        name
-      }) => {
-        if (name.value === undefined) return false;
-        return props.modelValue.includes(name.value);
-      });
-      return filterItem.length ? filterItem : undefined;
-    };
-
-    var matchIndex = () => {
-      if (props.accordion) {
-        return collapseItem.find(({
-          index,
-          name
-        }) => name.value === undefined ? props.modelValue === index.value : false);
-      }
-
-      return collapseItem.filter(({
-        index,
-        name
-      }) => name.value === undefined ? props.modelValue.includes(index.value) : false);
-    };
-
-    var resize = () => {
-      if (!checkValue()) return;
-      var matchProviders = matchName() || matchIndex();
-
-      if (props.accordion && !matchProviders || !props.accordion && !matchProviders.length) {
-        collapseItem.forEach(provider => {
-          provider.init(props.accordion, false);
-        });
-        return;
-      }
-
-      collapseItem.forEach(provider => {
-        var isShow = props.accordion ? matchProviders === provider : matchProviders.includes(provider);
-        provider.init(props.accordion, isShow);
-      });
-    };
-
-    var collapseProvider = {
-      active,
-      offset,
-      updateItem
-    };
-    bindCollapseItem(collapseProvider);
-    (0, _vue.watch)(() => length.value, () => (0, _vue.nextTick)().then(resize));
-    (0, _vue.watch)(() => props.modelValue, () => (0, _vue.nextTick)().then(resize));
-  }
-
-});
-
-exports.default = _default;

package/lib/collapse/CollapseSfc.css

@@ -1 +0,0 @@
-.var-collapse { position: relative;}

package/lib/collapse/CollapseSfc.less

@@ -1 +0,0 @@
-.var-collapse { position: relative;}

package/lib/collapse/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports._CollapseComponent = void 0;
-
-var _Collapse = _interopRequireDefault(require("./Collapse.js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_Collapse.default.install = function (app) {
-  app.component(_Collapse.default.name, _Collapse.default);
-};
-
-var _CollapseComponent = _Collapse.default;
-exports._CollapseComponent = _CollapseComponent;
-var _default = _Collapse.default;
-exports.default = _default;

package/lib/collapse/props.js

@@ -1,24 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.props = void 0;
-var props = {
-  modelValue: {
-    type: [Array, String, Number]
-  },
-  accordion: {
-    type: Boolean,
-    default: false
-  },
-  offset: {
-    type: Boolean,
-    default: true
-  },
-  onChange: {
-    type: Function
-  },
-  'onUpdate:modelValue': {
-    type: Function
-  }
-};
-exports.props = props;

package/lib/collapse/provide.js

@@ -1,27 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useCollapseItem = useCollapseItem;
-exports.COLLAPSE_COUNT_COLLAPSE_ITEM_KEY = exports.COLLAPSE_BIND_COLLAPSE_ITEM_KEY = void 0;
-
-var _components = require("../utils/components");
-
-var COLLAPSE_BIND_COLLAPSE_ITEM_KEY = Symbol('COLLAPSE_BIND_COLLAPSE_ITEM_KEY');
-exports.COLLAPSE_BIND_COLLAPSE_ITEM_KEY = COLLAPSE_BIND_COLLAPSE_ITEM_KEY;
-var COLLAPSE_COUNT_COLLAPSE_ITEM_KEY = Symbol('COLLAPSE_COUNT_COLLAPSE_ITEM_KEY');
-exports.COLLAPSE_COUNT_COLLAPSE_ITEM_KEY = COLLAPSE_COUNT_COLLAPSE_ITEM_KEY;
-
-function useCollapseItem() {
-  var {
-    bindChildren,
-    childProviders
-  } = (0, _components.useChildren)(COLLAPSE_BIND_COLLAPSE_ITEM_KEY);
-  var {
-    length
-  } = (0, _components.useAtChildrenCounter)(COLLAPSE_COUNT_COLLAPSE_ITEM_KEY);
-  return {
-    length,
-    collapseItem: childProviders,
-    bindCollapseItem: bindChildren
-  };
-}

package/lib/collapse/style/index.js

@@ -1,3 +0,0 @@
-require('../../styles/common.css')
-require('../../styles/elevation.css')
-require('../CollapseSfc.css')

package/lib/collapse/style/less.js

@@ -1,3 +0,0 @@
-require('../../styles/common.less')
-require('../../styles/elevation.less')
-require('../CollapseSfc.less')

package/lib/collapse-item/CollapseItem.js

@@ -1,155 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.render = render;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _elements = require("../utils/elements");
-
-var _shared = require("../utils/shared");
-
-var _provide = require("./provide");
-
-var _props = require("./props");
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _withScopeId = n => ((0, _vue.pushScopeId)(""), n = n(), (0, _vue.popScopeId)(), n);
-
-var _hoisted_1 = {
-  class: "var-collapse-item-header__title"
-};
-var _hoisted_2 = {
-  class: "var-collapse-item-header__icon"
-};
-var _hoisted_3 = {
-  class: "var-collapse-item__wrap"
-};
-
-function render(_ctx, _cache) {
-  var _component_var_icon = (0, _vue.resolveComponent)("var-icon");
-
-  return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
-    class: (0, _vue.normalizeClass)({
-      'var-collapse-item': true,
-      'var-collapse-item__active': _ctx.offset && _ctx.isShow,
-      'var-collapse-item__disable': _ctx.disabled
-    })
-  }, [(0, _vue.createElementVNode)("div", {
-    class: "var-collapse-item-header",
-    onClick: _cache[0] || (_cache[0] = $event => _ctx.toggle())
-  }, [(0, _vue.createElementVNode)("div", _hoisted_1, [(0, _vue.renderSlot)(_ctx.$slots, "title", {}, () => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.title), 1
-  /* TEXT */
-  )])]), (0, _vue.createElementVNode)("div", _hoisted_2, [(0, _vue.renderSlot)(_ctx.$slots, "icon", {}, () => [(0, _vue.createVNode)(_component_var_icon, {
-    name: _ctx.icon,
-    transition: 250,
-    class: (0, _vue.normalizeClass)({
-      'var-collapse-item-header__icon': true,
-      'var-collapse-item-header__open': _ctx.isShow && _ctx.icon === 'chevron-down',
-      'var-collapse-item-header__disable': _ctx.disabled
-    })
-  }, null, 8
-  /* PROPS */
-  , ["name", "class"])])])]), (0, _vue.withDirectives)((0, _vue.createElementVNode)("div", {
-    class: "var-collapse-item-content",
-    ref: "contentEl",
-    onTransitionend: _cache[1] || (_cache[1] = (...args) => _ctx.transitionend && _ctx.transitionend(...args))
-  }, [(0, _vue.createElementVNode)("div", _hoisted_3, [(0, _vue.renderSlot)(_ctx.$slots, "default")])], 544
-  /* HYDRATE_EVENTS, NEED_PATCH */
-  ), [[_vue.vShow, _ctx.show]])], 2
-  /* CLASS */
-  );
-}
-
-var _default = (0, _vue.defineComponent)({
-  render,
-  name: 'VarCollapseItem',
-  components: {
-    VarIcon: _icon.default
-  },
-  props: _props.props,
-
-  setup(props) {
-    var {
-      index,
-      collapse,
-      bindCollapse
-    } = (0, _provide.useCollapse)();
-    var contentEl = (0, _vue.ref)(null);
-    var show = (0, _vue.ref)(false);
-    var isShow = (0, _vue.ref)(false);
-    var {
-      active,
-      offset,
-      updateItem
-    } = collapse;
-    var name = (0, _vue.computed)(() => props.name);
-
-    var init = (accordion, show) => {
-      if (active.value === undefined || accordion && (0, _shared.isArray)(active.value) || show === isShow.value) return;
-      isShow.value = show;
-      toggle(true);
-    };
-
-    var toggle = initOrAccordion => {
-      if (props.disabled) return;
-
-      if (!initOrAccordion) {
-        updateItem(props.name || index.value, !isShow.value);
-      }
-    };
-
-    var openPanel = () => {
-      if (!contentEl.value) return;
-      contentEl.value.style.height = '';
-      show.value = true;
-      (0, _vue.nextTick)(() => {
-        var {
-          offsetHeight
-        } = contentEl.value;
-        contentEl.value.style.height = 0 + 'px';
-        (0, _elements.requestAnimationFrame)(() => {
-          ;
-          contentEl.value.style.height = offsetHeight + 'px';
-        });
-      });
-    };
-
-    var closePanel = () => {
-      if (!contentEl.value) return;
-      contentEl.value.style.height = 0 + 'px';
-    };
-
-    var transitionend = () => {
-      if (!isShow.value) {
-        show.value = false;
-        contentEl.value.style.height = '';
-      }
-    };
-
-    var collapseItemProvider = {
-      index,
-      name,
-      init
-    };
-    bindCollapse(collapseItemProvider);
-    (0, _vue.watch)(isShow, value => {
-      if (value) openPanel();else closePanel();
-    });
-    return {
-      show,
-      isShow,
-      offset,
-      toggle,
-      contentEl,
-      transitionend
-    };
-  }
-
-});
-
-exports.default = _default;

package/lib/collapse-item/collapseItem.css

@@ -1 +0,0 @@
-:root { --collapse-background: #fff; --collapse-text-color: #232222; --collapse-header-font-size: var(--font-size-lg); --collapse-header-padding: 10px 16px; --collapse-content-font-size: var(--font-size-md); --collapse-content-padding: 0 16px 10px; --collapse-item-margin-top: 16px; --collapse-disable-color: #bdbdbd; --collapse-border-top: thin solid rgba(0, 0, 0, 0.12);}.var-collapse-item { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; position: relative; margin-top: 0; background: var(--collapse-background); color: var(--collapse-text-color); transition: margin-top 0.25s, background-color 0.25s;}.var-collapse-item::before { bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; z-index: -1; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}.var-collapse-item:not(:first-child)::after { border-top: var(--collapse-border-top); content: ''; left: 0; position: absolute; right: 0; top: 0;}.var-collapse-item-header { align-items: center; display: flex; font-size: var(--collapse-header-font-size); outline: none; padding: var(--collapse-header-padding); justify-content: space-between; position: relative;}.var-collapse-item-header__title { transition: color 0.25s;}.var-collapse-item-header__icon { transform: rotate(0deg); opacity: 1;}.var-collapse-item-header__disable { opacity: 0;}.var-collapse-item-header__open { transform: rotate(-180deg);}.var-collapse-item-content { display: flex; font-size: var(--collapse-content-font-size); overflow: hidden; transition: all 0.25s;}.var-collapse-item__wrap { padding: var(--collapse-content-padding); word-break: break-all; flex: 1;}.var-collapse-item__active + .var-collapse-item,.var-collapse-item__active:not(:first-child) { margin-top: var(--collapse-item-margin-top);}.var-collapse-item__active + .var-collapse-item::after,.var-collapse-item__active:not(:first-child)::after { border-top: none;}.var-collapse-item__disable { color: var(--collapse-disable-color); cursor: not-allowed;}

package/lib/collapse-item/collapseItem.less

@@ -1,105 +0,0 @@
-@collapse-background: #fff;
-@collapse-text-color: #232222;
-@collapse-header-font-size: var(--font-size-lg);
-@collapse-header-padding: 10px 16px;
-@collapse-content-font-size: var(--font-size-md);
-@collapse-content-padding: 0 16px 10px;
-@collapse-item-margin-top: 16px;
-@collapse-disable-color: #bdbdbd;
-@collapse-border-top: thin solid rgba(0, 0, 0, 0.12);
-
-:root {
-  --collapse-background: @collapse-background;
-  --collapse-text-color: @collapse-text-color;
-  --collapse-header-font-size: @collapse-header-font-size;
-  --collapse-header-padding: @collapse-header-padding;
-  --collapse-content-font-size: @collapse-content-font-size;
-  --collapse-content-padding: @collapse-content-padding;
-  --collapse-item-margin-top: @collapse-item-margin-top;
-  --collapse-disable-color: @collapse-disable-color;
-  --collapse-border-top: @collapse-border-top;
-}
-
-.var-collapse-item {
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  box-sizing: border-box;
-  position: relative;
-  margin-top: 0;
-  background: var(--collapse-background);
-  color: var(--collapse-text-color);
-  transition: margin-top 0.25s, background-color 0.25s;
-
-  &::before {
-    bottom: 0;
-    content: '';
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-    z-index: -1;
-    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-  }
-
-  &:not(:first-child)::after {
-    border-top: var(--collapse-border-top);
-    content: '';
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-  }
-
-  &-header {
-    align-items: center;
-    display: flex;
-    font-size: var(--collapse-header-font-size);
-    outline: none;
-    padding: var(--collapse-header-padding);
-    justify-content: space-between;
-    position: relative;
-
-    &__title {
-      transition: color 0.25s;
-    }
-
-    &__icon {
-      transform: rotate(0deg);
-      opacity: 1;
-    }
-
-    &__disable {
-      opacity: 0;
-    }
-
-    &__open {
-      transform: rotate(-180deg);
-    }
-  }
-
-  &-content {
-    display: flex;
-    font-size: var(--collapse-content-font-size);
-    overflow: hidden;
-    transition: all 0.25s;
-  }
-
-  &__wrap {
-    padding: var(--collapse-content-padding);
-    word-break: break-all;
-    flex: 1;
-  }
-
-  &__active + &,
-  &__active:not(:first-child) {
-    margin-top: var(--collapse-item-margin-top);
-
-    &::after {
-      border-top: none;
-    }
-  }
-
-  &__disable {
-    color: var(--collapse-disable-color);
-    cursor: not-allowed;
-  }
-}

package/lib/collapse-item/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports._CollapseItemComponent = void 0;
-
-var _CollapseItem = _interopRequireDefault(require("./CollapseItem.js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_CollapseItem.default.install = function (app) {
-  app.component(_CollapseItem.default.name, _CollapseItem.default);
-};
-
-var _CollapseItemComponent = _CollapseItem.default;
-exports._CollapseItemComponent = _CollapseItemComponent;
-var _default = _CollapseItem.default;
-exports.default = _default;