yc-design-vue 1.7.5 → 1.7.7

package/es/ColorPicker/ColorPalette.vue2.js

@@ -1,100 +0,0 @@
-import { defineComponent, toRefs, ref, computed, watch, createElementBlock, openBlock, normalizeStyle, unref, createElementVNode } from "vue";
-import { useElementBounding, useDraggable } from "../node_modules/@vueuse/core/index.js";
-import { parseColor } from "../_shared/utils/color.js";
-import { sleep, valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ColorPalette",
-  props: {
-    color: {},
-    baseColor: {},
-    popupVisible: { type: Boolean },
-    disabled: { type: Boolean },
-    hideTrigger: { type: Boolean }
-  },
-  emits: ["update:color", "update:baseColor"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { popupVisible, baseColor, disabled, hideTrigger } = toRefs(props);
-    const btnRef = ref();
-    const paletteRef = ref();
-    const { width, height, top, left } = useElementBounding(paletteRef, {
-      updateTiming: "next-frame"
-    });
-    const hsv = computed(() => {
-      return parseColor(baseColor.value).toHsv();
-    });
-    const { x, y } = useDraggable(btnRef, {
-      disabled,
-      onMove() {
-        setColor();
-      }
-    });
-    const handleClick = (e) => {
-      if (disabled.value) return;
-      x.value = e.pageX;
-      y.value = e.pageY;
-      setColor();
-    };
-    const setColor = () => {
-      x.value = (x.value - left.value) / width.value;
-      x.value = x.value < 0 ? 0 : x.value;
-      x.value = x.value > 1 ? 1 : x.value;
-      y.value = (y.value - top.value) / height.value;
-      y.value = y.value < 0 ? 0 : y.value;
-      y.value = y.value > 1 ? 1 : y.value;
-      const color = parseColor({
-        ...hsv.value,
-        s: x.value,
-        v: 1 - y.value
-      }).toHexString();
-      emits("update:color", color);
-    };
-    watch(
-      () => popupVisible.value,
-      async (val) => {
-        if (val || hideTrigger.value) {
-          await sleep(0);
-          x.value = hsv.value.s;
-          y.value = 1 - hsv.value.v;
-        }
-      },
-      {
-        immediate: true
-      }
-    );
-    __expose({
-      setPosition(color) {
-        const { s, v } = parseColor(color).toHsv();
-        x.value = s;
-        y.value = 1 - v;
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "yc-color-picker-palette",
-        style: normalizeStyle({
-          backgroundColor: unref(baseColor)
-        }),
-        ref_key: "paletteRef",
-        ref: paletteRef,
-        onClick: handleClick
-      }, [
-        createElementVNode("div", {
-          class: "yc-color-picker-handler",
-          style: normalizeStyle({
-            transform: `translate(calc(${unref(valueToPx)(unref(x) * unref(width))} - 50%),calc(${unref(valueToPx)(unref(y) * unref(height))} - 50%))`
-          }),
-          ref_key: "btnRef",
-          ref: btnRef
-        }, null, 4)
-      ], 4);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/ColorPicker/ColorPanel.vue2.js

@@ -1,144 +0,0 @@
-import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, unref, createVNode, createElementVNode, createCommentVNode, isRef, normalizeStyle, createBlock } from "vue";
-import useContext from "./hooks/useContext.js";
-import ColorPalette from "./ColorPalette.vue.js";
-import ColorInput from "./ColorInput.vue.js";
-import ColorList from "./ColorList.vue.js";
-import ColorControl from "./ColorControl.vue.js";
-const _hoisted_1 = { class: "yc-color-picker-panel-control" };
-const _hoisted_2 = { class: "yc-color-picker-control-wrapper" };
-const _hoisted_3 = { class: "yc-color-picker-control-bar-bg" };
-const _hoisted_4 = {
-  key: 0,
-  class: "yc-color-picker-panel-colors"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ColorPanel",
-  setup(__props) {
-    const {
-      popupVisible,
-      computedColor,
-      baseColor,
-      alpha,
-      disabled,
-      disabledAlpha,
-      showHistory,
-      showPreset,
-      hideTrigger,
-      presetColors,
-      historyColors
-    } = useContext().inject();
-    const colorBarRef = ref();
-    const alphaBarRef = ref();
-    const paletteRef = ref();
-    const handleColorClick = (color) => {
-      var _a, _b, _c;
-      if (disabled.value) return;
-      computedColor.value = color;
-      baseColor.value = color;
-      (_a = colorBarRef.value) == null ? void 0 : _a.setPosition(color);
-      (_b = alphaBarRef.value) == null ? void 0 : _b.setPosition(color);
-      (_c = paletteRef.value) == null ? void 0 : _c.setPosition(color);
-    };
-    const handleChange = (color, type) => {
-      var _a, _b, _c;
-      if (type == "alpha") {
-        (_a = alphaBarRef.value) == null ? void 0 : _a.setPosition(color);
-      } else {
-        (_b = colorBarRef.value) == null ? void 0 : _b.setPosition(color);
-        (_c = paletteRef.value) == null ? void 0 : _c.setPosition(color);
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "yc-color-picker-panel",
-          {
-            "yc-color-picker-panel-disabled": unref(disabled)
-          }
-        ])
-      }, [
-        createVNode(ColorPalette, {
-          color: unref(computedColor),
-          "onUpdate:color": _cache[0] || (_cache[0] = ($event) => isRef(computedColor) ? computedColor.value = $event : null),
-          "base-color": unref(baseColor),
-          "popup-visible": unref(popupVisible),
-          "hide-trigger": unref(hideTrigger),
-          disabled: unref(disabled),
-          ref_key: "paletteRef",
-          ref: paletteRef
-        }, null, 8, ["color", "base-color", "popup-visible", "hide-trigger", "disabled"]),
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            createElementVNode("div", null, [
-              createVNode(ColorControl, {
-                mode: "color",
-                color: unref(computedColor),
-                "onUpdate:color": _cache[1] || (_cache[1] = ($event) => isRef(computedColor) ? computedColor.value = $event : null),
-                "base-color": unref(baseColor),
-                "onUpdate:baseColor": _cache[2] || (_cache[2] = ($event) => isRef(baseColor) ? baseColor.value = $event : null),
-                "popup-visible": unref(popupVisible),
-                disabled: unref(disabled),
-                "hide-trigger": unref(hideTrigger),
-                ref_key: "colorBarRef",
-                ref: colorBarRef,
-                onChange: _cache[3] || (_cache[3] = (v) => {
-                  var _a;
-                  return (_a = paletteRef.value) == null ? void 0 : _a.setPosition(v);
-                })
-              }, null, 8, ["color", "base-color", "popup-visible", "disabled", "hide-trigger"]),
-              createElementVNode("div", _hoisted_3, [
-                createVNode(ColorControl, {
-                  mode: "alpha",
-                  color: unref(computedColor),
-                  "onUpdate:color": _cache[4] || (_cache[4] = ($event) => isRef(computedColor) ? computedColor.value = $event : null),
-                  alpha: unref(alpha),
-                  "onUpdate:alpha": _cache[5] || (_cache[5] = ($event) => isRef(alpha) ? alpha.value = $event : null),
-                  "base-color": unref(baseColor),
-                  "popup-visible": unref(popupVisible),
-                  disabled: unref(disabled),
-                  "hide-trigger": unref(hideTrigger),
-                  ref_key: "alphaBarRef",
-                  ref: alphaBarRef
-                }, null, 8, ["color", "alpha", "base-color", "popup-visible", "disabled", "hide-trigger"])
-              ])
-            ]),
-            createElementVNode("div", {
-              class: "yc-color-picker-preview",
-              style: normalizeStyle({
-                backgroundColor: unref(computedColor)
-              })
-            }, null, 4)
-          ]),
-          createVNode(ColorInput, {
-            color: unref(computedColor),
-            "onUpdate:color": _cache[6] || (_cache[6] = ($event) => isRef(computedColor) ? computedColor.value = $event : null),
-            "base-color": unref(baseColor),
-            "onUpdate:baseColor": _cache[7] || (_cache[7] = ($event) => isRef(baseColor) ? baseColor.value = $event : null),
-            alpha: unref(alpha),
-            "onUpdate:alpha": _cache[8] || (_cache[8] = ($event) => isRef(alpha) ? alpha.value = $event : null),
-            disabled: unref(disabled),
-            "disabled-alpha": unref(disabledAlpha),
-            onChange: handleChange
-          }, null, 8, ["color", "base-color", "alpha", "disabled", "disabled-alpha"])
-        ]),
-        unref(showHistory) || unref(showPreset) ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          unref(showHistory) ? (openBlock(), createBlock(ColorList, {
-            key: 0,
-            label: "最近使用的颜色",
-            colors: unref(historyColors),
-            onColorClick: handleColorClick
-          }, null, 8, ["colors"])) : createCommentVNode("", true),
-          unref(showPreset) ? (openBlock(), createBlock(ColorList, {
-            key: 1,
-            label: "系统预设的颜色",
-            colors: unref(presetColors),
-            onColorClick: handleColorClick
-          }, null, 8, ["colors"])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/ColorPicker/ColorPicker.vue2.js

@@ -1,87 +0,0 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, isRef, withCtx, renderSlot, createElementVNode, normalizeStyle, normalizeClass, createElementBlock, createCommentVNode, toDisplayString, createVNode } from "vue";
-import { COLOR_PICKER_PRESET_COLORS } from "../_shared/constants/index.js";
-import useContext from "./hooks/useContext.js";
-import ColorPanel from "./ColorPanel.vue.js";
-import Trigger from "../Trigger/index.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "yc-color-picker-value"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "ColorPicker"
-  },
-  __name: "ColorPicker",
-  props: {
-    modelValue: { default: void 0 },
-    defaultValue: { default: "#FF0000" },
-    format: { default: "hex" },
-    size: { default: void 0 },
-    showText: { type: Boolean, default: false },
-    showHistory: { type: Boolean, default: false },
-    showPreset: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    disabledAlpha: { type: Boolean, default: false },
-    hideTrigger: { type: Boolean, default: false },
-    triggerProps: { default: () => {
-      return {};
-    } },
-    historyColors: { default: () => [] },
-    presetColors: { default: () => COLOR_PICKER_PRESET_COLORS }
-  },
-  emits: ["update:modelValue", "change", "popup-visible-change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { popupVisible, computedColor, size } = useContext().provide(
-      props,
-      emits
-    );
-    return (_ctx, _cache) => {
-      return !_ctx.hideTrigger ? (openBlock(), createBlock(unref(Trigger), mergeProps({
-        key: 0,
-        "popup-visible": unref(popupVisible),
-        "onUpdate:popupVisible": _cache[0] || (_cache[0] = ($event) => isRef(popupVisible) ? popupVisible.value = $event : null),
-        "popup-offset": 4,
-        disabled: _ctx.disabled,
-        "need-transform-origin": "",
-        "animation-name": "slide-dynamic-origin",
-        trigger: "click",
-        position: "bl"
-      }, _ctx.triggerProps, {
-        onPopupVisibleChange: _cache[1] || (_cache[1] = (v) => _ctx.$emit("popup-visible-change", v, unref(computedColor)))
-      }), {
-        content: withCtx(() => [
-          createVNode(ColorPanel)
-        ]),
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createElementVNode("div", {
-              class: normalizeClass([
-                "yc-color-picker",
-                `yc-color-picker-size-${unref(size)}`,
-                {
-                  "yc-color-picker-disabled": _ctx.disabled
-                },
-                _ctx.$attrs.class
-              ]),
-              style: normalizeStyle(_ctx.$attrs.style)
-            }, [
-              createElementVNode("div", {
-                class: "yc-color-picker-preview",
-                style: normalizeStyle({
-                  backgroundColor: unref(computedColor)
-                })
-              }, null, 4),
-              _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(computedColor)), 1)) : createCommentVNode("", true)
-            ], 6)
-          ], true)
-        ]),
-        _: 3
-      }, 16, ["popup-visible", "disabled"])) : (openBlock(), createBlock(ColorPanel, { key: 1 }));
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Comment/index.vue2.js

