yc-design-vue 1.7.6 → 1.7.8

package/es/Statistic/Statistic.vue.js

@@ -1,7 +1,155 @@
-import _sfc_main from "./Statistic.vue2.js";
-/* empty css               */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Statistic = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1d5de805"]]);
+import { defineComponent, toRefs, ref, computed, watch, createElementBlock, openBlock, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, normalizeStyle } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import { isUndefined, isNumber } from "../_shared/utils/is.js";
+import { formatSeconds, formatDate } from "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import Tween from "../node_modules/b-tween/dist/b-tween.es.js";
+const _hoisted_1 = { class: "yc-statistic yc-statistic-countdown" };
+const _hoisted_2 = {
+  key: 0,
+  class: "yc-statistic-title"
+};
+const _hoisted_3 = { class: "yc-statistic-content" };
+const _hoisted_4 = {
+  key: 0,
+  class: "yc-statistic-prefix"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "yc-statistic-suffix"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "yc-statistic-extra"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Statistic"
+  },
+  __name: "Statistic",
+  props: {
+    title: { default: "" },
+    value: { default: 0 },
+    format: { default: "HH:mm:ss" },
+    extra: { default: "" },
+    start: { type: Boolean, default: true },
+    easeing: { default: "quadOut" },
+    precision: { default: 0 },
+    separator: { default: "" },
+    showGroupSeparator: { type: Boolean, default: false },
+    animation: { type: Boolean, default: false },
+    animationDuration: { default: 2e3 },
+    valueFrom: { default: void 0 },
+    placeholder: { default: "" },
+    valueStyle: { default: () => {
+      return {};
+    } },
+    isCountdown: { type: Boolean, default: false }
+  },
+  emits: ["finish"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const {
+      value,
+      precision,
+      format,
+      start,
+      valueFrom,
+      placeholder,
+      animation,
+      animationDuration,
+      easeing,
+      isCountdown,
+      showGroupSeparator
+    } = toRefs(props);
+    const valueRef = ref();
+    const showValue = computed(() => {
+      return isUndefined(value.value) ? placeholder.value : getFormatValue(value.value);
+    });
+    watch(
+      [start, animation, valueFrom, value],
+      () => {
+        if (!start.value || !animation.value || isUndefined(valueFrom.value) || !isNumber(value.value) || valueFrom.value - value.value == 0) {
+          return;
+        }
+        const between = new Tween({
+          from: {
+            textContent: valueFrom.value
+          },
+          to: {
+            textContent: value.value
+          },
+          duration: animationDuration.value,
+          easeing: easeing.value,
+          onUpdate: (current) => {
+            valueRef.value.textContent = getFormatValue(current.textContent);
+          },
+          onFinish() {
+            emits("finish");
+          }
+        });
+        between.start();
+      },
+      {
+        immediate: true
+      }
+    );
+    const formatNumber = (num) => {
+      let parts = num.toString().split(".");
+      parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+      return parts.join(".");
+    };
+    function getFormatValue(value2) {
+      if (isNumber(value2) && !isCountdown.value) {
+        const fixedValue = value2.toFixed(precision.value);
+        return showGroupSeparator.value ? formatNumber(fixedValue) : fixedValue;
+      }
+      if (isCountdown.value) {
+        return formatSeconds(value2, format.value);
+      }
+      return formatDate(value2, format.value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", {
+            class: "yc-statistic-value",
+            style: normalizeStyle(_ctx.valueStyle)
+          }, [
+            _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_4, [
+              renderSlot(_ctx.$slots, "prefix")
+            ])) : createCommentVNode("", true),
+            createElementVNode("span", {
+              class: "yc-statistic-value-integer",
+              ref_key: "valueRef",
+              ref: valueRef
+            }, [
+              renderSlot(_ctx.$slots, "value", {}, () => [
+                createTextVNode(toDisplayString(showValue.value), 1)
+              ])
+            ], 512),
+            _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_5, [
+              renderSlot(_ctx.$slots, "suffix")
+            ])) : createCommentVNode("", true)
+          ], 4),
+          _ctx.$slots.extra || _ctx.extra ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            renderSlot(_ctx.$slots, "extra", {}, () => [
+              createTextVNode(toDisplayString(_ctx.extra), 1)
+            ])
+          ])) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
 export {
-  _Statistic as default
+  _sfc_main as default
 };

package/es/Statistic/Statistic.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Statistic.vue.js";
+/* empty css               */
+export {
+  _sfc_main as default
+};

package/es/Statistic/index.js

