yc-design-vue 1.7.6 → 1.7.8

package/es/Calendar/CalendarYear.vue2.js

@@ -1,96 +0,0 @@
-import { defineComponent, toRefs, ref, watch, createElementBlock, openBlock, Fragment, renderList, createElementVNode, createVNode, toDisplayString, unref, createSlots, withCtx, renderSlot } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import { generateMonthCalendar } from "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-import MonthCalendar from "./CalendarMonth.vue.js";
-const _hoisted_1 = { class: "yc-calendar-year" };
-const _hoisted_2 = { class: "yc-calendar-year-cell-title" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CalendarYear",
-  props: {
-    computedValue: {},
-    recordDate: {}
-  },
-  emits: ["cell-click"],
-  setup(__props) {
-    const props = __props;
-    const { computedValue, recordDate } = toRefs(props);
-    const calendar = ref([]);
-    const monthList = [
-      "一月",
-      "二月",
-      "三月",
-      "四月",
-      "五月",
-      "六月",
-      "七月",
-      "八月",
-      "九月",
-      "十月",
-      "十一月",
-      "十二月"
-    ];
-    watch(
-      () => recordDate.value.year,
-      () => {
-        const { year } = recordDate.value;
-        calendar.value = [];
-        const row = [];
-        for (let i = 1; i <= 12; i++) {
-          row.push(generateMonthCalendar(year, i));
-          if (row.length == 4) {
-            calendar.value.push([...row]);
-            row.splice(0);
-          }
-        }
-      },
-      {
-        immediate: true
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(calendar.value, (row, i) => {
-          return openBlock(), createElementBlock("div", {
-            key: i,
-            class: "yc-calendar-year-row"
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(row, (col, i1) => {
-              return openBlock(), createElementBlock("div", {
-                key: i1,
-                class: "yc-calendar-year-cell"
-              }, [
-                createElementVNode("div", _hoisted_2, toDisplayString(monthList[i * 4 + i1]), 1),
-                createVNode(MonthCalendar, {
-                  "computed-value": unref(computedValue),
-                  calendar: col,
-                  "record-date": unref(recordDate),
-                  small: "",
-                  class: "yc-calendar-year-cell-body",
-                  onCellClick: _cache[0] || (_cache[0] = (v) => _ctx.$emit("cell-click", v))
-                }, createSlots({ _: 2 }, [
-                  _ctx.$slots.default ? {
-                    name: "default",
-                    fn: withCtx(({ year, month, day }) => [
-                      renderSlot(_ctx.$slots, "default", {
-                        year,
-                        month,
-                        day
-                      }, void 0, true)
-                    ]),
-                    key: "0"
-                  } : void 0
-                ]), 1032, ["computed-value", "calendar", "record-date"])
-              ]);
-            }), 128))
-          ]);
-        }), 128))
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Card/Card.vue2.js

