@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/col/props.mjs

@@ -1,5 +1,5 @@
-import { defineListenerProp } from '../utils/components.mjs';
-export var props = {
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
   span: {
     type: [String, Number],
     default: 24
@@ -10,7 +10,7 @@ export var props = {
   },
   direction: {
     type: String,
-    default: 'row'
+    default: "row"
   },
   justify: String,
   align: String,
@@ -20,4 +20,7 @@ export var props = {
   lg: [Object, Number, String],
   xl: [Object, Number, String],
   onClick: defineListenerProp()
-};
+};
+export {
+  props
+};

package/es/col/provide.mjs

@@ -1,14 +1,13 @@
-import { useParent } from '@varlet/use';
-import { ROW_BIND_COL_KEY } from '../row/provide.mjs';
-export function useRow() {
-  var {
-    parentProvider,
-    index,
-    bindParent
-  } = useParent(ROW_BIND_COL_KEY);
+import { useParent } from "@varlet/use";
+import { ROW_BIND_COL_KEY } from "../row/provide.mjs";
+function useRow() {
+  const { parentProvider, index, bindParent } = useParent(ROW_BIND_COL_KEY);
   return {
     index,
     row: parentProvider,
     bindRow: bindParent
   };
-}
+}
+export {
+  useRow
+};

package/es/collapse/Collapse.mjs

@@ -1,111 +1,105 @@
-import { computed, defineComponent, nextTick, watch } from 'vue';
-import { useCollapseItem } from './provide.mjs';
-import { props } from './props.mjs';
-import { call, createNamespace } from '../utils/components.mjs';
-import { isArray } from '@varlet/shared';
-var {
-  name,
-  n
-} = createNamespace('collapse');
+import { computed, defineComponent, nextTick, watch } from "vue";
+import { useCollapseItem } from "./provide.mjs";
+import { props } from "./props.mjs";
+import { call, createNamespace } from "../utils/components.mjs";
+import { isArray } from "@varlet/shared";
+const { name, n } = createNamespace("collapse");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.n())
-  }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.n())
+    },
+    [
+      _renderSlot(_ctx.$slots, "default")
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   props,
-  setup(props) {
-    var active = computed(() => props.modelValue);
-    var offset = computed(() => props.offset);
-    var divider = computed(() => props.divider);
-    var elevation = computed(() => props.elevation);
-    var {
-      length,
-      collapseItem,
-      bindCollapseItem
-    } = useCollapseItem();
-    var collapseProvider = {
+  setup(props2) {
+    const active = computed(() => props2.modelValue);
+    const offset = computed(() => props2.offset);
+    const divider = computed(() => props2.divider);
+    const elevation = computed(() => props2.elevation);
+    const { length, collapseItem, bindCollapseItem } = useCollapseItem();
+    const collapseProvider = {
       active,
       offset,
       divider,
       elevation,
       updateItem
     };
-    watch(() => length.value, () => nextTick().then(resize));
-    watch(() => props.modelValue, () => nextTick().then(resize));
+    watch(
+      () => length.value,
+      () => nextTick().then(resize)
+    );
+    watch(
+      () => props2.modelValue,
+      () => nextTick().then(resize)
+    );
     bindCollapseItem(collapseProvider);
     function checkValue() {
-      if (!props.accordion && !isArray(props.modelValue)) {
+      if (!props2.accordion && !isArray(props2.modelValue)) {
         console.error('[Varlet] Collapse: type of prop "modelValue" should be an Array');
         return false;
       }
-      if (props.accordion && isArray(props.modelValue)) {
+      if (props2.accordion && isArray(props2.modelValue)) {
         console.error('[Varlet] Collapse: type of prop "modelValue" should be a String or Number');
         return false;
       }
       return true;
     }
     function getValue(value, isExpand) {
-      if (!checkValue()) return null;
-      if (isExpand) return props.accordion ? value : [...props.modelValue, value];
-      return props.accordion ? null : props.modelValue.filter(name => name !== value);
+      if (!checkValue())
+        return null;
+      if (isExpand)
+        return props2.accordion ? value : [...props2.modelValue, value];
+      return props2.accordion ? null : props2.modelValue.filter((name2) => name2 !== value);
     }
     function updateItem(value, isExpand) {
-      var modelValue = getValue(value, isExpand);
-      call(props['onUpdate:modelValue'], modelValue);
-      call(props.onChange, modelValue);
+      const modelValue = getValue(value, isExpand);
+      call(props2["onUpdate:modelValue"], modelValue);
+      call(props2.onChange, modelValue);
     }
     function matchName() {
-      if (props.accordion) {
-        return collapseItem.find(_ref => {
-          var {
-            name
-          } = _ref;
-          return props.modelValue === name.value;
-        });
+      if (props2.accordion) {
+        return collapseItem.find(({ name: name2 }) => props2.modelValue === name2.value);
       }
-      var filterItem = collapseItem.filter(_ref2 => {
-        var {
-          name
-        } = _ref2;
-        if (name.value === undefined) return false;
-        return props.modelValue.includes(name.value);
+      const filterItem = collapseItem.filter(({ name: name2 }) => {
+        if (name2.value === void 0)
+          return false;
+        return props2.modelValue.includes(name2.value);
       });
-      return filterItem.length ? filterItem : undefined;
+      return filterItem.length ? filterItem : void 0;
     }
     function matchIndex() {
-      if (props.accordion) {
-        return collapseItem.find(_ref3 => {
-          var {
-            index,
-            name
-          } = _ref3;
-          return name.value === undefined && props.modelValue === index.value;
-        });
+      if (props2.accordion) {
+        return collapseItem.find(
+          ({ index, name: name2 }) => name2.value === void 0 && props2.modelValue === index.value
+        );
       }
-      return collapseItem.filter(_ref4 => {
-        var {
-          index,
-          name
-        } = _ref4;
-        return name.value === undefined && props.modelValue.includes(index.value);
-      });
+      return collapseItem.filter(
+        ({ index, name: name2 }) => name2.value === void 0 && props2.modelValue.includes(index.value)
+      );
     }
     function resize() {
-      if (!checkValue()) return;
-      var matchProviders = matchName() || matchIndex();
-      if (props.accordion && !matchProviders || !props.accordion && !matchProviders.length) {
-        collapseItem.forEach(provider => {
-          provider.init(props.accordion, false);
+      if (!checkValue())
+        return;
+      const matchProviders = matchName() || matchIndex();
+      if (props2.accordion && !matchProviders || !props2.accordion && !matchProviders.length) {
+        collapseItem.forEach((provider) => {
+          provider.init(props2.accordion, false);
         });
         return;
       }
-      collapseItem.forEach(provider => {
-        var isShow = props.accordion ? matchProviders === provider : matchProviders.includes(provider);
-        provider.init(props.accordion, isShow);
+      collapseItem.forEach((provider) => {
+        const isShow = props2.accordion ? matchProviders === provider : matchProviders.includes(provider);
+        provider.init(props2.accordion, isShow);
       });
     }
     return {
@@ -115,4 +109,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/collapse/index.mjs

@@ -1,6 +1,11 @@
-import Collapse from './Collapse.mjs';
-import { withInstall } from '../utils/components.mjs';
+import Collapse from "./Collapse.mjs";
+import { withInstall } from "../utils/components.mjs";
 withInstall(Collapse);
-export { props as collapseProps } from './props.mjs';
-export var _CollapseComponent = Collapse;
-export default Collapse;
+import { props } from "./props.mjs";
+const _CollapseComponent = Collapse;
+var stdin_default = Collapse;
+export {
+  _CollapseComponent,
+  props as collapseProps,
+  stdin_default as default
+};

package/es/collapse/props.mjs

@@ -1,5 +1,5 @@
-import { defineListenerProp } from '../utils/components.mjs';
-export var props = {
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
   modelValue: [Array, String, Number],
   accordion: Boolean,
   offset: {
@@ -15,5 +15,8 @@ export var props = {
     default: true
   },
   onChange: defineListenerProp(),
-  'onUpdate:modelValue': defineListenerProp()
-};
+  "onUpdate:modelValue": defineListenerProp()
+};
+export {
+  props
+};

package/es/collapse/provide.mjs

@@ -1,14 +1,16 @@
-import { useChildren } from '@varlet/use';
-export var COLLAPSE_BIND_COLLAPSE_ITEM_KEY = Symbol('COLLAPSE_BIND_COLLAPSE_ITEM_KEY');
-export function useCollapseItem() {
-  var {
-    childProviders,
-    length,
-    bindChildren
-  } = useChildren(COLLAPSE_BIND_COLLAPSE_ITEM_KEY);
+import { useChildren } from "@varlet/use";
+const COLLAPSE_BIND_COLLAPSE_ITEM_KEY = Symbol("COLLAPSE_BIND_COLLAPSE_ITEM_KEY");
+function useCollapseItem() {
+  const { childProviders, length, bindChildren } = useChildren(
+    COLLAPSE_BIND_COLLAPSE_ITEM_KEY
+  );
   return {
     length,
     collapseItem: childProviders,
     bindCollapseItem: bindChildren
   };
-}
+}
+export {
+  COLLAPSE_BIND_COLLAPSE_ITEM_KEY,
+  useCollapseItem
+};

package/es/collapse-item/CollapseItem.mjs

@@ -1,107 +1,172 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-import VarIcon from '../icon/index.mjs';
-import { defineComponent, ref, watch, computed } from 'vue';
-import { isArray, doubleRaf, raf } from '@varlet/shared';
-import { createNamespace, formatElevation } from '../utils/components.mjs';
-import { useCollapse } from './provide.mjs';
-import { props } from './props.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('collapse-item');
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import VarIcon from "../icon/index.mjs";
+import { defineComponent, ref, watch, computed } from "vue";
+import { isArray, doubleRaf, raf } from "@varlet/shared";
+import { createNamespace, formatElevation } from "../utils/components.mjs";
+import { useCollapse } from "./provide.mjs";
+import { props } from "./props.mjs";
+const { name, n, classes } = createNamespace("collapse-item");
 import { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {
-  var _component_var_icon = _resolveComponent("var-icon");
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.offset && _ctx.isShow, _ctx.n('--active')], [_ctx.disabled, _ctx.n('--disable')])),
-    style: _normalizeStyle("--collapse-divider-top: " + (_ctx.divider ? 'var(--collapse-border-top)' : 'none'))
-  }, [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n('shadow'), _ctx.formatElevation(_ctx.elevation, 2)))
-  }, null, 2 /* CLASS */), _createElementVNode("div", {
-    class: _normalizeClass(_ctx.n('header')),
-    onClick: _cache[0] || (_cache[0] = $event => _ctx.toggle())
-  }, [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.n('header-title'))
-  }, [_renderSlot(_ctx.$slots, "title", {}, () => [_createTextVNode(_toDisplayString(_ctx.title), 1 /* TEXT */)])], 2 /* CLASS */), _createElementVNode("div", {
-    class: _normalizeClass(_ctx.n('header-icon'))
-  }, [_renderSlot(_ctx.$slots, "icon", {}, () => [_createVNode(_component_var_icon, {
-    name: _ctx.icon,
-    transition: 250,
-    class: _normalizeClass(_ctx.classes(_ctx.n('header-icon'), [_ctx.isShow && _ctx.icon === 'chevron-down', _ctx.n('header-open')], [_ctx.disabled, _ctx.n('header--disable')]))
-  }, null, 8 /* PROPS */, ["name", "class"])])], 2 /* CLASS */)], 2 /* CLASS */), _withDirectives(_createElementVNode("div", {
-    class: _normalizeClass(_ctx.n('content')),
-    ref: "contentEl",
-    onTransitionend: _cache[1] || (_cache[1] = function () {
-      return _ctx.transitionend && _ctx.transitionend(...arguments);
-    }),
-    onTransitionstart: _cache[2] || (_cache[2] = function () {
-      return _ctx.start && _ctx.start(...arguments);
-    })
-  }, [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.n('content-wrap'))
-  }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 34 /* CLASS, HYDRATE_EVENTS */), [[_vShow, _ctx.showContent]])], 6 /* CLASS, STYLE */);
+  const _component_var_icon = _resolveComponent("var-icon");
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.offset && _ctx.isShow, _ctx.n("--active")], [_ctx.disabled, _ctx.n("--disable")])),
+      style: _normalizeStyle(`--collapse-divider-top: ${_ctx.divider ? "var(--collapse-border-top)" : "none"}`)
+    },
+    [
+      _createElementVNode(
+        "div",
+        {
+          class: _normalizeClass(_ctx.classes(_ctx.n("shadow"), _ctx.formatElevation(_ctx.elevation, 2)))
+        },
+        null,
+        2
+        /* CLASS */
+      ),
+      _createElementVNode(
+        "div",
+        {
+          class: _normalizeClass(_ctx.n("header")),
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.toggle())
+        },
+        [
+          _createElementVNode(
+            "div",
+            {
+              class: _normalizeClass(_ctx.n("header-title"))
+            },
+            [
+              _renderSlot(_ctx.$slots, "title", {}, () => [
+                _createTextVNode(
+                  _toDisplayString(_ctx.title),
+                  1
+                  /* TEXT */
+                )
+              ])
+            ],
+            2
+            /* CLASS */
+          ),
+          _createElementVNode(
+            "div",
+            {
+              class: _normalizeClass(_ctx.n("header-icon"))
+            },
+            [
+              _renderSlot(_ctx.$slots, "icon", {}, () => [
+                _createVNode(_component_var_icon, {
+                  name: _ctx.icon,
+                  transition: 250,
+                  class: _normalizeClass(
+                    _ctx.classes(
+                      _ctx.n("header-icon"),
+                      [_ctx.isShow && _ctx.icon === "chevron-down", _ctx.n("header-open")],
+                      [_ctx.disabled, _ctx.n("header--disable")]
+                    )
+                  )
+                }, null, 8, ["name", "class"])
+              ])
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      ),
+      _withDirectives(_createElementVNode(
+        "div",
+        {
+          class: _normalizeClass(_ctx.n("content")),
+          ref: "contentEl",
+          onTransitionend: _cache[1] || (_cache[1] = (...args) => _ctx.transitionend && _ctx.transitionend(...args)),
+          onTransitionstart: _cache[2] || (_cache[2] = (...args) => _ctx.start && _ctx.start(...args))
+        },
+        [
+          _createElementVNode(
+            "div",
+            {
+              class: _normalizeClass(_ctx.n("content-wrap"))
+            },
+            [
+              _renderSlot(_ctx.$slots, "default")
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        34
+        /* CLASS, HYDRATE_EVENTS */
+      ), [
+        [_vShow, _ctx.showContent]
+      ])
+    ],
+    6
+    /* CLASS, STYLE */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   components: {
     VarIcon
   },
   props,
-  setup(props) {
-    var isShow = ref(false);
-    var showContent = ref(false);
-    var contentEl = ref(null);
-    var name = computed(() => props.name);
-    var {
+  setup(props2) {
+    const isShow = ref(false);
+    const showContent = ref(false);
+    const contentEl = ref(null);
+    const name2 = computed(() => props2.name);
+    const { index, collapse, bindCollapse } = useCollapse();
+    const { active, offset, divider, elevation, updateItem } = collapse;
+    const collapseItemProvider = {
       index,
-      collapse,
-      bindCollapse
-    } = useCollapse();
-    var {
-      active,
-      offset,
-      divider,
-      elevation,
-      updateItem
-    } = collapse;
-    var collapseItemProvider = {
-      index,
-      name,
+      name: name2,
       init
     };
-
-    // ensure to trigger transitionend
-    var isInitToTrigger = true;
-    watch(isShow, value => {
+    let isInitToTrigger = true;
+    watch(isShow, (value) => {
       value ? openPanel() : closePanel();
     });
     bindCollapse(collapseItemProvider);
     function openPanel() {
-      return _openPanel.apply(this, arguments);
-    }
-    function _openPanel() {
-      _openPanel = _asyncToGenerator(function* () {
+      return __async(this, null, function* () {
         if (!contentEl.value) {
           return;
         }
-        contentEl.value.style.height = '';
+        contentEl.value.style.height = "";
         showContent.value = true;
         yield raf();
         if (!contentEl.value) {
           return;
         }
-        var {
-          offsetHeight
-        } = contentEl.value;
-        contentEl.value.style.height = 0 + 'px';
+        const { offsetHeight } = contentEl.value;
+        contentEl.value.style.height = "0px";
         yield raf();
         if (!contentEl.value) {
           return;
         }
-        contentEl.value.style.height = offsetHeight + 'px';
+        contentEl.value.style.height = offsetHeight + "px";
         if (!isInitToTrigger) {
           return;
         }
@@ -110,34 +175,29 @@ var __sfc__ = defineComponent({
           transitionend();
         }
       });
-      return _openPanel.apply(this, arguments);
     }
     function closePanel() {
-      return _closePanel.apply(this, arguments);
-    }
-    function _closePanel() {
-      _closePanel = _asyncToGenerator(function* () {
+      return __async(this, null, function* () {
         if (!contentEl.value) {
           return;
         }
-        var {
-          offsetHeight
-        } = contentEl.value;
-        contentEl.value.style.height = offsetHeight + 'px';
+        const { offsetHeight } = contentEl.value;
+        contentEl.value.style.height = offsetHeight + "px";
         yield raf();
-        contentEl.value.style.height = 0 + 'px';
+        contentEl.value.style.height = "0px";
       });
-      return _closePanel.apply(this, arguments);
     }
     function init(accordion, show) {
-      if (active.value === undefined || accordion && isArray(active.value) || show === isShow.value) return;
+      if (active.value === void 0 || accordion && isArray(active.value) || show === isShow.value)
+        return;
       isShow.value = show;
       toggle(true);
     }
     function toggle(initOrAccordion) {
-      if (props.disabled) return;
+      if (props2.disabled)
+        return;
       if (!initOrAccordion) {
-        updateItem(props.name || index.value, !isShow.value);
+        updateItem(props2.name || index.value, !isShow.value);
       }
     }
     function start() {
@@ -147,7 +207,7 @@ var __sfc__ = defineComponent({
       if (!isShow.value) {
         showContent.value = false;
       }
-      contentEl.value.style.height = '';
+      contentEl.value.style.height = "";
     }
     return {
       isShow,
@@ -166,4 +226,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/collapse-item/index.mjs

@@ -1,6 +1,11 @@
-import CollapseItem from './CollapseItem.mjs';
-import { withInstall } from '../utils/components.mjs';
+import CollapseItem from "./CollapseItem.mjs";
+import { withInstall } from "../utils/components.mjs";
 withInstall(CollapseItem);
-export { props as collapseItemProps } from './props.mjs';
-export var _CollapseItemComponent = CollapseItem;
-export default CollapseItem;
+import { props } from "./props.mjs";
+const _CollapseItemComponent = CollapseItem;
+var stdin_default = CollapseItem;
+export {
+  _CollapseItemComponent,
+  props as collapseItemProps,
+  stdin_default as default
+};

package/es/collapse-item/props.mjs

@@ -1,9 +1,12 @@
-export var props = {
+const props = {
   name: [String, Number],
   title: String,
   icon: {
     type: String,
-    default: 'chevron-down'
+    default: "chevron-down"
   },
   disabled: Boolean
-};
+};
+export {
+  props
+};