@@ -1,110 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, createCommentVNode, createElementVNode, renderSlot, createVNode, unref, normalizeClass, createTextVNode, toDisplayString } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import { isObject } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-import useContext from "./hooks/useContext.js";
-import Avatar from "../Avatar/index.js";
-const _hoisted_1 = {
-  Comment: "",
-  class: "yc-comment"
-};
-const _hoisted_2 = {
-  key: 0,
-  class: "yc-comment-avatar"
-};
-const _hoisted_3 = { class: "yc-comment-inner" };
-const _hoisted_4 = { class: "yc-comment-inner-content" };
-const _hoisted_5 = {
-  key: 0,
-  class: "yc-comment-author"
-};
-const _hoisted_6 = {
-  key: 1,
-  class: "yc-comment-datetime"
-};
-const _hoisted_7 = {
-  key: 0,
-  class: "yc-comment-content"
-};
-const _hoisted_8 = {
-  key: 0,
-  class: "yc-comment-inner-comment"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Comment"
-  },
-  __name: "index",
-  props: {
-    author: { default: "" },
-    avatar: { default: "" },
-    content: { default: "" },
-    datetime: { default: "" },
-    align: { default: "left" }
-  },
-  setup(__props) {
-    const { hasChildren } = useContext();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.$slots.avatar || _ctx.avatar ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "avatar", {}, () => [
-            createVNode(unref(Avatar), {
-              "image-url": _ctx.avatar,
-              size: unref(hasChildren) ? 32 : 40
-            }, null, 8, ["image-url", "size"])
-          ], true)
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3, [
-          createElementVNode("div", _hoisted_4, [
-            createElementVNode("div", {
-              class: normalizeClass([
-                "yc-comment-title",
-                {
-                  "yc-comment-title-align-left": _ctx.align == "left" || unref(isObject)(_ctx.align) && _ctx.align.datetime == "left",
-                  "yc-comment-title-align-right": _ctx.align == "right" || unref(isObject)(_ctx.align) && _ctx.align.datetime == "right"
-                }
-              ])
-            }, [
-              _ctx.$slots.author || _ctx.author ? (openBlock(), createElementBlock("span", _hoisted_5, [
-                renderSlot(_ctx.$slots, "author", {}, () => [
-                  createTextVNode(toDisplayString(_ctx.author), 1)
-                ], true)
-              ])) : createCommentVNode("", true),
-              _ctx.$slots.datetime || _ctx.datetime ? (openBlock(), createElementBlock("span", _hoisted_6, [
-                renderSlot(_ctx.$slots, "datetime", {}, () => [
-                  createTextVNode(toDisplayString(_ctx.datetime), 1)
-                ], true)
-              ])) : createCommentVNode("", true)
-            ], 2),
-            _ctx.$slots.content || _ctx.content ? (openBlock(), createElementBlock("div", _hoisted_7, [
-              renderSlot(_ctx.$slots, "content", {}, () => [
-                createTextVNode(toDisplayString(_ctx.content), 1)
-              ], true)
-            ])) : createCommentVNode("", true),
-            _ctx.$slots.actions ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass([
-                "yc-comment-actions",
-                {
-                  "yc-comment-actions-align-left": _ctx.align == "left" || unref(isObject)(_ctx.align) && _ctx.align.datetime == "left",
-                  "yc-comment-actions-align-right": _ctx.align == "right" || unref(isObject)(_ctx.align) && _ctx.align.datetime == "right"
-                }
-              ])
-            }, [
-              renderSlot(_ctx.$slots, "actions", {}, void 0, true)
-            ], 2)) : createCommentVNode("", true)
-          ]),
-          _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_8, [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ])) : createCommentVNode("", true)
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Descriptions/ReuseItem.vue2.js

