yc-design-vue 1.1.9 → 1.2.1

package/es/Badge/index.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.js";
 /* empty css           */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Badge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d3df3cf9"]]);
+const _Badge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-03650e28"]]);
 export {
   _Badge as default
 };

package/es/Button/Button.vue.d.ts

@@ -28,6 +28,7 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
     status: import('./type').ButtonStatus;
     long: boolean;
     htmlType: import('./type').ButtonHtmlType;
+    autofocus: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/Button/Button.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./Button.vue2.js";
 /* empty css            */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2327bc3e"]]);
+const _Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1536384b"]]);
 export {
   _Button as default
 };

package/es/Button/Button.vue2.js

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, toRefs, computed, createElementBlock, openBlock, mergeProps, createCommentVNode, renderSlot, unref, createBlock } from "vue";
 import useContext from "./hooks/useContext.js";
 import Spin from "../Spin/index.js";
-const _hoisted_1 = ["href"];
+const _hoisted_1 = ["href", "autofocus"];
 const _hoisted_2 = {
   key: 0,
   class: "yc-button-icon"
 };
-const _hoisted_3 = ["type", "disabled"];
+const _hoisted_3 = ["type", "disabled", "autofocus"];
 const _hoisted_4 = {
   key: 0,
   class: "yc-button-icon"
@@ -25,6 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     loading: { type: Boolean, default: false },
     disabled: { type: Boolean, default: void 0 },
     htmlType: { default: "button" },
+    autofocus: { type: Boolean, default: false },
     href: { default: "" }
   },
   emits: ["mousedown", "mouseup", "click", "dblclick", "contextmenu"],
