@varlet/ui 2.16.7 → 2.16.8-alpha.1695227124357

package/es/checkbox-group/CheckboxGroup.mjs

@@ -1,53 +1,55 @@
-import VarFormDetails from '../form-details/index.mjs';
-import { defineComponent, computed, watch, nextTick } from 'vue';
-import { props } from './props.mjs';
-import { useValidation, createNamespace, call } from '../utils/components.mjs';
-import { useCheckboxes } from './provide.mjs';
-import { useForm } from '../form/provide.mjs';
-import { uniq } from '@varlet/shared';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('checkbox-group');
+import VarFormDetails from "../form-details/index.mjs";
+import { defineComponent, computed, watch, nextTick } from "vue";
+import { props } from "./props.mjs";
+import { useValidation, createNamespace, call } from "../utils/components.mjs";
+import { useCheckboxes } from "./provide.mjs";
+import { useForm } from "../form/provide.mjs";
+import { uniq } from "@varlet/shared";
+const { name, n, classes } = createNamespace("checkbox-group");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {
-  var _component_var_form_details = _resolveComponent("var-form-details");
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.n('wrap'))
-  }, [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("--" + _ctx.direction)))
-  }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _createVNode(_component_var_form_details, {
-    "error-message": _ctx.errorMessage
-  }, null, 8 /* PROPS */, ["error-message"])], 2 /* CLASS */);
+  const _component_var_form_details = _resolveComponent("var-form-details");
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.n("wrap"))
+    },
+    [
+      _createElementVNode(
+        "div",
+        {
+          class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n(`--${_ctx.direction}`)))
+        },
+        [
+          _renderSlot(_ctx.$slots, "default")
+        ],
+        2
+        /* CLASS */
+      ),
+      _createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
-  components: {
-    VarFormDetails
-  },
+  components: { VarFormDetails },
   props,