@@ -1,13 +1,14 @@
-import _Statistic from "./Statistic.vue.js";
-import _sfc_main from "./Countdown.vue.js";
-const Statistic = Object.assign(_Statistic, {
-  countdown: _sfc_main,
+import _sfc_main from "./Statistic.vue.js";
+/* empty css               */
+import _sfc_main$1 from "./Countdown.vue.js";
+const Statistic = Object.assign(_sfc_main, {
+  countdown: _sfc_main$1,
   install: (app) => {
-    app.component("Yc" + _Statistic.name, _Statistic);
     app.component("Yc" + _sfc_main.name, _sfc_main);
+    app.component("Yc" + _sfc_main$1.name, _sfc_main$1);
   }
 });
 export {
-  _sfc_main as Countdown,
+  _sfc_main$1 as Countdown,
   Statistic as default
 };

package/es/Steps/Step.vue.js

@@ -1,7 +1,115 @@
-import _sfc_main from "./Step.vue2.js";
-/* empty css          */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const Step = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a561232b"]]);
+import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, renderSlot, createElementVNode, createBlock, Fragment, createTextVNode, toDisplayString } 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/IconCheck.vue.js";
+import _sfc_main$2 from "../_shared/icons/IconClose.vue.js";
+import useContext from "./hooks/useContext.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "yc-steps-item-tail"
+};
+const _hoisted_2 = { class: "yc-steps-item-node" };
+const _hoisted_3 = { class: "yc-steps-icon" };
+const _hoisted_4 = { class: "yc-steps-item-content" };
+const _hoisted_5 = { class: "yc-steps-item-title" };
+const _hoisted_6 = {
+  key: 0,
+  class: "yc-steps-item-description"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Step"
+  },
+  __name: "Step",
+  props: {
+    title: { default: "" },
+    description: { default: "" },
+    status: { default: void 0 },
+    disabled: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const { disabled } = toRefs(props);
+    const {
+      curStep,
+      stepMap,
+      computedCurrent,
+      type,
+      changeable,
+      status,
+      nextStatus,
+      direction,
+      labelPlacement,
+      lineLess: _lineLess,
+      small: _small,
+      emits
+    } = useContext().inject(props);
+    const small = computed(() => {
+      return type.value != "dot" ? _small.value : false;
+    });
+    const lineLess = computed(() => {
+      return _lineLess.value || curStep.value == stepMap.size || ["arrow", "navigation"].includes(type.value);
+    });
+    const handleClick = (e) => {
+      if (!changeable.value || disabled.value) return;
+      computedCurrent.value = curStep.value;
+      emits("change", curStep.value, e);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-steps-item",
+          `yc-steps-item-${unref(direction)}`,
+          `yc-steps-item-label-${unref(labelPlacement)}`,
+          `yc-steps-item-${unref(status)}`,
+          `yc-steps-item-next-${unref(nextStatus)}`,
+          {
+            "yc-steps-item-active": unref(curStep) == unref(computedCurrent) && unref(type) == "navigation",
+            "yc-steps-item-line-less": lineLess.value,
+            "yc-steps-item-size-small": small.value
+          }
+        ]),
+        onClick: handleClick
+      }, [
+        unref(type) == "default" && (unref(direction) == "vertical" || unref(labelPlacement) == "vertical") || unref(type) == "dot" ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true),
+        unref(type) != "arrow" ? renderSlot(_ctx.$slots, "node", {
+          key: 1,
+          step: unref(curStep),
+          status: unref(status)
+        }, () => [
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
+              ["default", "navigation"].includes(unref(type)) ? renderSlot(_ctx.$slots, "icon", {
+                key: 0,
+                status: unref(status),
+                step: unref(curStep)
+              }, () => [
+                unref(status) == "finish" ? (openBlock(), createBlock(unref(_sfc_main$1), { key: 0 })) : unref(status) == "error" ? (openBlock(), createBlock(unref(_sfc_main$2), { key: 1 })) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                  createTextVNode(toDisplayString(unref(curStep)), 1)
+                ], 64))
+              ]) : createCommentVNode("", true)
+            ])
+          ])
+        ]) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_5, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ])
+          ]),
+          _ctx.$slots.description || _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            renderSlot(_ctx.$slots, "description", {}, () => [
+              createTextVNode(toDisplayString(_ctx.description), 1)
+            ])
+          ])) : createCommentVNode("", true)
+        ])
+      ], 2);
+    };
+  }
+});
 export {
-  Step as default
+  _sfc_main as default
 };