@@ -1,121 +0,0 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createBlock, withCtx } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import { findComponentsFromVnodes } from "../_shared/utils/vue-utils.js";
-import { getGlobalConfig } from "../_shared/utils/global-config.js";
-import useContext from "./hooks/useContext.js";
-import Spin from "../Spin/index.js";
-import CardGrid from "./CardGrid.vue.js";
-import CardMeta from "./CardMeta.vue.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "yc-card-header-title text-ellipsis"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "yc-card-header-extra text-ellipsis"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "yc-card-cover"
-};
-const _hoisted_4 = {
-  key: 2,
-  class: "yc-card-actions"
-};
-const _hoisted_5 = { class: "yc-card-actions-right text-ellipsis" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Card"
-  },
-  __name: "Card",
-  props: {
-    bordered: { type: Boolean, default: true },
-    loading: { type: Boolean, default: false },
-    hoverable: { type: Boolean, default: false },
-    size: { default: void 0 },
-    headerStyle: { default: () => {
-      return {};
-    } },
-    bodyStyle: { default: () => {
-      return {};
-    } },
-    title: { default: "" },
-    extra: { default: "" }
-  },
-  setup(__props) {
-    const props = __props;
-    const { size } = getGlobalConfig(props);
-    const { slots } = useContext().provide();
-    const nodes = computed(() => {
-      var _a;
-      return ((_a = slots.default) == null ? void 0 : _a.call(slots)) || [];
-    });
-    const hasMeta = computed(() => {
-      const meta = findComponentsFromVnodes(nodes.value, CardMeta.name);
-      return !!meta.length;
-    });
-    const hasGrid = computed(() => {
-      const grid = findComponentsFromVnodes(nodes.value, CardGrid.name);
-      return !!grid.length;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "yc-card",
-          `yc-card-size-${unref(size)}`,
-          {
-            "yc-card-bordered": _ctx.bordered,
-            "yc-card-hoverable": _ctx.hoverable,
-            "yc-card-loading": _ctx.loading,
-            "yc-card-contain-grid": hasGrid.value
-          }
-        ])
-      }, [
-        _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "yc-card-header",
-          style: normalizeStyle(_ctx.headerStyle)
-        }, [
-          _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(_ctx.title), 1)
-            ], true)
-          ])) : createCommentVNode("", true),
-          _ctx.extra || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "extra", {}, () => [
-              createTextVNode(toDisplayString(_ctx.extra), 1)
-            ], true)
-          ])) : createCommentVNode("", true)
-        ], 4)) : createCommentVNode("", true),
-        _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          renderSlot(_ctx.$slots, "cover", {}, void 0, true)
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: "yc-card-body",
-          style: normalizeStyle(_ctx.bodyStyle)
-        }, [
-          _ctx.loading ? (openBlock(), createBlock(unref(Spin), {
-            key: 0,
-            "is-size-inherit": "",
-            loading: ""
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ]),
-            _: 3
-          })) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true),
-          _ctx.$slots.actions && !hasMeta.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            createElementVNode("div", _hoisted_5, [
-              renderSlot(_ctx.$slots, "actions", {}, void 0, true)
-            ])
-          ])) : createCommentVNode("", true)
-        ], 4)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Card/CardGrid.vue2.js

@@ -1,27 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "CardGrid"
-  },
-  __name: "CardGrid",
-  props: {
-    hoverable: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "yc-card-grid",
-          {
-            "yc-card-grid-hoverable": _ctx.hoverable
-          }
-        ])
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Card/CardMeta.vue2.js

@@ -1,70 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, renderSlot, createTextVNode, toDisplayString, unref, createBlock, resolveDynamicComponent } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.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-card-meta" };
-const _hoisted_2 = { class: "yc-card-meta-content" };
-const _hoisted_3 = {
-  key: 0,
-  class: "yc-card-meta-title text-ellipsis"
-};
-const _hoisted_4 = {
-  key: 1,
-  class: "yc-card-meta-description"
-};
-const _hoisted_5 = { class: "yc-card-meta-footer" };
-const _hoisted_6 = {
-  key: 0,
-  class: "yc-card-meta-avatar"
-};
-const _hoisted_7 = {
-  key: 1,
-  class: "yc-card-actions"
-};
-const _hoisted_8 = { class: "yc-card-actions-right text-ellipsis" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "CardMeta"
-  },
-  __name: "CardMeta",
-  props: {
-    title: { default: "" },
-    description: { default: "" }
-  },
-  setup(__props) {
-    const { slots } = useContext().inject();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(_ctx.title), 1)
-            ], true)
-          ])) : createCommentVNode("", true),
-          _ctx.$slots.description || _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            renderSlot(_ctx.$slots, "description", {}, () => [
-              createTextVNode(toDisplayString(_ctx.description), 1)
-            ], true)
-          ])) : createCommentVNode("", true)
-        ]),
-        createElementVNode("div", _hoisted_5, [
-          _ctx.$slots.avatar ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            renderSlot(_ctx.$slots, "avatar", {}, void 0, true)
-          ])) : createCommentVNode("", true),
-          unref(slots).actions ? (openBlock(), createElementBlock("div", _hoisted_7, [
-            createElementVNode("div", _hoisted_8, [
-              (openBlock(), createBlock(resolveDynamicComponent(unref(getSlotFunction)(unref(slots).actions))))
-            ])
-          ])) : createCommentVNode("", true)
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Carousel/Carousel.vue2.js