-  setup(props) {
-    var max = computed(() => props.max);
-    var checkedCount = computed(() => props.modelValue.length);
-    var {
-      length,
-      checkboxes,
-      bindCheckboxes
-    } = useCheckboxes();
-    var {
-      bindForm
-    } = useForm();
-    var {
+  setup(props2) {
+    const max = computed(() => props2.max);
+    const checkedCount = computed(() => props2.modelValue.length);
+    const { length, checkboxes, bindCheckboxes } = useCheckboxes();
+    const { bindForm } = useForm();
+    const {
       errorMessage,
       validateWithTrigger: vt,
       validate: v,
       // expose
       resetValidation
     } = useValidation();
-    var checkboxGroupErrorMessage = computed(() => errorMessage.value);
-    var checkboxGroupProvider = {
+    const checkboxGroupErrorMessage = computed(() => errorMessage.value);
+    const checkboxGroupProvider = {
       max,
       checkedCount,
       onChecked,
@@ -57,98 +59,60 @@ var __sfc__ = defineComponent({
       reset,
       errorMessage: checkboxGroupErrorMessage
     };
-    watch(() => props.modelValue, syncCheckboxes, {
-      deep: true
-    });
+    watch(() => props2.modelValue, syncCheckboxes, { deep: true });
     watch(() => length.value, syncCheckboxes);
     bindCheckboxes(checkboxGroupProvider);
     call(bindForm, checkboxGroupProvider);
     function validateWithTrigger(trigger) {
       nextTick(() => {
-        var {
-          validateTrigger,
-          rules,
-          modelValue
-        } = props;
+        const { validateTrigger, rules, modelValue } = props2;
         vt(validateTrigger, trigger, rules, modelValue);
       });
     }
     function change(changedModelValue) {
-      call(props['onUpdate:modelValue'], changedModelValue);
-      call(props.onChange, changedModelValue);
-      validateWithTrigger('onChange');
+      call(props2["onUpdate:modelValue"], changedModelValue);
+      call(props2.onChange, changedModelValue);
+      validateWithTrigger("onChange");
     }
     function onChecked(changedValue) {
-      var {
-        modelValue
-      } = props;
+      const { modelValue } = props2;
       if (!modelValue.includes(changedValue)) {
         change([...modelValue, changedValue]);
       }
     }
     function onUnchecked(changedValue) {
-      var {
-        modelValue
-      } = props;
+      const { modelValue } = props2;
       if (!modelValue.includes(changedValue)) {
         return;
       }
-      change(modelValue.filter(value => value !== changedValue));
+      change(modelValue.filter((value) => value !== changedValue));
     }
     function syncCheckboxes() {
-      return checkboxes.forEach(_ref => {
-        var {
-          sync
-        } = _ref;
-        return sync(props.modelValue);
-      });
+      return checkboxes.forEach(({ sync }) => sync(props2.modelValue));
     }
     function resetWithAnimation() {
-      checkboxes.forEach(checkbox => checkbox.resetWithAnimation());
+      checkboxes.forEach((checkbox) => checkbox.resetWithAnimation());
     }
-
-    // expose
     function checkAll() {
-      var checkedValues = checkboxes.map(_ref2 => {
-        var {
-          checkedValue
-        } = _ref2;
-        return checkedValue.value;
-      });
-      var changedModelValue = uniq(checkedValues);
+      const checkedValues = checkboxes.map(({ checkedValue }) => checkedValue.value);
+      const changedModelValue = uniq(checkedValues);
       resetWithAnimation();
-      call(props['onUpdate:modelValue'], changedModelValue);
+      call(props2["onUpdate:modelValue"], changedModelValue);
       return changedModelValue;
     }
-
-    // expose
     function inverseAll() {
-      var checkedValues = checkboxes.filter(_ref3 => {
-        var {
-          checked
-        } = _ref3;
-        return !checked.value;
-      }).map(_ref4 => {
-        var {
-          checkedValue
-        } = _ref4;
-        return checkedValue.value;
-      });
-      var changedModelValue = uniq(checkedValues);
+      const checkedValues = checkboxes.filter(({ checked }) => !checked.value).map(({ checkedValue }) => checkedValue.value);
+      const changedModelValue = uniq(checkedValues);
       resetWithAnimation();
-      call(props['onUpdate:modelValue'], changedModelValue);
+      call(props2["onUpdate:modelValue"], changedModelValue);
       return changedModelValue;
     }
-
-    // expose
     function reset() {
-      call(props['onUpdate:modelValue'], []);
+      call(props2["onUpdate:modelValue"], []);
       resetValidation();
     }
-
-    // expose
     function validate() {
-      return v(props.rules, props.modelValue);
+      return v(props2.rules, props2.modelValue);
     }
     return {
       errorMessage,
@@ -163,4 +127,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/checkbox-group/index.mjs

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

package/es/checkbox-group/props.mjs

@@ -1,5 +1,5 @@
-import { defineListenerProp } from '../utils/components.mjs';
-export var props = {
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
   modelValue: {
     type: Array,
     default: () => []
@@ -7,13 +7,16 @@ export var props = {
   max: [String, Number],
   direction: {
     type: String,
-    default: 'horizontal'
+    default: "horizontal"
   },
   validateTrigger: {
     type: Array,
-    default: () => ['onChange']
+    default: () => ["onChange"]
   },
   rules: Array,
   onChange: defineListenerProp(),
-  'onUpdate:modelValue': defineListenerProp()
-};
+  "onUpdate:modelValue": defineListenerProp()
+};
+export {
+  props
+};

package/es/checkbox-group/provide.mjs

@@ -1,14 +1,16 @@
-import { useChildren } from '@varlet/use';
-export var CHECKBOX_GROUP_BIND_CHECKBOX_KEY = Symbol('CHECKBOX_GROUP_BIND_CHECKBOX_KEY');
-export function useCheckboxes() {
-  var {
-    bindChildren,
-    childProviders,
-    length
-  } = useChildren(CHECKBOX_GROUP_BIND_CHECKBOX_KEY);
+import { useChildren } from "@varlet/use";
+const CHECKBOX_GROUP_BIND_CHECKBOX_KEY = Symbol("CHECKBOX_GROUP_BIND_CHECKBOX_KEY");
+function useCheckboxes() {
+  const { bindChildren, childProviders, length } = useChildren(
+    CHECKBOX_GROUP_BIND_CHECKBOX_KEY
+  );
   return {
     length,
     checkboxes: childProviders,
     bindCheckboxes: bindChildren
   };
-}
+}
+export {
+  CHECKBOX_GROUP_BIND_CHECKBOX_KEY,
+  useCheckboxes
+};

package/es/chip/Chip.mjs

@@ -1,50 +1,69 @@
-import VarIcon from '../icon/index.mjs';
-import { defineComponent, computed } from 'vue';
-import { props } from './props.mjs';
-import { call, createNamespace } from '../utils/components.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('chip');
+import VarIcon from "../icon/index.mjs";
+import { defineComponent, computed } from "vue";
+import { props } from "./props.mjs";
+import { call, createNamespace } from "../utils/components.mjs";
+const { name, n, classes } = createNamespace("chip");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, mergeProps as _mergeProps, Transition as _Transition, withCtx as _withCtx, createBlock as _createBlock } from "vue";
 function __render__(_ctx, _cache) {
-  var _component_var_icon = _resolveComponent("var-icon");
+  const _component_var_icon = _resolveComponent("var-icon");
   return _openBlock(), _createBlock(_Transition, {
-    name: _ctx.n('$-fade')
+    name: _ctx.n("$-fade")
   }, {
-    default: _withCtx(() => [_createElementVNode("span", _mergeProps({
-      class: _ctx.classes(_ctx.n(), _ctx.n('$--box'), ..._ctx.contentClass),
-      style: _ctx.chipStyles
-    }, _ctx.$attrs), [_renderSlot(_ctx.$slots, "left"), _createElementVNode("span", {
-      class: _normalizeClass(_ctx.n("text-" + _ctx.size))
-    }, [_renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _renderSlot(_ctx.$slots, "right"), _ctx.closable ? (_openBlock(), _createElementBlock("span", {
-      key: 0,
-      class: _normalizeClass(_ctx.n('--close')),
-      onClick: _cache[0] || (_cache[0] = function () {
-        return _ctx.handleClose && _ctx.handleClose(...arguments);
-      })
-    }, [_createVNode(_component_var_icon, {
-      name: "" + (_ctx.iconName ? _ctx.iconName : 'close-circle')
-    }, null, 8 /* PROPS */, ["name"])], 2 /* CLASS */)) : _createCommentVNode("v-if", true)], 16 /* FULL_PROPS */)]),
-
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["name"]);
+    default: _withCtx(() => [
+      _createElementVNode(
+        "span",
+        _mergeProps({
+          class: _ctx.classes(_ctx.n(), _ctx.n("$--box"), ..._ctx.contentClass),
+          style: _ctx.chipStyles
+        }, _ctx.$attrs),
+        [
+          _renderSlot(_ctx.$slots, "left"),
+          _createElementVNode(
+            "span",
+            {
+              class: _normalizeClass(_ctx.n(`text-${_ctx.size}`))
+            },
+            [
+              _renderSlot(_ctx.$slots, "default")
+            ],
+            2
+            /* CLASS */
+          ),
+          _renderSlot(_ctx.$slots, "right"),
+          _ctx.closable ? (_openBlock(), _createElementBlock(
+            "span",
+            {
+              key: 0,
+              class: _normalizeClass(_ctx.n("--close")),
+              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
+            },
+            [
+              _createVNode(_component_var_icon, {
+                name: `${_ctx.iconName ? _ctx.iconName : "close-circle"}`
+              }, null, 8, ["name"])
+            ],
+            2
+            /* CLASS */
+          )) : _createCommentVNode("v-if", true)
+        ],
+        16
+        /* FULL_PROPS */
+      )
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["name"]);
 }
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   components: {
     VarIcon
   },
   inheritAttrs: false,
   props,
-  setup(props) {
-    var chipStyles = computed(() => {
-      var {
-        plain,
-        textColor,
-        color
-      } = props;
+  setup(props2) {
+    const chipStyles = computed(() => {
+      const { plain, textColor, color } = props2;
       if (plain) {
         return {
           color: textColor || color,
@@ -56,21 +75,15 @@ var __sfc__ = defineComponent({
         background: color
       };
     });
-    var contentClass = computed(() => {
-      var {
-        size,
-        block,
-        type,
-        plain,
-        round
-      } = props;
-      var blockClass = block ? n('$--flex') : n('$--inline-flex');
-      var plainTypeClass = plain ? n('plain') + " " + n("plain-" + type) : n("--" + type);
-      var roundClass = round ? n('--round') : null;
-      return [n("--" + size), blockClass, plainTypeClass, roundClass];
+    const contentClass = computed(() => {
+      const { size, block, type, plain, round } = props2;
+      const blockClass = block ? n("$--flex") : n("$--inline-flex");
+      const plainTypeClass = plain ? `${n("plain")} ${n(`plain-${type}`)}` : n(`--${type}`);
+      const roundClass = round ? n("--round") : null;
+      return [n(`--${size}`), blockClass, plainTypeClass, roundClass];
     });
     function handleClose(e) {
-      call(props.onClose, e);
+      call(props2.onClose, e);
     }
     return {
       chipStyles,
@@ -82,4 +95,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/chip/index.mjs

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

package/es/chip/props.mjs

@@ -1,17 +1,17 @@
-import { defineListenerProp, pickProps } from '../utils/components.mjs';
-import { props as iconProps } from '../icon/props.mjs';
-export var props = {
+import { defineListenerProp, pickProps } from "../utils/components.mjs";
+import { props as iconProps } from "../icon/props.mjs";
+const props = {
   type: {
     type: String,
-    default: 'default'
+    default: "default"
   },
   size: {
     type: String,
-    default: 'normal'
+    default: "normal"
   },
   color: String,
   textColor: String,
-  iconName: pickProps(iconProps, 'name'),
+  iconName: pickProps(iconProps, "name"),
   plain: Boolean,
   round: {
     type: Boolean,
@@ -20,4 +20,7 @@ export var props = {
   block: Boolean,
   closable: Boolean,
   onClose: defineListenerProp()
-};
+};
+export {
+  props
+};

package/es/col/Col.mjs

@@ -1,77 +1,79 @@
-import { defineComponent, ref, computed, watch } from 'vue';
-import { isPlainObject, toNumber } from '@varlet/shared';
-import { props } from './props.mjs';
-import { useRow } from './provide.mjs';
-import { padStartFlex, toSizeUnit } from '../utils/elements.mjs';
-import { createNamespace, call } from '../utils/components.mjs';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('col');
+import { defineComponent, ref, computed, watch } from "vue";
+import { isPlainObject, toNumber } from "@varlet/shared";
+import { props } from "./props.mjs";
+import { useRow } from "./provide.mjs";
+import { padStartFlex, toSizeUnit } from "../utils/elements.mjs";
+import { createNamespace, call } from "../utils/components.mjs";
+const { name, n, classes } = createNamespace("col");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'), [_ctx.span >= 0, _ctx.n("--span-" + _ctx.span)], [_ctx.offset, _ctx.n("--offset-" + _ctx.offset)], ..._ctx.getSize('xs', _ctx.xs), ..._ctx.getSize('sm', _ctx.sm), ..._ctx.getSize('md', _ctx.md), ..._ctx.getSize('lg', _ctx.lg), ..._ctx.getSize('xl', _ctx.xl))),
-    style: _normalizeStyle({
-      flexDirection: _ctx.direction,
-      justifyContent: _ctx.padStartFlex(_ctx.justify),
-      alignItems: _ctx.padStartFlex(_ctx.align),
-      paddingLeft: _ctx.toSizeUnit(_ctx.padding.left),
-      paddingRight: _ctx.toSizeUnit(_ctx.padding.right),
-      paddingTop: _ctx.toSizeUnit(_ctx.padding.top),
-      paddingBottom: _ctx.toSizeUnit(_ctx.padding.bottom)
-    }),
-    onClick: _cache[0] || (_cache[0] = function () {
-      return _ctx.handleClick && _ctx.handleClick(...arguments);
-    })
-  }, [_renderSlot(_ctx.$slots, "default")], 6 /* CLASS, STYLE */);
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(
+        _ctx.classes(
+          _ctx.n(),
+          _ctx.n("$--box"),
+          [_ctx.span >= 0, _ctx.n(`--span-${_ctx.span}`)],
+          [_ctx.offset, _ctx.n(`--offset-${_ctx.offset}`)],
+          ..._ctx.getSize("xs", _ctx.xs),
+          ..._ctx.getSize("sm", _ctx.sm),
+          ..._ctx.getSize("md", _ctx.md),
+          ..._ctx.getSize("lg", _ctx.lg),
+          ..._ctx.getSize("xl", _ctx.xl)
+        )
+      ),
+      style: _normalizeStyle({
+        flexDirection: _ctx.direction,
+        justifyContent: _ctx.padStartFlex(_ctx.justify),
+        alignItems: _ctx.padStartFlex(_ctx.align),
+        paddingLeft: _ctx.toSizeUnit(_ctx.padding.left),
+        paddingRight: _ctx.toSizeUnit(_ctx.padding.right),
+        paddingTop: _ctx.toSizeUnit(_ctx.padding.top),
+        paddingBottom: _ctx.toSizeUnit(_ctx.padding.bottom)
+      }),
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    },
+    [
+      _renderSlot(_ctx.$slots, "default")
+    ],
+    6
+    /* CLASS, STYLE */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   props,
-  setup(props) {
-    var span = computed(() => toNumber(props.span));
-    var offset = computed(() => toNumber(props.offset));
-    var padding = ref({
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0
-    });
-    var {
-      row,
-      bindRow
-    } = useRow();
-    var colProvider = {
+  setup(props2) {
+    const span = computed(() => toNumber(props2.span));
+    const offset = computed(() => toNumber(props2.offset));
+    const padding = ref({ left: 0, right: 0, top: 0, bottom: 0 });
+    const { row, bindRow } = useRow();
+    const colProvider = {
       setPadding(pad) {
         padding.value = pad;
       }
     };
-    watch([() => props.span, () => props.offset], () => {
+    watch([() => props2.span, () => props2.offset], () => {
       row == null ? void 0 : row.computePadding();
     });
     call(bindRow, colProvider);
     function getSize(mode, size) {
-      var classes = [];
+      const classes2 = [];
       if (size == null) {
-        return classes;
+        return classes2;
       }
       if (isPlainObject(size)) {
-        var {
-          offset: _offset,
-          span: _span
-        } = size;
-        Number(_span) >= 0 && classes.push(n("--span-" + mode + "-" + _span));
-        _offset && classes.push(n("--offset-" + mode + "-" + _offset));
+        const { offset: offset2, span: span2 } = size;
+        Number(span2) >= 0 && classes2.push(n(`--span-${mode}-${span2}`));
+        offset2 && classes2.push(n(`--offset-${mode}-${offset2}`));
       } else {
-        Number(size) >= 0 && classes.push(n("--span-" + mode + "-" + size));
+        Number(size) >= 0 && classes2.push(n(`--span-${mode}-${size}`));
       }
-      return classes;
+      return classes2;
     }
     function handleClick(e) {
-      call(props.onClick, e);
+      call(props2.onClick, e);
     }
     return {
       span,
@@ -88,4 +90,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/col/index.mjs

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