@@ -64,7 +65,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return _ctx.href ? (openBlock(), createElementBlock("a", mergeProps({
         key: 0,
         href: _ctx.href,
-        class: className.value
+        class: className.value,
+        autofocus: _ctx.autofocus
       }, _ctx.$attrs, {
         onMousedown: _cache[0] || (_cache[0] = ($event) => handleEvent("mousedown", $event)),
         onMouseup: _cache[1] || (_cache[1] = ($event) => handleEvent("mouseup", $event)),
@@ -83,7 +85,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: 1,
         type: _ctx.htmlType,
         disabled: unref(disabled),
-        class: className.value
+        class: className.value,
+        autofocus: _ctx.autofocus
       }, _ctx.$attrs, {
         onMousedown: _cache[5] || (_cache[5] = ($event) => handleEvent("mousedown", $event)),
         onMouseup: _cache[6] || (_cache[6] = ($event) => handleEvent("mouseup", $event)),

package/es/Button/index.d.ts

@@ -27,6 +27,7 @@ declare const Button: {
         status: import('./type').ButtonStatus;
         long: boolean;
         htmlType: import('./type').ButtonHtmlType;
+        autofocus: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -50,6 +51,7 @@ declare const Button: {
         status: import('./type').ButtonStatus;
         long: boolean;
         htmlType: import('./type').ButtonHtmlType;
+        autofocus: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -76,6 +78,7 @@ declare const Button: {
     status: import('./type').ButtonStatus;
     long: boolean;
     htmlType: import('./type').ButtonHtmlType;
+    autofocus: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Readonly<import('./type').ButtonSlots> & import('./type').ButtonSlots;
 }) & {

package/es/Button/type.d.ts

@@ -9,6 +9,7 @@ export interface ButtonProps {
     loading?: boolean;
     disabled?: boolean;
     htmlType?: ButtonHtmlType;
+    autofocus?: boolean;
     href?: string;
 }
 export interface ButtonEmits {

package/es/Divider/index.d.ts

@@ -7,7 +7,7 @@ declare const Divider: {
         size: number;
         type: import('./type').DividerType;
         direction: import('..').Direction;
-        margin: number;
+        margin: number | string;
         orientation: import('./type').Orientation;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -20,7 +20,7 @@ declare const Divider: {
         size: number;
         type: import('./type').DividerType;
         direction: import('..').Direction;
-        margin: number;
+        margin: number | string;
         orientation: import('./type').Orientation;
     }>;
     __isFragment?: never;
@@ -30,7 +30,7 @@ declare const Divider: {
     size: number;
     type: import('./type').DividerType;
     direction: import('..').Direction;
-    margin: number;
+    margin: number | string;
     orientation: import('./type').Orientation;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Readonly<import('./type').DividerSlots> & import('./type').DividerSlots;

package/es/Divider/index.vue.d.ts

@@ -10,7 +10,7 @@ declare const __VLS_component: import('vue').DefineComponent<DividerProps, {}, {
     size: number;
     type: import('./type').DividerType;
     direction: import('..').Direction;
-    margin: number;
+    margin: number | string;
     orientation: import('./type').Orientation;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/es/Divider/index.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.js";
 /* empty css           */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Divider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a009a00c"]]);
+const _Divider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5d3da063"]]);
 export {
   _Divider as default
 };

package/es/Divider/type.d.ts

@@ -5,7 +5,7 @@ export interface DividerProps {
     orientation?: Orientation;
     type?: DividerType;
     size?: number;
-    margin?: number;
+    margin?: number | string;
 }
 export interface DividerSlots {
     default?: () => VNode[];

package/es/Slider/hooks/useContext.js

@@ -84,17 +84,18 @@ const useContext = () => {
       return decimalIndex === -1 ? 0 : str.length - decimalIndex - 1;
     }
     function normalizeValue(value) {
-      const totalSteps = (max.value - min.value) / step.value;
-      const currentStep = (value - min.value) / step.value;
-      const normalized = currentStep / totalSteps * 100;
-      return Math.round(normalized);
+      if (max.value - min.value === 0) return 0;
+      const normalized = (value - min.value) / (max.value - min.value) * 100;
+      return normalized;
     }
-    function denormalizeValue(value) {
-      const totalSteps = (max.value - min.value) / step.value;
-      const stepPosition = value / 100 * totalSteps;
-      const exactValue = min.value + stepPosition * step.value;
+    function denormalizeValue(percent) {
+      const estimatedValue = min.value + percent / 100 * (max.value - min.value);
+      const steps = (estimatedValue - min.value) / step.value;
+      const closestStep = Math.round(steps);
+      const finalValue = min.value + closestStep * step.value;
       const digit = getDecimalPlaces(step.value);
-      return +(Math.round(exactValue / step.value) * step.value).toFixed(digit);
+      const clampedValue = Math.max(min.value, Math.min(finalValue, max.value));
+      return +clampedValue.toFixed(digit);
     }
     provide(SLIDER_CONTEXT_KEY, {
       startValue,

package/es/Space/index.d.ts

@@ -4,7 +4,7 @@ export type SpaceInstance = InstanceType<typeof _Space>;
 export * from './type';
 declare const Space: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').SpaceProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        size: import('..').Size | number;
+        size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
         fill: boolean;
         wrap: boolean;
         direction: import('..').Direction;
@@ -17,7 +17,7 @@ declare const Space: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').SpaceProps> & Readonly<{}>, {}, {}, {}, {}, {
-        size: import('..').Size | number;
+        size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
         fill: boolean;
         wrap: boolean;
         direction: import('..').Direction;
@@ -27,7 +27,7 @@ declare const Space: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').SpaceProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    size: import('..').Size | number;
+    size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
     fill: boolean;
     wrap: boolean;
     direction: import('..').Direction;

package/es/Space/index.vue.d.ts

@@ -7,7 +7,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SpaceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SpaceProps> & Readonly<{}>, {
-    size: import('..').Size | number;
+    size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
     fill: boolean;
     wrap: boolean;
     direction: import('..').Direction;

package/es/Space/index.vue.js

@@ -1,7 +1,7 @@
 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-7a9a36b0"]]);
+const _Space = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4f9e1543"]]);
 export {
   _Space as default
 };

package/es/Space/index.vue2.js

@@ -1,7 +1,7 @@
 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, isUndefined } from "../_shared/utils/is.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";
@@ -34,7 +34,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         medium: 16,
         large: 24
       };
-      return valueToPx(isNumber(size.value) ? size.value : map[size.value]);
+      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)) {

package/es/Space/type.d.ts

@@ -5,10 +5,11 @@ export interface SpaceProps {
     direction?: Direction;
     wrap?: boolean;
     fill?: boolean;
-    size?: Size | number;
+    size?: SpaceSize | [SpaceSize, SpaceSize];
 }
 export interface SpaceSlots {
     default?: () => VNode[];
     split?: () => VNode[];
 }
 export type SpaceAlign = 'start' | 'end' | 'center' | 'baseline';
+export type SpaceSize = Size | number;