@@ -1,131 +0,0 @@
-import { defineComponent, ref, watch, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, unref, Fragment, renderList, createBlock, resolveDynamicComponent, createVNode } 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 CarouselArrow from "./CarouselArrow.vue.js";
-import CarouselIndicator from "./CarouselIndicator.vue.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "yc-carousel-indicator-wrapper"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "yc-carousel-arrow-wrapper"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Carousel"
-  },
-  __name: "Carousel",
-  props: {
-    current: { default: void 0 },
-    defaultCurrent: { default: 1 },
-    autoPlay: { type: [Boolean, Object], default: false },
-    moveSpeed: { default: 500 },
-    animationName: { default: "slide" },
-    trigger: { default: "click" },
-    direction: { default: "horizontal" },
-    showArrow: { default: "always" },
-    arrowClass: { default: "" },
-    indicatorType: { default: "dot" },
-    indicatorPosition: { default: "bottom" },
-    indicatorClass: { default: "" },
-    transitionTimingFunction: { default: "cubic-bezier(0.34, 0.69, 0.1, 1)" }
-  },
-  emits: ["update:current", "change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { slideTo, computedCurrent, autoPlay, carouselItems } = useContext().provide(props, emits);
-    const autoPlayTimer = ref(0);
-    const stopAutoPlay = () => {
-      if (!autoPlayTimer.value) return;
-      clearInterval(autoPlayTimer.value);
-      autoPlayTimer.value = 0;
-    };
-    const setAutoPlay = () => {
-      var _a;
-      if (!autoPlay.value) return;
-      stopAutoPlay();
-      autoPlayTimer.value = window.setInterval(
-        () => {
-          slideTo(computedCurrent.value + 1);
-        },
-        ((_a = autoPlay.value) == null ? void 0 : _a.interval) ?? 3e3
-      );
-    };
-    const handleChange = async (index) => {
-      stopAutoPlay();
-      await slideTo(index);
-      setAutoPlay();
-    };
-    watch(
-      () => autoPlay.value,
-      () => {
-        stopAutoPlay();
-        setAutoPlay();
-      },
-      {
-        immediate: true
-      }
-    );
-    onBeforeUnmount(() => {
-      stopAutoPlay();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "yc-carousel",
-          `yc-carousel-animation-${_ctx.animationName}`,
-          {
-            "yc-carousel-indicator-outer": _ctx.indicatorPosition == "outer"
-          }
-        ])
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(["yc-carousel-slide", `yc-carousel-direction-${_ctx.direction}`]),
-          onMouseenter: _cache[0] || (_cache[0] = ($event) => {
-            var _a;
-            return unref(isObject)(unref(autoPlay)) && ((_a = unref(autoPlay)) == null ? void 0 : _a.hoverToPause) && stopAutoPlay();
-          }),
-          onMouseleave: _cache[1] || (_cache[1] = ($event) => {
-            var _a;
-            return unref(isObject)(unref(autoPlay)) && ((_a = unref(autoPlay)) == null ? void 0 : _a.hoverToPause) && setAutoPlay();
-          })
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(carouselItems), (node, i) => {
-            return openBlock(), createBlock(resolveDynamicComponent(node), {
-              index: i + 1
-            }, null, 8, ["index"]);
-          }), 256))
-        ], 34),
-        _ctx.indicatorType != "never" ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createVNode(CarouselIndicator, {
-            "indicator-class": _ctx.indicatorClass,
-            trigger: _ctx.trigger,
-            "indicator-position": _ctx.indicatorPosition,
-            "indicator-type": _ctx.indicatorType,
-            onChange: handleChange
-          }, null, 8, ["indicator-class", "trigger", "indicator-position", "indicator-type"])
-        ])) : createCommentVNode("", true),
-        _ctx.showArrow != "never" ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createVNode(CarouselArrow, {
-            type: "pre",
-            onChange: handleChange
-          }),
-          createVNode(CarouselArrow, {
-            type: "next",
-            onChange: handleChange
-          })
-        ])) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Carousel/CarouselArrow.vue2.js