package/es/Steps/Step.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Step.vue.js";
+/* empty css          */
+export {
+  _sfc_main as default
+};

package/es/Steps/Steps.vue.js

@@ -1,7 +1,43 @@
-import _sfc_main from "./Steps.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Steps = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-96ebe941"]]);
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
+import useContext from "./hooks/useContext.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Steps"
+  },
+  __name: "Steps",
+  props: {
+    type: { default: "default" },
+    direction: { default: "horizontal" },
+    labelPlacement: { default: "horizontal" },
+    current: { default: void 0 },
+    defaultCurrent: { default: 1 },
+    status: { default: "process" },
+    lineLess: { type: Boolean, default: false },
+    small: { type: Boolean, default: false },
+    changeable: { type: Boolean, default: false }
+  },
+  emits: ["change", "update:current"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { type, labelPlacement, direction } = useContext().provide(props, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-steps",
+          `yc-steps-mode-${unref(type)}`,
+          `yc-steps-${unref(direction)}`,
+          `yc-steps-label-${unref(labelPlacement)}`,
+          {
+            "yc-steps-changeable": _ctx.changeable
+          }
+        ])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
 export {
-  _Steps as default
+  _sfc_main as default
 };

package/es/Steps/Steps.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Steps.vue.js";
+/* empty css           */
+export {
+  _sfc_main as default
+};

package/es/Steps/index.js

