yc-design-vue 1.1.8 → 1.2.0

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

package/es/Typography/TypographyBase.vue2.js

@@ -5,8 +5,8 @@ import { getDomText, sleep } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import _sfc_main$3 from "../_shared/icons/IconCopy.vue2.js";
-import _sfc_main$1 from "../_shared/icons/IconEdit.vue2.js";
+import _sfc_main$3 from "../_shared/icons/IconCopy.vue.js";
+import _sfc_main$1 from "../_shared/icons/IconEdit.vue.js";
 import _sfc_main$2 from "../_shared/icons/IconInfo.vue.js";
 import useControlValue from "../_shared/utils/control.js";
 import Input from "../Input/index.js";

package/es/_shared/icons/IconCopy.vue.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconCopy.vue2.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconCopy",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M20 6h18a2 2 0 0 1 2 2v22M8 16v24c0 1.105.891 2 1.996 2h20.007A1.99 1.99 0 0 0 32 40.008V15.997A1.997 1.997 0 0 0 30 14H10a2 2 0 0 0-2 2Z" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconCopy.vue2.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconCopy",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M20 6h18a2 2 0 0 1 2 2v22M8 16v24c0 1.105.891 2 1.996 2h20.007A1.99 1.99 0 0 0 32 40.008V15.997A1.997 1.997 0 0 0 30 14H10a2 2 0 0 0-2 2Z" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconCopy.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconEdit.vue.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconEdit.vue2.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconEdit",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "m30.48 19.038 5.733-5.734a1 1 0 0 0 0-1.414l-5.586-5.586a1 1 0 0 0-1.414 0l-5.734 5.734m7 7L15.763 33.754a1 1 0 0 1-.59.286l-6.048.708a1 1 0 0 1-1.113-1.069l.477-6.31a1 1 0 0 1 .29-.631l14.7-14.7m7 7-7-7M6 42h36" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconEdit.vue2.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconEdit",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "m30.48 19.038 5.733-5.734a1 1 0 0 0 0-1.414l-5.586-5.586a1 1 0 0 0-1.414 0l-5.734 5.734m7 7L15.763 33.754a1 1 0 0 1-.59.286l-6.048.708a1 1 0 0 1-1.113-1.069l.477-6.31a1 1 0 0 1 .29-.631l14.7-14.7m7 7-7-7M6 42h36" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconEdit.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/utils/dom.d.ts

@@ -6,7 +6,7 @@ export declare const getElement: (target: string | HTMLElement | undefined, cont
 export declare const getDomText: (dom: Ref<HTMLElement | undefined>) => string;
 export declare const getBreakpointValue: (breakpoint: BreakpointName, value: string | number | ResponsiveValue, defaultValue?: number | string) => number | string | undefined;
 export declare const mediaQueryHandler: (onBreakpoint: (breakpoint: BreakpointName, order: Record<string, number>, index: number) => void, queries?: Record<string, string>) => void;
-export declare const findFirstScrollableParent: (element?: HTMLElement) => HTMLElement | undefined;
+export declare const findFirstScrollableParent: (element?: HTMLElement | null) => HTMLElement | undefined;
 export declare const sleep: (ms: number) => Promise<unknown>;
 export declare const throttleByRaf: (cb: (...args: any[]) => void) => {
     (...args: any[]): void;

package/es/_shared/utils/dom.js

@@ -65,11 +65,11 @@ const mediaQueryHandler = (onBreakpoint, queries = MEDICA_QUERY_QUERUES) => {
   );
 };
 const findFirstScrollableParent = (element) => {
-  if (!element || element === document.body) {
-    return;
+  if (!element) {
+    return void 0;
   }
   let currentElement = element.parentElement;
-  while (currentElement && currentElement !== document.body) {
+  while (currentElement) {
     const style = getComputedStyle(currentElement);
     const overflow = style.overflowY || style.overflow;
     const isScrollable = ["auto", "scroll"].includes(overflow);
@@ -79,6 +79,7 @@ const findFirstScrollableParent = (element) => {
     }
     currentElement = currentElement.parentElement;
   }
+  return void 0;
 };
 const sleep = (ms) => {
   return new Promise((resolve) => {