@@ -1,62 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, normalizeStyle, unref, createBlock, resolveDynamicComponent } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import { isObject } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import { getSlotFunction } from "../_shared/utils/vue-utils.js";
-import "../Empty/index.js";
-/* empty css                             */
-import useContext from "./hooks/useContext.js";
-const _hoisted_1 = { class: "yc-descriptions-item" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ReuseItem",
-  props: {
-    data: {},
-    index: {}
-  },
-  setup(__props) {
-    const { labelStyle, valueStyle, slots, align } = useContext().inject();
-    return (_ctx, _cache) => {
-      var _a, _b, _c, _d;
-      return openBlock(), createElementBlock("td", _hoisted_1, [
-        createElementVNode("div", {
-          class: "yc-descriptions-item-label",
-          style: normalizeStyle({
-            ...unref(labelStyle),
-            textAlign: unref(isObject)(unref(align)) ? unref(align).label ?? "left" : unref(align)
-          })
-        }, [
-          (openBlock(), createBlock(resolveDynamicComponent(
-            unref(getSlotFunction)(
-              ((_b = (_a = unref(slots)).label) == null ? void 0 : _b.call(_a, {
-                label: _ctx.data.label,
-                index: _ctx.index,
-                data: _ctx.data
-              })) ?? _ctx.data.label
-            )
-          )))
-        ], 4),
-        createElementVNode("div", {
-          class: "yc-descriptions-item-value",
-          style: normalizeStyle({
-            ...unref(valueStyle),
-            textAlign: unref(isObject)(unref(align)) ? unref(align).value ?? "left" : unref(align)
-          })
-        }, [
-          (openBlock(), createBlock(resolveDynamicComponent(
-            unref(getSlotFunction)(
-              ((_d = (_c = unref(slots)).value) == null ? void 0 : _d.call(_c, {
-                value: _ctx.data.value,
-                index: _ctx.index,
-                data: _ctx.data
-              })) ?? _ctx.data.value
-            )
-          )))
-        ], 4)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Descriptions/ReuseTd.vue2.js

@@ -1,56 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createBlock, resolveDynamicComponent } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import { isObject } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import { getSlotFunction } from "../_shared/utils/vue-utils.js";
-import "../Empty/index.js";
-/* empty css                             */
-import useContext from "./hooks/useContext.js";
-const _hoisted_1 = ["colspan"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ReuseTd",
-  props: {
-    data: {},
-    index: {},
-    type: {},
-    colspan: {}
-  },
-  setup(__props) {
-    const { labelStyle, valueStyle, bordered, size, align, slots } = useContext().inject();
-    return (_ctx, _cache) => {
-      var _a, _b, _c, _d;
-      return openBlock(), createElementBlock("td", {
-        class: normalizeClass([
-          _ctx.type == "label" ? "yc-descriptions-item-label" : "yc-descriptions-item-value",
-          `yc-descriptions-item-cell-size-${unref(size)}`,
-          {
-            "yc-descriptions-item-cell-bordered": unref(bordered)
-          }
-        ]),
-        style: normalizeStyle({
-          ..._ctx.type == "label" ? unref(labelStyle) : unref(valueStyle),
-          textAlign: unref(isObject)(unref(align)) ? unref(align)[_ctx.type] ?? "left" : unref(align)
-        }),
-        colspan: _ctx.colspan
-      }, [
-        (openBlock(), createBlock(resolveDynamicComponent(
-          unref(getSlotFunction)(
-            _ctx.type == "label" ? ((_b = (_a = unref(slots)).label) == null ? void 0 : _b.call(_a, {
-              label: _ctx.data.label,
-              index: _ctx.index,
-              data: _ctx.data
-            })) ?? _ctx.data.label : ((_d = (_c = unref(slots)).value) == null ? void 0 : _d.call(_c, {
-              value: _ctx.data.value,
-              index: _ctx.index,
-              data: _ctx.data
-            })) ?? _ctx.data.value
-          )
-        )))
-      ], 14, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Divider/index.vue2.js

@@ -1,54 +0,0 @@
-import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, renderSlot } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
-import { isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Divider"
-  },
-  __name: "index",
-  props: {
-    direction: { default: "horizontal" },
-    orientation: { default: "center" },
-    type: { default: "solid" },
-    size: { default: 1 },
-    margin: { default: void 0 }
-  },
-  setup(__props) {
-    const props = __props;
-    const { size, margin: _margin, direction, type } = toRefs(props);
-    const margin = computed(() => {
-      if (isUndefined(_margin.value)) {
-        return direction.value == "horizontal" ? "20px 0" : "0 12px";
-      }
-      return direction.value == "horizontal" ? `${valueToPx(_margin.value)} 0` : `0 ${valueToPx(_margin.value)}`;
-    });
-    const border = computed(
-      () => `${valueToPx(size.value)} ${type.value} var(--color-neutral-3)`
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        role: "separator",
-        class: normalizeClass(["yc-divider", `yc-divider-direction-${unref(direction)}`]),
-        style: normalizeStyle({
-          margin: margin.value,
-          borderLeft: unref(direction) == "vertical" ? border.value : "",
-          borderBottom: unref(direction) == "horizontal" ? border.value : ""
-        })
-      }, [
-        _ctx.$slots.default && unref(direction) != "vertical" ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["yc-divider-text", `yc-divider-text-${_ctx.orientation}`])
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ], 2)) : createCommentVNode("", true)
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};