yc-design-vue 2.0.2 → 2.0.4

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

@@ -1,8 +1,5 @@
 import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../utils/dom.js";
-import "../utils/time.js";
-import "../utils/locale.js";
 /* empty css                                  */
 /* empty css                                       */
 import _sfc_main$1 from "../components/Icon/index.vue3.js";
@@ -12,15 +9,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
+        default: withCtx(() => [..._cache[0] || (_cache[0] = [
           createElementVNode("path", {
             d: "M22.683 5.415c.568-1.043 2.065-1.043 2.634 0l5.507 10.098a1.5 1.5 0 0 0 1.04.756l11.306 2.117c1.168.219 1.63 1.642.814 2.505l-7.902 8.359a1.5 1.5 0 0 0-.397 1.223l1.48 11.407c.153 1.177-1.058 2.057-2.131 1.548l-10.391-4.933a1.5 1.5 0 0 0-1.287 0l-10.39 4.933c-1.073.51-2.284-.37-2.131-1.548l1.48-11.407a1.5 1.5 0 0 0-.398-1.223L4.015 20.89c-.816-.863-.353-2.286.814-2.505l11.306-2.117a1.5 1.5 0 0 0 1.04-.756l5.508-10.098Z",
             fill: "currentColor",
             stroke: "none"
           }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
+        ])]),
+        _: 1
       }, 16);
     };
   }

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

@@ -1,8 +1,5 @@
 import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../utils/dom.js";
-import "../utils/time.js";
-import "../utils/locale.js";
 /* empty css                                  */
 /* empty css                                       */
 import _sfc_main$1 from "../components/Icon/index.vue3.js";
@@ -12,7 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
+        default: withCtx(() => [..._cache[0] || (_cache[0] = [
           createElementVNode("path", {
             "fill-rule": "evenodd",
             "clip-rule": "evenodd",
@@ -20,9 +17,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             fill: "currentColor",
             stroke: "none"
           }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
+        ])]),
+        _: 1
       }, 16);
     };
   }

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

@@ -1,8 +1,5 @@
 import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../utils/dom.js";
-import "../utils/time.js";
-import "../utils/locale.js";
 /* empty css                                  */
 /* empty css                                       */
 import _sfc_main$1 from "../components/Icon/index.vue3.js";
@@ -12,11 +9,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
+        default: withCtx(() => [..._cache[0] || (_cache[0] = [
           createElementVNode("path", { d: "M24 14v10h9.5m8.5 0c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
+        ])]),
+        _: 1
       }, 16);
     };
   }

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

@@ -1,8 +1,5 @@
 import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../utils/dom.js";
-import "../utils/time.js";
-import "../utils/locale.js";
 /* empty css                                  */
 /* empty css                                       */
 import _sfc_main$1 from "../components/Icon/index.vue3.js";
@@ -12,16 +9,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
+        default: withCtx(() => [..._cache[0] || (_cache[0] = [
           createElementVNode("path", { d: "M43 7H5M24 20v23M24 13.96 30.453 21H17.546L24 13.96Zm.736-.804Z" }, null, -1),
           createElementVNode("path", {
             d: "m24 14-6 7h12l-6-7Z",
             fill: "currentColor",
             stroke: "none"
           }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
+        ])]),
+        _: 1
       }, 16);
     };
   }

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

@@ -1,8 +1,5 @@
 import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../utils/dom.js";
-import "../utils/time.js";
-import "../utils/locale.js";
 /* empty css                                  */
 /* empty css                                       */
 import _sfc_main$1 from "../components/Icon/index.vue3.js";
@@ -12,7 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
+        default: withCtx(() => [..._cache[0] || (_cache[0] = [
           createElementVNode("path", {
             "fill-rule": "evenodd",
             "clip-rule": "evenodd",
@@ -20,9 +17,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             fill: "currentColor",
             stroke: "none"
           }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
+        ])]),
+        _: 1
       }, 16);
     };
   }

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

@@ -1,8 +1,5 @@
 import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../utils/dom.js";
-import "../utils/time.js";
-import "../utils/locale.js";
 /* empty css                                  */
 /* empty css                                       */
 import _sfc_main$1 from "../components/Icon/index.vue3.js";
@@ -12,11 +9,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
+        default: withCtx(() => [..._cache[0] || (_cache[0] = [
           createElementVNode("path", { d: "M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15m7 7V15" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
+        ])]),
+        _: 1
       }, 16);
     };
   }

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

@@ -1,8 +1,5 @@
 import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../utils/dom.js";
-import "../utils/time.js";
-import "../utils/locale.js";
 /* empty css                                  */
 /* empty css                                       */
 import _sfc_main$1 from "../components/Icon/index.vue3.js";
@@ -12,11 +9,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
+        default: withCtx(() => [..._cache[0] || (_cache[0] = [
           createElementVNode("path", { d: "M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
+        ])]),
+        _: 1
       }, 16);
     };
   }

package/es/_shared/type/index.d.ts

@@ -2,12 +2,29 @@ import { RenderFunction } from 'vue';
 export type Size = 'mini' | 'small' | 'medium' | 'large';
 export type Direction = 'vertical' | 'horizontal';
 export type Theme = 'light' | 'dark';
+export type Shape = 'square' | 'round' | 'circle';
+export type ObjectFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+export type BreakpointName = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+export type ResponsiveValue<T = number | string> = {
+    xs?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+    xxl?: T;
+};
 export type TargetContainer = string | HTMLElement;
 export type PopupContainer = string | HTMLElement;