@@ -1,13 +1,15 @@
-import Step from "./Step.vue.js";
-import _Steps from "./Steps.vue.js";
-const Steps = Object.assign(_Steps, {
-  step: Step,
+import _sfc_main$1 from "./Step.vue.js";
+/* empty css          */
+import _sfc_main from "./Steps.vue.js";
+/* empty css           */
+const Steps = Object.assign(_sfc_main, {
+  step: _sfc_main$1,
   install: (app) => {
-    app.component("Yc" + Step.name, Step);
-    app.component("Yc" + _Steps.name, _Steps);
+    app.component("Yc" + _sfc_main$1.name, _sfc_main$1);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
   }
 });
 export {
-  Step,
+  _sfc_main$1 as Step,
   Steps as default
 };

package/es/Switch/index.js

@@ -1,7 +1,8 @@
-import _Switch from "./index.vue.js";
-const Switch = Object.assign(_Switch, {
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+const Switch = Object.assign(_sfc_main, {
   install: (app) => {
-    app.component("Yc" + _Switch.name, _Switch);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
   }
 });
 export {

package/es/Switch/index.vue.js

@@ -1,7 +1,154 @@
-import _sfc_main from "./index.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Switch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4f66f082"]]);
+import { defineComponent, useSlots, toRefs, computed, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, renderSlot, createTextVNode, toDisplayString } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import { isBoolean } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import useControlValue from "../_shared/utils/control.js";
+import Spin from "../Spin/index.js";
+const _hoisted_1 = ["aria-checked"];
+const _hoisted_2 = { class: "yc-switch-handle" };
+const _hoisted_3 = { class: "yc-switch-handle-icon" };
+const _hoisted_4 = {
+  key: 0,
+  class: "yc-switch-placeholder"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "yc-switch-text"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Switch"
+  },
+  __name: "index",
+  props: {
+    modelValue: { type: [String, Number, Boolean], default: void 0 },
+    defaultChecked: { type: [String, Number, Boolean], default: false },
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    type: { default: "circle" },
+    size: { default: void 0 },
+    checkedValue: { type: [String, Number, Boolean], default: true },
+    uncheckedValue: { type: [String, Number, Boolean], default: false },
+    checkedColor: { default: "rgb(var(--primary-6))" },
+    uncheckedColor: { default: "var(--color-fill-4)" },
+    checkedText: { default: "" },
+    uncheckedText: { default: "" },
+    beforeChange: { type: Function, default: () => {
+      return true;
+    } }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(__props, { emit: __emit }) {
+    const slots = useSlots();
+    const props = __props;
+    const emits = __emit;
+    const {
+      modelValue,
+      defaultChecked,
+      checkedValue,
+      uncheckedValue,
+      disabled,
+      type,
+      checkedText,
+      uncheckedText,
+      checkedColor,
+      uncheckedColor,
+      loading: _loading
+    } = toRefs(props);
+    const { beforeChange } = props;
+    const { size } = getGlobalConfig(props);
+    const computedValue = useControlValue(
+      modelValue,
+      defaultChecked.value,
+      (val) => {
+        emits("update:modelValue", val);
+      }
+    );
+    const compuedChecked = computed(() => {
+      return computedValue.value == checkedValue.value;
+    });
+    const showText = computed(() => {
+      const showCheckedText = compuedChecked.value && (checkedText.value || slots.checked);
+      const showUncheckedText = !compuedChecked.value && (uncheckedText.value || slots.unchecked);
+      return type.value != "line" && size.value != "small" && (showCheckedText || showUncheckedText);
+    });
+    const background = computed(
+      () => compuedChecked.value ? checkedColor.value : uncheckedColor.value
+    );
+    const switchLoading = ref(false);
+    const loading = computed(() => switchLoading.value || _loading.value);
+    const handleBeforeChange = async (newValue) => {
+      let isChange = true;
+      switchLoading.value = true;
+      const changeResult = beforeChange(newValue);
+      if (isBoolean(changeResult)) {
+        isChange = changeResult;
+      } else if (changeResult instanceof Promise) {
+        try {
+          const _isChange = await changeResult;
+          if (isBoolean(_isChange)) {
+            isChange = _isChange;
+          }
+        } catch {
+          isChange = false;
+        }
+      }
+      switchLoading.value = false;
+      return isChange;
+    };
+    const handleClick = async (e) => {
+      if (loading.value || disabled.value) return;
+      const newValue = compuedChecked.value ? uncheckedValue.value : checkedValue.value;
+      const isChange = await handleBeforeChange(newValue);
+      if (!isChange) return;
+      computedValue.value = newValue;
+      emits("change", newValue, e);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass([
+          "yc-switch",
+          `yc-switch-shape-${unref(type)}`,
+          `yc-switch-size-${unref(size)}`,
+          compuedChecked.value ? "yc-switch-checked" : "yc-switch-unchecked",
+          {
+            "yc-switch-loading": loading.value,
+            "yc-switch-disabled": unref(disabled)
+          }
+        ]),
+        style: normalizeStyle({
+          "--switch-background": background.value
+        }),
+        "aria-checked": compuedChecked.value,
+        role: "switch",
+        onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("focus", $event)),
+        onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("blur", $event)),
+        onClick: handleClick
+      }, [
+        createElementVNode("span", _hoisted_2, [
+          createElementVNode("span", _hoisted_3, [
+            loading.value ? (openBlock(), createBlock(unref(Spin), {
+              key: 0,
+              "is-size-inherit": ""
+            })) : renderSlot(_ctx.$slots, compuedChecked.value ? "checked-icon" : "unchecked-icon", { key: 1 })
+          ])
+        ]),
+        showText.value ? (openBlock(), createElementBlock("span", _hoisted_4, [
+          renderSlot(_ctx.$slots, compuedChecked.value ? "checked" : "unchecked", {}, () => [
+            createTextVNode(toDisplayString(compuedChecked.value ? unref(checkedText) : unref(uncheckedText)), 1)
+          ])
+        ])) : createCommentVNode("", true),
+        showText.value ? (openBlock(), createElementBlock("span", _hoisted_5, [
+          renderSlot(_ctx.$slots, compuedChecked.value ? "checked" : "unchecked", {}, () => [
+            createTextVNode(toDisplayString(compuedChecked.value ? unref(checkedText) : unref(uncheckedText)), 1)
+          ])
+        ])) : createCommentVNode("", true)
+      ], 46, _hoisted_1);
+    };
+  }
+});
 export {
-  _Switch as default
+  _sfc_main as default
 };

package/es/Switch/index.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+export {
+  _sfc_main as default
+};

package/es/Tabs/TabButton.vue.js

@@ -1,7 +1,38 @@
-import _sfc_main from "./TabButton.vue2.js";
-/* empty css               */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const TabButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-285ccf64"]]);
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createCommentVNode } from "vue";
+import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
+/* empty css                                    */
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+/* empty css                                         */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TabButton",
+  props: {
+    className: { type: Boolean, default: true },
+    type: {},
+    direction: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
+        size: 14,
+        class: [
+          `yc-tabs-nav-${_ctx.type ? `${_ctx.type}-` : ""}button`,
+          {
+            [`yc-tabs-nav-button-${_ctx.direction}`]: _ctx.direction
+          }
+        ]
+      }, _ctx.$attrs), {
+        default: withCtx(() => [
+          _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
 export {
-  TabButton as default
+  _sfc_main as default
 };

package/es/Tabs/TabButton.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./TabButton.vue.js";
+/* empty css               */
+export {
+  _sfc_main as default
+};