yc-design-vue 1.7.6 → 1.7.7

package/es/Slider/SliderTicks.vue3.js

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

package/es/Slider/index.css

@@ -1 +1 @@
-.yc-slider{display:inline-flex;align-items:center;gap:20px}.yc-slider .yc-slider-track{flex:1;flex-shrink:0;position:relative}.yc-slider .yc-slider-track::before{display:block;content:'';position:absolute;background-color:var(--color-fill-3);border-radius:2px}.yc-slider .yc-slider-track .yc-slider-bar{position:absolute;background-color:rgb(var(--primary-6));border-radius:2px}.yc-slider .yc-slider-track .yc-slider-btn{z-index:2;user-select:none;cursor:pointer;position:absolute;transform:translate(-50%, -50%);width:12px;height:12px}.yc-slider .yc-slider-track .yc-slider-btn:hover::before{box-shadow:0 2px 5px #0000001a;transform:scale(1.16666667)}.yc-slider .yc-slider-track .yc-slider-btn::before{content:'';display:inline-block;position:absolute;top:0;left:0;width:12px;height:12px;background:var(--color-bg-2);border:2px solid rgb(var(--primary-6));border-radius:50%;transition:all .3s cubic-bezier(.3, 1.3, .3, 1)}.yc-slider .yc-slider-input{display:flex;align-items:center}.yc-slider .yc-slider-input .yc-slider-input-divider{margin:0 6px;width:8px;height:2px;background:rgb(var(--gray-6))}.yc-slider .yc-slider-input:deep(.yc-input-outer){width:65px}.yc-slider .yc-slider-input:deep(.yc-input-outer) .yc-input-wrapper .yc-input{text-align:center}.yc-slider .yc-slider-input:deep(.yc-input-outer) .yc-input-wrapper .yc-input-suffix{padding-left:0}.yc-slider .yc-slider-ticks,.yc-slider .yc-slider-dots,.yc-slider .yc-slider-marks{z-index:1;position:absolute}.yc-slider .yc-slider-ticks .yc-slider-tick,.yc-slider .yc-slider-dots .yc-slider-tick,.yc-slider .yc-slider-marks .yc-slider-tick{position:absolute;background:var(--color-fill-3)}.yc-slider .yc-slider-ticks .yc-slider-tick.yc-slider-tick-active,.yc-slider .yc-slider-dots .yc-slider-tick.yc-slider-tick-active,.yc-slider .yc-slider-marks .yc-slider-tick.yc-slider-tick-active{background-color:rgb(var(--primary-6))}.yc-slider .yc-slider-ticks .yc-slider-dot,.yc-slider .yc-slider-dots .yc-slider-dot,.yc-slider .yc-slider-marks .yc-slider-dot{position:absolute;width:8px;height:8px;background-color:var(--color-bg-2);border:2px solid var(--color-fill-3);border-radius:50%}.yc-slider .yc-slider-ticks .yc-slider-dot.yc-slider-dot-active,.yc-slider .yc-slider-dots .yc-slider-dot.yc-slider-dot-active,.yc-slider .yc-slider-marks .yc-slider-dot.yc-slider-dot-active{border-color:rgb(var(--primary-6))}.yc-slider .yc-slider-ticks .yc-slider-mark,.yc-slider .yc-slider-dots .yc-slider-mark,.yc-slider .yc-slider-marks .yc-slider-mark{position:absolute;cursor:pointer;color:var(--color-text-3);font-size:14px;line-height:1;user-select:none}.yc-slider-direction-horizontal{width:100%;min-height:32px}.yc-slider-direction-horizontal .yc-slider-track::before,.yc-slider-direction-horizontal .yc-slider-track .yc-slider-bar,.yc-slider-direction-horizontal .yc-slider-track .yc-slider-btn{left:0;top:50%}.yc-slider-direction-horizontal .yc-slider-track::before,.yc-slider-direction-horizontal .yc-slider-track .yc-slider-bar{transform:translateY(-50%)}.yc-slider-direction-horizontal .yc-slider-track::before{height:2px;width:100%;right:0}.yc-slider-direction-horizontal .yc-slider-track .yc-slider-bar{height:2px}.yc-slider-direction-horizontal .yc-slider-ticks,.yc-slider-direction-horizontal .yc-slider-dots,.yc-slider-direction-horizontal .yc-slider-marks{top:50%;left:0;right:0;transform:translateY(-50%)}.yc-slider-direction-horizontal .yc-slider-ticks .yc-slider-tick,.yc-slider-direction-horizontal .yc-slider-dots .yc-slider-tick,.yc-slider-direction-horizontal .yc-slider-marks .yc-slider-tick{top:-4px;width:1px;height:3px;border-top-left-radius:1px;border-top-right-radius:1px}.yc-slider-direction-horizontal .yc-slider-ticks .yc-slider-dot,.yc-slider-direction-horizontal .yc-slider-dots .yc-slider-dot,.yc-slider-direction-horizontal .yc-slider-marks .yc-slider-dot{transform:translateY(-50%)}.yc-slider-direction-horizontal .yc-slider-ticks.yc-slider-marks,.yc-slider-direction-horizontal .yc-slider-dots.yc-slider-marks,.yc-slider-direction-horizontal .yc-slider-marks.yc-slider-marks{transform:translateY(calc(-50% + 10px))}.yc-slider-direction-vertical{height:100%;min-width:32px;flex-direction:column}.yc-slider-direction-vertical .yc-slider-track{display:flex;flex-direction:column;justify-content:center}.yc-slider-direction-vertical .yc-slider-track::before,.yc-slider-direction-vertical .yc-slider-track .yc-slider-bar,.yc-slider-direction-vertical .yc-slider-track .yc-slider-btn{bottom:0;left:50%}.yc-slider-direction-vertical .yc-slider-track::before,.yc-slider-direction-vertical .yc-slider-track .yc-slider-bar{transform:translateX(-50%)}.yc-slider-direction-vertical .yc-slider-track::before{top:0;width:2px;height:100%}.yc-slider-direction-vertical .yc-slider-track .yc-slider-bar{width:2px}.yc-slider-direction-vertical .yc-slider-ticks,.yc-slider-direction-vertical .yc-slider-dots,.yc-slider-direction-vertical .yc-slider-marks{left:50%;transform:translateX(-50%);top:0;bottom:0}.yc-slider-direction-vertical .yc-slider-ticks.yc-slider-marks,.yc-slider-direction-vertical .yc-slider-dots.yc-slider-marks,.yc-slider-direction-vertical .yc-slider-marks.yc-slider-marks{transform:translateX(calc(-50% + 10px))}.yc-slider-direction-vertical .yc-slider-ticks .yc-slider-tick,.yc-slider-direction-vertical .yc-slider-dots .yc-slider-tick,.yc-slider-direction-vertical .yc-slider-marks .yc-slider-tick{left:0;width:3px;height:1px;border-top-left-radius:1px;border-top-right-radius:1px}.yc-slider-direction-vertical .yc-slider-ticks .yc-slider-dot,.yc-slider-direction-vertical .yc-slider-dots .yc-slider-dot,.yc-slider-direction-vertical .yc-slider-marks .yc-slider-dot{transform:translateX(-50%)}.yc-slider-disabled .yc-slider-track::before{background-color:var(--color-fill-3)}.yc-slider-disabled .yc-slider-track .yc-slider-bar{background-color:var(--color-fill-3)}.yc-slider-disabled .yc-slider-track .yc-slider-btn{cursor:not-allowed}.yc-slider-disabled .yc-slider-track .yc-slider-btn::before{border-color:var(--color-fill-3)}
+.yc-slider{display:inline-flex;align-items:center;gap:20px}.yc-slider .yc-slider-track{flex:1;flex-shrink:0;position:relative}.yc-slider .yc-slider-track::before{display:block;content:'';position:absolute;background-color:var(--color-fill-3);border-radius:2px}.yc-slider .yc-slider-track .yc-slider-bar{position:absolute;background-color:rgb(var(--primary-6));border-radius:2px}.yc-slider .yc-slider-track .yc-slider-btn{z-index:2;user-select:none;cursor:pointer;position:absolute;transform:translate(-50%, -50%);width:12px;height:12px}.yc-slider .yc-slider-track .yc-slider-btn:hover::before{box-shadow:0 2px 5px #0000001a;transform:scale(1.16666667)}.yc-slider .yc-slider-track .yc-slider-btn::before{content:'';display:inline-block;position:absolute;top:0;left:0;width:12px;height:12px;background:var(--color-bg-2);border:2px solid rgb(var(--primary-6));border-radius:50%;transition:all .3s cubic-bezier(.3, 1.3, .3, 1)}.yc-slider .yc-slider-input{display:flex;align-items:center}.yc-slider .yc-slider-input .yc-slider-input-divider{margin:0 6px;width:8px;height:2px;background:rgb(var(--gray-6))}.yc-slider .yc-slider-input .yc-input-outer{width:65px}.yc-slider .yc-slider-input .yc-input-outer .yc-input-wrapper .yc-input{text-align:center}.yc-slider .yc-slider-input .yc-input-outer .yc-input-wrapper .yc-input-suffix{padding-left:0}.yc-slider .yc-slider-ticks,.yc-slider .yc-slider-dots,.yc-slider .yc-slider-marks{z-index:1;position:absolute}.yc-slider .yc-slider-ticks .yc-slider-tick,.yc-slider .yc-slider-dots .yc-slider-tick,.yc-slider .yc-slider-marks .yc-slider-tick{position:absolute;background:var(--color-fill-3)}.yc-slider .yc-slider-ticks .yc-slider-tick.yc-slider-tick-active,.yc-slider .yc-slider-dots .yc-slider-tick.yc-slider-tick-active,.yc-slider .yc-slider-marks .yc-slider-tick.yc-slider-tick-active{background-color:rgb(var(--primary-6))}.yc-slider .yc-slider-ticks .yc-slider-dot,.yc-slider .yc-slider-dots .yc-slider-dot,.yc-slider .yc-slider-marks .yc-slider-dot{position:absolute;width:8px;height:8px;background-color:var(--color-bg-2);border:2px solid var(--color-fill-3);border-radius:50%}.yc-slider .yc-slider-ticks .yc-slider-dot.yc-slider-dot-active,.yc-slider .yc-slider-dots .yc-slider-dot.yc-slider-dot-active,.yc-slider .yc-slider-marks .yc-slider-dot.yc-slider-dot-active{border-color:rgb(var(--primary-6))}.yc-slider .yc-slider-ticks .yc-slider-mark,.yc-slider .yc-slider-dots .yc-slider-mark,.yc-slider .yc-slider-marks .yc-slider-mark{position:absolute;cursor:pointer;color:var(--color-text-3);font-size:14px;line-height:1;user-select:none}.yc-slider-direction-horizontal{width:100%;min-height:32px}.yc-slider-direction-horizontal .yc-slider-track::before,.yc-slider-direction-horizontal .yc-slider-track .yc-slider-bar,.yc-slider-direction-horizontal .yc-slider-track .yc-slider-btn{left:0;top:50%}.yc-slider-direction-horizontal .yc-slider-track::before,.yc-slider-direction-horizontal .yc-slider-track .yc-slider-bar{transform:translateY(-50%)}.yc-slider-direction-horizontal .yc-slider-track::before{height:2px;width:100%;right:0}.yc-slider-direction-horizontal .yc-slider-track .yc-slider-bar{height:2px}.yc-slider-direction-horizontal .yc-slider-ticks,.yc-slider-direction-horizontal .yc-slider-dots,.yc-slider-direction-horizontal .yc-slider-marks{top:50%;left:0;right:0;transform:translateY(-50%)}.yc-slider-direction-horizontal .yc-slider-ticks .yc-slider-tick,.yc-slider-direction-horizontal .yc-slider-dots .yc-slider-tick,.yc-slider-direction-horizontal .yc-slider-marks .yc-slider-tick{top:-4px;width:1px;height:3px;border-top-left-radius:1px;border-top-right-radius:1px}.yc-slider-direction-horizontal .yc-slider-ticks .yc-slider-dot,.yc-slider-direction-horizontal .yc-slider-dots .yc-slider-dot,.yc-slider-direction-horizontal .yc-slider-marks .yc-slider-dot{transform:translateY(-50%)}.yc-slider-direction-horizontal .yc-slider-ticks.yc-slider-marks,.yc-slider-direction-horizontal .yc-slider-dots.yc-slider-marks,.yc-slider-direction-horizontal .yc-slider-marks.yc-slider-marks{transform:translateY(calc(-50% + 10px))}.yc-slider-direction-vertical{height:100%;min-width:32px;flex-direction:column}.yc-slider-direction-vertical .yc-slider-track{display:flex;flex-direction:column;justify-content:center}.yc-slider-direction-vertical .yc-slider-track::before,.yc-slider-direction-vertical .yc-slider-track .yc-slider-bar,.yc-slider-direction-vertical .yc-slider-track .yc-slider-btn{bottom:0;left:50%}.yc-slider-direction-vertical .yc-slider-track::before,.yc-slider-direction-vertical .yc-slider-track .yc-slider-bar{transform:translateX(-50%)}.yc-slider-direction-vertical .yc-slider-track::before{top:0;width:2px;height:100%}.yc-slider-direction-vertical .yc-slider-track .yc-slider-bar{width:2px}.yc-slider-direction-vertical .yc-slider-ticks,.yc-slider-direction-vertical .yc-slider-dots,.yc-slider-direction-vertical .yc-slider-marks{left:50%;transform:translateX(-50%);top:0;bottom:0}.yc-slider-direction-vertical .yc-slider-ticks.yc-slider-marks,.yc-slider-direction-vertical .yc-slider-dots.yc-slider-marks,.yc-slider-direction-vertical .yc-slider-marks.yc-slider-marks{transform:translateX(calc(-50% + 10px))}.yc-slider-direction-vertical .yc-slider-ticks .yc-slider-tick,.yc-slider-direction-vertical .yc-slider-dots .yc-slider-tick,.yc-slider-direction-vertical .yc-slider-marks .yc-slider-tick{left:0;width:3px;height:1px;border-top-left-radius:1px;border-top-right-radius:1px}.yc-slider-direction-vertical .yc-slider-ticks .yc-slider-dot,.yc-slider-direction-vertical .yc-slider-dots .yc-slider-dot,.yc-slider-direction-vertical .yc-slider-marks .yc-slider-dot{transform:translateX(-50%)}.yc-slider-disabled .yc-slider-track::before{background-color:var(--color-fill-3)}.yc-slider-disabled .yc-slider-track .yc-slider-bar{background-color:var(--color-fill-3)}.yc-slider-disabled .yc-slider-track .yc-slider-btn{cursor:not-allowed}.yc-slider-disabled .yc-slider-track .yc-slider-btn::before{border-color:var(--color-fill-3)}

package/es/Slider/index.js

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

package/es/Space/index.js

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

package/es/Space/index.vue.js

@@ -1,7 +1,96 @@
-import _sfc_main from "./index.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Space = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4f9e1543"]]);
+import { defineComponent, useSlots, toRefs, computed, Fragment, Comment, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createCommentVNode, renderList, createElementVNode, createBlock, resolveDynamicComponent } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { valueToPx } from "../_shared/utils/dom.js";
+import { isNumber, isArray, isUndefined } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import { getSlotFunction } from "../_shared/utils/vue-utils.js";
+import "../Empty/index.js";
+/* empty css                             */
+const _hoisted_1 = { class: "yc-space-item" };
+const _hoisted_2 = {
+  key: 0,
+  class: "yc-space-split"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Space"
+  },
+  __name: "index",
+  props: {
+    align: { default: void 0 },
+    direction: { default: "horizontal" },
+    wrap: { type: Boolean, default: false },
+    fill: { type: Boolean, default: false },
+    size: { default: "small" }
+  },
+  setup(__props) {
+    const slots = useSlots();
+    const props = __props;
+    const { size, direction, align: _align } = toRefs(props);
+    const gap = computed(() => {
+      const map = {
+        mini: 4,
+        small: 8,
+        medium: 16,
+        large: 24
+      };
+      if (isNumber(size.value)) {
+        return valueToPx(size.value);
+      } else if (isArray(size.value)) {
+        return size.value.map((v) => valueToPx(v)).join(" ");
+      } else {
+        return valueToPx(map[size.value]);
+      }
+    });
+    const align = computed(() => {
+      if (!isUndefined(_align.value)) {
+        return _align.value;
+      }
+      return direction.value == "horizontal" ? "center" : "start";
+    });
+    const nodes = computed(() => {
+      var _a;
+      if (!slots.split) return [];
+      const result = [];
+      (((_a = slots.default) == null ? void 0 : _a.call(slots)) || []).forEach((node) => {
+        if (node.type === Fragment) {
+          result.push(...node.children);
+        } else if (node.type !== Comment) {
+          result.push(node);
+        }
+      });
+      return result;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-space",
+          `yc-space-align-${align.value}`,
+          `yc-space-direction-${unref(direction)}`,
+          {
+            "yc-space-wrap": _ctx.wrap,
+            "yc-space-fill": _ctx.fill
+          }
+        ]),
+        style: normalizeStyle({
+          gap: gap.value
+        })
+      }, [
+        !_ctx.$slots.split ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(nodes.value, (node, i) => {
+          return openBlock(), createElementBlock(Fragment, { key: i }, [
+            createElementVNode("div", _hoisted_1, [
+              (openBlock(), createBlock(resolveDynamicComponent(unref(getSlotFunction)(node))))
+            ]),
+            i < nodes.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_2, [
+              renderSlot(_ctx.$slots, "split")
+            ])) : createCommentVNode("", true)
+          ], 64);
+        }), 128))
+      ], 6);
+    };
+  }
+});
 export {
-  _Space as default
+  _sfc_main as default
 };