+export type PopupMaxHeight = boolean | number;
+export type EventTrigger = 'click' | 'hover';
+export type PopupPosition = 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb';
+export type collapseType = 'clickTrigger' | 'responsive';
 export type ClassName = string | Record<string, boolean> | (string | Record<string, boolean>)[];
-export type RenderContent = string | ObjectData[] | RenderFunction;
-export type Props = ObjectData;
-export type ObjectData = Record<string, any>;
-export type RequiredDeep<T> = {
-    [P in keyof T]-?: T[P] extends object ? RequiredDeep<T[P]> : T[P];
+export type RenderContent = string | RecordType[] | RenderFunction;
+export type RecordType<T = any> = Record<string, T>;
+export type Required<T> = {
+    [P in keyof T]-?: T[P] extends object ? Required<T[P]> : T[P];
 };
+export type FilterOption<T> = (inputValue: string, option: T) => boolean;
+export type Format<T> = (value: T) => string;
+export type FallBack<K, R> = (value: K) => R;

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

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
 type OnSet = (...args: any) => any;
 type OnGet = (...args: any) => any;
-declare const _default: <T>(modelValue: Ref<T | undefined>, defaultValue: T, onSet?: OnSet, onGet?: OnGet) => import('vue').WritableComputedRef<T, T>;
-export default _default;
+export declare const useControlValue: <T>(modelValue: Ref<T | undefined>, defaultValue: T, onSet?: OnSet, onGet?: OnGet) => import('vue').WritableComputedRef<T, T>;
+export {};

package/es/_shared/utils/control.js

@@ -1,9 +1,5 @@
 import { ref, computed } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import "./dom.js";
 import { isUndefined } from "./is.js";
-import "./time.js";
-import "./locale.js";
 const useControlValue = (modelValue, defaultValue, onSet = (data) => data, onGet = (data) => data) => {
   const controlValue = ref(defaultValue);
   return computed({
@@ -18,5 +14,5 @@ const useControlValue = (modelValue, defaultValue, onSet = (data) => data, onGet
   });
 };
 export {
-  useControlValue as default
+  useControlValue
 };

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

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { BreakpointName, ResponsiveValue } from '../../Grid';
+import { BreakpointName, ResponsiveValue } from '../type';
 export declare const isServerRendering: boolean;
 export declare const querySelector: (selectors: string, container?: Document | HTMLElement) => HTMLElement | undefined;
 export declare const getElement: (target: string | HTMLElement | undefined, container?: Document | HTMLElement) => HTMLElement | undefined;

package/es/_shared/utils/dom.js

@@ -1,6 +1,6 @@
 import { watch } from "vue";
-import { MEDICA_QUERY_QUERUES } from "../constants/index.js";
 import { unrefElement, useMediaQuery } from "../../node_modules/@vueuse/core/index.js";
+import { MEDICA_QUERY_QUERUES } from "../constants/index.js";
 import { isString, isNumber, isObject, isUndefined } from "./is.js";
 const isServerRendering = (() => {
   try {

package/es/_shared/utils/global-config.d.ts

@@ -1,15 +1,15 @@
 import { Ref } from 'vue';
-import { ObjectData, PopupContainer, Props, Size } from '../type';
+import { RecordType, PopupContainer, Size } from '../type';
 export declare const CONFIG_PROVIDER_PROVIDE_KEY = "config-props";
 export interface ConfigProviderProvide {
     zIndex: Ref<number>;
     size: Ref<Size>;
-    locale: Ref<ObjectData | undefined>;
+    locale: Ref<RecordType | undefined>;
     popupContainer: Ref<PopupContainer>;
 }
-export declare const getGlobalConfig: (props?: Props) => {
+export declare const getGlobalConfig: (props?: RecordType) => {
     zIndex: Ref<number, number>;
-    locale: Ref<ObjectData | undefined, ObjectData | undefined>;
+    locale: Ref<RecordType | undefined, RecordType | undefined>;
     isAbsolute: import('vue').ComputedRef<any>;
     size: import('vue').ComputedRef<any>;
     popupContainer: import('vue').ComputedRef<any>;

package/es/_shared/utils/global-config.js

@@ -1,9 +1,5 @@
 import { inject, ref, toRefs, reactive, isReactive, computed } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import "./dom.js";
 import { isBoolean, isUndefined, isString } from "./is.js";
-import "./time.js";
-import "./locale.js";
 const CONFIG_PROVIDER_PROVIDE_KEY = "config-props";
 const getVar = (value, _value) => {
   return computed(() => {

package/es/_shared/utils/vue-utils.d.ts

@@ -1,6 +1,6 @@
 import { VNode } from 'vue';
-import { ObjectData, RenderContent } from '../type';
-export declare const getSlotFunction: (param: RenderContent | undefined) => import('vue').RenderFunction | (() => string | ObjectData[]) | undefined;
+import { RecordType, RenderContent } from '../type';
+export declare const getSlotFunction: (param: RenderContent | undefined) => import('vue').RenderFunction | (() => string | RecordType<any>[]) | undefined;
 export declare const isVifNode: (vnode: VNode | undefined | null) => boolean;
 export declare const findFirstLegitChild: (node: VNode[] | undefined) => VNode | null;
-export declare const findComponentsFromVnodes: (vnodes: VNode[], name: string) => ObjectData[];
+export declare const findComponentsFromVnodes: (vnodes: VNode[], name?: string) => RecordType[];

package/es/_shared/utils/vue-utils.js

@@ -38,7 +38,7 @@ const findFirstLegitChild = (node) => {
   }
   return null;
 };
-const findComponentsFromVnodes = (vnodes, name) => {
+const findComponentsFromVnodes = (vnodes, name = "") => {
   const result = [];
   const traverse = (nodes) => {
     var _a, _b;