@@ -1,55 +0,0 @@
-import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeClass, unref, createVNode } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
-import useContext from "./hooks/useContext.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CarouselArrow",
-  props: {
-    type: {}
-  },
-  emits: ["change"],
-  setup(__props) {
-    const props = __props;
-    const { type } = toRefs(props);
-    const { showArrow, direction, arrowClass, computedCurrent } = useContext().inject();
-    const rotate = computed(() => {
-      if (type.value == "next") {
-        return direction.value == "horizontal" ? 0 : 90;
-      } else {
-        return direction.value == "horizontal" ? 180 : -90;
-      }
-    });
-    const positionClass = computed(() => {
-      if (type.value == "next") {
-        return direction.value == "horizontal" ? "yc-carousel-arrow-right" : "yc-carousel-arrow-bottom";
-      } else {
-        return direction.value == "horizontal" ? "yc-carousel-arrow-left" : "yc-carousel-arrow-top";
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "yc-carousel-arrow",
-          positionClass.value,
-          unref(arrowClass),
-          {
-            "yc-carousel-arrow-show-hover": unref(showArrow) == "hover"
-          }
-        ]),
-        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit(
-          "change",
-          unref(type) == "next" ? unref(computedCurrent) + 1 : unref(computedCurrent) - 1
-        ))
-      }, [
-        createVNode(unref(_sfc_main$1), { rotate: rotate.value }, null, 8, ["rotate"])
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Carousel/CarouselIndicator.vue2.js

@@ -1,57 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, createCommentVNode, Fragment, renderList, unref, normalizeStyle } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-import useContext from "./hooks/useContext.js";
-const _hoisted_1 = ["onMouseenter", "onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CarouselIndicator",
-  props: {
-    trigger: {},
-    indicatorType: {},
-    indicatorPosition: {},
-    indicatorClass: {}
-  },
-  emits: ["change"],
-  setup(__props) {
-    const { length, computedCurrent } = useContext().inject();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "yc-carousel-indicator",
-          `yc-carousel-indicator-shape-${_ctx.indicatorType}`,
-          `yc-carousel-indicator-position-${_ctx.indicatorPosition}`,
-          _ctx.indicatorClass
-        ])
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(length), (i) => {
-          return openBlock(), createElementBlock("div", {
-            key: i,
-            class: normalizeClass([
-              "yc-carousel-indicator-item",
-              {
-                "yc-carousel-indicator-item-active": unref(computedCurrent) == i
-              }
-            ]),
-            onMouseenter: ($event) => _ctx.trigger == "hover" && unref(computedCurrent) != i && _ctx.$emit("change", i),
-            onClick: ($event) => _ctx.trigger == "click" && unref(computedCurrent) != i && _ctx.$emit("change", i)
-          }, null, 42, _hoisted_1);
-        }), 128)),
-        _ctx.indicatorType == "slider" ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "yc-carousel-indicator-item-slider",
-          style: normalizeStyle({
-            width: ["top", "bottom", "outer"].includes(_ctx.indicatorPosition) ? unref(valueToPx)(48 / unref(length)) : "",
-            height: ["left", "right"].includes(_ctx.indicatorPosition) ? unref(valueToPx)(48 / unref(length)) : "",
-            transform: ["top", "bottom", "outer"].includes(_ctx.indicatorPosition) ? `translateX(calc(${unref(valueToPx)(48 / unref(length) * unref(computedCurrent))} - 100%))` : `translateY(calc(${unref(valueToPx)(48 / unref(length) * unref(computedCurrent))} - 100%))`
-          })
-        }, null, 4)) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Carousel/CarouselItem.vue2.js

@@ -1,55 +0,0 @@
-import { defineComponent, useAttrs, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot } from "vue";
-import useContext from "./hooks/useContext.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "CarouselItem"
-  },
-  __name: "CarouselItem",
-  setup(__props) {
-    const {
-      moveType,
-      preIndex,
-      computedCurrent,
-      direction,
-      moveSpeed,
-      animationName,
-      transitionTimingFunction,
-      getValidIndex
-    } = useContext().inject();
-    const attrs = useAttrs();
-    const index = computed(() => attrs.index);
-    const slideClass = computed(() => {
-      if (animationName.value != "slide" || computedCurrent.value == preIndex.value || preIndex.value != index.value && computedCurrent.value != index.value) {
-        return;
-      }
-      const slideDirection = direction.value == "horizontal" ? "-x" : "-y";
-      const slideType = preIndex.value == index.value ? "-out" : "-in";
-      const siideMoveType = moveType.value == "positive" ? "" : "-reverse";
-      return `yc-carousel-slide${slideDirection}${slideType}${siideMoveType}`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "yc-carousel-item",
-          slideClass.value,
-          {
-            "yc-carousel-item-current": index.value == unref(getValidIndex)(unref(computedCurrent)),
-            "yc-carousel-item-prev": index.value == unref(getValidIndex)(unref(computedCurrent) - 1),
-            "yc-carousel-item-next": index.value == unref(getValidIndex)(unref(computedCurrent) + 1)
-          }
-        ]),
-        style: normalizeStyle({
-          transitionTimingFunction: unref(transitionTimingFunction),
-          animationTimingFunction: unref(transitionTimingFunction),
-          transitionDuration: unref(moveSpeed) + "ms",
-          animationDuration: unref(moveSpeed) + "ms"
-        })
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};