package/es/Space/index.vue3.js

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

package/es/Spin/index.js

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

package/es/Spin/index.vue.js

@@ -1,7 +1,89 @@
-import _sfc_main from "./index.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Spin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4d07b531"]]);
+import { defineComponent, createElementBlock, openBlock, createVNode, createBlock, renderSlot, unref, withCtx, createCommentVNode, normalizeStyle, normalizeClass, Fragment, renderList, createElementVNode, resolveDynamicComponent, createTextVNode, toDisplayString, Transition } from "vue";
+import { createReusableTemplate } from "../node_modules/@vueuse/core/index.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { valueToPx } from "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import { getGlobalConfig } from "../_shared/utils/global-config.js";
+const _hoisted_1 = { class: "yc-spin" };
+const _hoisted_2 = {
+  key: 0,
+  class: "yc-dot-loading"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "yc-spin-tip"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "yc-spin-mask"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Spin"
+  },
+  __name: "index",
+  props: {
+    size: { default: 20 },
+    loading: { type: Boolean, default: false },
+    dot: { type: Boolean, default: false },
+    tip: { default: "" },
+    hideIcon: { type: Boolean, default: false },
+    isSizeInherit: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const { define: DefineTemplate, reuse: ReuseTemplate } = createReusableTemplate();
+    const { renderLoading } = getGlobalConfig();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(DefineTemplate), null, {
+          default: withCtx(() => [
+            !_ctx.hideIcon ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass([
+                "yc-spin-icon",
+                {
+                  "yc-spin-icon-loading": !_ctx.dot
+                }
+              ]),
+              style: normalizeStyle({
+                fontSize: !_ctx.isSizeInherit ? unref(valueToPx)(_ctx.size) : "inherit"
+              })
+            }, [
+              renderSlot(_ctx.$slots, "icon", {}, () => [
+                _ctx.dot ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                  (openBlock(), createElementBlock(Fragment, null, renderList(5, (i) => {
+                    return createElementVNode("div", {
+                      key: i,
+                      class: "yc-dot-loading-item"
+                    });
+                  }), 64))
+                ])) : (openBlock(), createBlock(resolveDynamicComponent(unref(renderLoading)()), { key: 1 }))
+              ])
+            ], 6)) : createCommentVNode("", true),
+            _ctx.tip ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              renderSlot(_ctx.$slots, "tip", {}, () => [
+                createTextVNode(toDisplayString(_ctx.tip), 1)
+              ])
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }),
+        !_ctx.$slots.default ? (openBlock(), createBlock(unref(ReuseTemplate), { key: 0 })) : (openBlock(), createBlock(Transition, {
+          key: 1,
+          name: "fade"
+        }, {
+          default: withCtx(() => [
+            _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              createVNode(unref(ReuseTemplate))
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })),
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
 export {
-  _Spin as default
+  _sfc_main as default
 };

package/es/Spin/index.vue3.js

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

package/es/Split/index.js

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

package/es/Split/index.vue.js

@@ -1,7 +1,146 @@
-import _sfc_main from "./index.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Split = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-23202c6e"]]);
+import { defineComponent, toRefs, computed, ref, watch, createBlock, openBlock, resolveDynamicComponent, normalizeClass, unref, withCtx, createElementVNode, normalizeStyle, renderSlot, createVNode } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { sleep, valueToPx } from "../_shared/utils/dom.js";
+import { isNumber } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+import useControlValue from "../_shared/utils/control.js";
+/* empty css                             */
+import _sfc_main$1 from "../_shared/icons/IconDragDot.vue.js";
+import { useDraggable } from "../node_modules/@vueuse/core/index.js";
+const _hoisted_1 = { class: "yc-split-trigger-icon-wrapper" };
+const _hoisted_2 = { class: "yc-split-trigger-icon" };
+const _hoisted_3 = { class: "yc-split-pane yc-split-pane-second" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Split"
+  },
+  __name: "index",
+  props: {
+    component: { default: "div" },
+    direction: { default: "horizontal" },
+    size: { default: void 0 },
+    defaultSize: { default: 0.5 },
+    min: { default: 0 },
+    max: { default: 1 },
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["update:size", "moving-start", "moving", "moving-end"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { size, defaultSize, direction, min, max } = toRefs(props);
+    const computedSize = useControlValue(
+      size,
+      defaultSize.value,
+      (val) => {
+        emits("update:size", val);
+      }
+    );
+    const rate = computed(() => {
+      const value = isNumber(computedSize.value) ? computedSize.value : getRate(computedSize.value);
+      return `${value * 100}%`;
+    });
+    const splitRef = ref();
+    const triggerRef = ref();
+    const triggerSize = computed(() => {
+      var _a, _b;
+      const size2 = direction.value == "horizontal" ? (_a = triggerRef.value) == null ? void 0 : _a.offsetWidth : (_b = triggerRef.value) == null ? void 0 : _b.offsetHeight;
+      return size2 ?? 6;
+    });
+    const splitSize = computed(() => {
+      var _a;
+      const rect = (_a = splitRef.value) == null ? void 0 : _a.getBoundingClientRect();
+      const size2 = direction.value == "horizontal" ? rect == null ? void 0 : rect.width : rect == null ? void 0 : rect.height;
+      return size2 ?? 0;
+    });
+    const { isDragging, x, y } = useDraggable(triggerRef, {
+      onMove() {
+        emits("moving");
+        const { left, top } = splitRef.value.getBoundingClientRect();
+        const pos = direction.value == "horizontal" ? left : top;
+        const minValue = pos + getValue(min.value);
+        const maxValue = pos + getValue(max.value) - triggerSize.value;
+        let value = "";
+        if (direction.value == "horizontal") {
+          x.value = x.value < minValue ? minValue : x.value;
+          x.value = x.value > maxValue ? maxValue : x.value;
+          value = `${x.value - left}px`;
+        } else {
+          y.value = y.value < minValue ? minValue : y.value;
+          y.value = y.value > maxValue ? maxValue : y.value;
+          value = `${y.value - top}px`;
+        }
+        computedSize.value = isNumber(computedSize.value) ? getRate(value) : value;
+      },
+      onStart() {
+        emits("moving-start");
+      },
+      onEnd() {
+        emits("moving-end");
+      }
+    });
+    const getValue = (value) => {
+      return isNumber(value) ? value * splitSize.value : Number.parseFloat(value);
+    };
+    const getRate = (value) => {
+      return Number.parseFloat(value) / splitSize.value;
+    };
+    watch(
+      () => computedSize.value,
+      async (val) => {
+        if (isDragging.value) return;
+        await sleep(0);
+        const { left, top } = splitRef.value.getBoundingClientRect();
+        x.value = left + getValue(val);
+        y.value = top + getValue(val);
+      },
+      {
+        immediate: true
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.component), {
+        class: normalizeClass(["yc-split", `yc-split-direction-${unref(direction)}`]),
+        ref_key: "splitRef",
+        ref: splitRef
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: "yc-split-pane yc-split-pane-first",
+            style: normalizeStyle({
+              flex: `0 0 calc(${rate.value} - ${unref(valueToPx)(triggerSize.value / 2)}`
+            })
+          }, [
+            renderSlot(_ctx.$slots, "first")
+          ], 4),
+          createElementVNode("div", {
+            class: "yc-split-trigger",
+            ref_key: "triggerRef",
+            ref: triggerRef
+          }, [
+            renderSlot(_ctx.$slots, "resize-trigger", {}, () => [
+              createElementVNode("div", _hoisted_1, [
+                createElementVNode("div", _hoisted_2, [
+                  renderSlot(_ctx.$slots, "resize-trigger-icon", {}, () => [
+                    createVNode(unref(_sfc_main$1), {
+                      rotate: unref(direction) == "horizontal" ? 90 : 0,
+                      size: 12
+                    }, null, 8, ["rotate"])
+                  ])
+                ])
+              ])
+            ])
+          ], 512),
+          createElementVNode("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "second")
+          ])
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
 export {
-  _Split as default
+  _sfc_main as default
 };

package/es/Split/index.vue3.js

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

package/es/Statistic/Countdown.vue.js

@@ -5,7 +5,8 @@ import { isUndefined } from "../_shared/utils/is.js";
 import { formatSeconds } from "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import _Statistic from "./Statistic.vue.js";
+import _sfc_main$1 from "./Statistic.vue.js";
+/* empty css               */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Countdown"
@@ -55,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_Statistic, {
+      return openBlock(), createBlock(_sfc_main$1, {
         title: _ctx.title,
         value: startValue.value - 1e3,
         "value-from": startValue.value,

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
 };