cosey 0.6.12 → 0.6.14

package/components/index.js

@@ -83,8 +83,10 @@ export { defaultInputNumberRangeProps } from './input-number-range/input-number-
 export { defaultLongTextProps } from './long-text/long-text.js';
 export { maskEmits } from './mask/mask.api.js';
 export { mediaCardBaseProps, mediaCardProps, mediaCardSlots } from './media-card/media-card.api.js';
+export { mediaCardGroupProps, mediaCardGroupSlots } from './media-card-group/media-card-group.api.js';
 export { mediaViewerBaseEmits, mediaViewerBaseProps, mediaViewerEmits, mediaViewerProps } from './media-viewer/media-viewer.api.js';
-export { defaultNumberFormatProps } from './number-format/number-format.js';
+export { numberFormatProps, numberFormatSlots } from './number-format/number-format.api.js';
+export { panelProps, panelSlots } from './panel/panel.api.js';
 export { remoteSelectEmits, remoteSelectProps, remoteSelectSlots } from './remote-select/remote-select.api.js';
 export { defaultBreakpoints, defaultRowProps, generateAlgorithms, rowColumns, rowContextSymbol, rowSizes } from './row/row.js';
 export { snugMenuContextSymbol } from './snug-menu/snug-menu.js';

package/components/media-card/media-card.api.d.ts

@@ -1,4 +1,4 @@
-import { type SlotsType, type PropType, ExtractPropTypes } from 'vue';
+import type { SlotsType, PropType, ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
 export declare const mediaCardBaseProps: {
     src: {
         type: StringConstructor;
@@ -21,6 +21,7 @@ export declare const mediaCardBaseProps: {
     };
 };
 export type MediaCardBaseProps = ExtractPropTypes<typeof mediaCardBaseProps>;
+export type MediaCardBasePublicProps = ExtractPublicPropTypes<typeof mediaCardBaseProps>;
 export declare const mediaCardProps: {
     src: {
         type: StringConstructor;

package/components/media-card-group/index.d.ts

@@ -1,18 +1,37 @@
-export * from './media-card-group';
+export * from './media-card-group.api';
 declare const _MediaCardGroup: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./media-card-group").MediaCardGroupProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        srcset: {
+            type: import("vue").PropType<string | (import("..").MediaCardBasePublicProps | string)[]>;
+        };
+        size: {
+            type: import("vue").PropType<import("..").MediaCardBasePublicProps["size"]>;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, import("vue").SlotsType<import("./media-card-group.api").MediaCardGroupSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("./media-card-group").MediaCardGroupProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import("vue").ExtractPropTypes<{
+        srcset: {
+            type: import("vue").PropType<string | (import("..").MediaCardBasePublicProps | string)[]>;
+        };
+        size: {
+            type: import("vue").PropType<import("..").MediaCardBasePublicProps["size"]>;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("./media-card-group").MediaCardGroupProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: import("./media-card-group").MediaCardGroupSlots;
-}) & import("vue").Plugin;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    srcset: {
+        type: import("vue").PropType<string | (import("..").MediaCardBasePublicProps | string)[]>;
+    };
+    size: {
+        type: import("vue").PropType<import("..").MediaCardBasePublicProps["size"]>;
+    };
+}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, import("vue").SlotsType<import("./media-card-group.api").MediaCardGroupSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
 export { _MediaCardGroup as MediaCardGroup };
 export default _MediaCardGroup;

package/components/media-card-group/index.js

@@ -1,5 +1,6 @@
 import { withInstall } from '../utils.js';
-import stdin_default$1 from './media-card-group.vue.js';
+import stdin_default$1 from './media-card-group.js';
+export { mediaCardGroupProps, mediaCardGroupSlots } from './media-card-group.api.js';
 
 const _MediaCardGroup = withInstall(stdin_default$1);
 var stdin_default = _MediaCardGroup;

package/components/media-card-group/media-card-group.api.d.ts

@@ -0,0 +1,19 @@
+import type { ExtractPropTypes, PropType, SlotsType } from 'vue';
+import type { MediaCardBasePublicProps } from '../media-card/media-card.api';
+export declare const mediaCardGroupProps: {
+    srcset: {
+        type: PropType<string | (MediaCardBasePublicProps | string)[]>;
+    };
+    size: {
+        type: PropType<MediaCardBasePublicProps["size"]>;
+    };
+};
+export type MediaCardGroupProps = ExtractPropTypes<typeof mediaCardGroupProps>;
+export interface MediaCardGroupSlots {
+    default: {};
+}
+export declare const mediaCardGroupSlots: SlotsType<MediaCardGroupSlots>;
+export interface MediaCardGroupEmits {
+}
+export interface MediaCardGroupExpose {
+}

package/components/media-card-group/media-card-group.api.js

@@ -0,0 +1,11 @@
+const mediaCardGroupProps = {
+  srcset: {
+    type: [String, Array]
+  },
+  size: {
+    type: String
+  }
+};
+const mediaCardGroupSlots = {};
+
+export { mediaCardGroupProps, mediaCardGroupSlots };

package/components/media-card-group/media-card-group.d.ts

@@ -1,12 +1,16 @@
-import { type MediaCardBaseProps } from '../media-card/media-card.api';
-export interface MediaCardGroupProps {
-    srcset?: string | (MediaCardBaseProps | string)[];
-    size?: MediaCardBaseProps['size'];
-}
-export interface MediaCardGroupSlots {
-    default?: (props: Record<string, never>) => any;
-}
-export interface MediaCardGroupEmits {
-}
-export interface MediaCardGroupExpose {
-}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    srcset: {
+        type: import("vue").PropType<string | (import("..").MediaCardBasePublicProps | string)[]>;
+    };
+    size: {
+        type: import("vue").PropType<import("..").MediaCardBasePublicProps["size"]>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    srcset: {
+        type: import("vue").PropType<string | (import("..").MediaCardBasePublicProps | string)[]>;
+    };
+    size: {
+        type: import("vue").PropType<import("..").MediaCardBasePublicProps["size"]>;
+    };
+}>> & Readonly<{}>, {}, import("vue").SlotsType<import("./media-card-group.api").MediaCardGroupSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/media-card-group/media-card-group.js

@@ -1 +1,52 @@
+import { defineComponent, computed, createVNode, mergeProps } from 'vue';
+import { mediaCardGroupSlots, mediaCardGroupProps } from './media-card-group.api.js';
+import stdin_default$1 from './media-card-group.style.js';
+import stdin_default$2 from '../media-card/media-card.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
+import { isString } from '../../utils/is.js';
 
+var stdin_default = defineComponent({
+  name: "CoMediaCardGroup",
+  props: mediaCardGroupProps,
+  slots: mediaCardGroupSlots,
+  setup(props) {
+    const {
+      prefixCls
+    } = useComponentConfig("media-card-group", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    const mergedSrcset = computed(() => {
+      if (isString(props.srcset)) {
+        return [{
+          src: props.srcset
+        }];
+      }
+      if (Array.isArray(props.srcset)) {
+        return props.srcset.map(item => {
+          if (isString(item)) {
+            return {
+              src: item
+            };
+          }
+          return item;
+        });
+      }
+      return [];
+    });
+    const srcList = computed(() => mergedSrcset.value.map(item => item.src).filter(Boolean));
+    return () => {
+      return createVNode("div", {
+        "class": [hashId.value, prefixCls.value]
+      }, [mergedSrcset.value.map(item => {
+        return createVNode(stdin_default$2, mergeProps(item, {
+          "key": item.src,
+          "size": props.size,
+          "srcList": srcList.value
+        }), null);
+      })]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/{panel/style/index.d.ts → media-card-group/media-card-group.style.d.ts}

@@ -1,4 +1,4 @@
-declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../theme/theme-context").ThemeManager) => {
+declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../theme/theme-context").ThemeManager) => {
     hashId: import("vue").Ref<string, string>;
 };
 export default _default;

package/components/media-card-group/{style/index.js → media-card-group.style.js}

@@ -1,4 +1,4 @@
-import { getSimpleStyleHook } from '../../theme/getSimpleStyleHook.js';
+import { getSimpleStyleHook } from '../theme/getSimpleStyleHook.js';
 
 var stdin_default = getSimpleStyleHook("CoMediaCardGroup", (token) => {
   const { componentCls } = token;

package/components/number-format/index.d.ts

@@ -1,45 +1,127 @@
-export * from './number-format';
+export * from './number-format.api';
 declare const _NumberFormat: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./number-format").NumberFormatProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        value: number | string;
-        type: "currency" | "decimal" | "percent";
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: (NumberConstructor | StringConstructor)[];
+        };
+        precision: {
+            type: NumberConstructor;
+            default: number;
+        };
+        animate: {
+            type: BooleanConstructor;
+        };
+        duration: {
+            type: NumberConstructor;
+            default: number;
+        };
+        locales: {
+            type: import("vue").PropType<"zh-Hans" | "en-US" | (string & {})>;
+            default: string;
+        };
+        type: {
+            type: import("vue").PropType<"currency" | "decimal" | "percent">;
+            default: string;
+        };
+        currency: {
+            type: import("vue").PropType<"CNY" | "USD" | (string & {})>;
+            default: string;
+        };
+        beforeDisplay: {
+            type: import("vue").PropType<(value: string) => string>;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        type: "decimal" | "percent" | "currency";
         animate: boolean;
         duration: number;
         precision: number;
-        currency: "CNY" | "USD" | (string & {});
-        locales: "zh-Hans" | "en-US" | (string & {});
-        beforeDisplay: (value: string) => string;
-    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        currency: (string & {}) | "CNY" | "USD";
+        locales: (string & {}) | "zh-Hans" | "en-US";
+    }, true, {}, import("vue").SlotsType<import("./number-format.api").NumberFormatSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("./number-format").NumberFormatProps> & Readonly<{}>, {}, {}, {}, {}, {
-        value: number | string;
-        type: "currency" | "decimal" | "percent";
+    }, Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: (NumberConstructor | StringConstructor)[];
+        };
+        precision: {
+            type: NumberConstructor;
+            default: number;
+        };
+        animate: {
+            type: BooleanConstructor;
+        };
+        duration: {
+            type: NumberConstructor;
+            default: number;
+        };
+        locales: {
+            type: import("vue").PropType<"zh-Hans" | "en-US" | (string & {})>;
+            default: string;
+        };
+        type: {
+            type: import("vue").PropType<"currency" | "decimal" | "percent">;
+            default: string;
+        };
+        currency: {
+            type: import("vue").PropType<"CNY" | "USD" | (string & {})>;
+            default: string;
+        };
+        beforeDisplay: {
+            type: import("vue").PropType<(value: string) => string>;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        type: "decimal" | "percent" | "currency";
         animate: boolean;
         duration: number;
         precision: number;
-        currency: "CNY" | "USD" | (string & {});
-        locales: "zh-Hans" | "en-US" | (string & {});
-        beforeDisplay: (value: string) => string;
+        currency: (string & {}) | "CNY" | "USD";
+        locales: (string & {}) | "zh-Hans" | "en-US";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("./number-format").NumberFormatProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    value: number | string;
-    type: "currency" | "decimal" | "percent";
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    precision: {
+        type: NumberConstructor;
+        default: number;
+    };
+    animate: {
+        type: BooleanConstructor;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    locales: {
+        type: import("vue").PropType<"zh-Hans" | "en-US" | (string & {})>;
+        default: string;
+    };
+    type: {
+        type: import("vue").PropType<"currency" | "decimal" | "percent">;
+        default: string;
+    };
+    currency: {
+        type: import("vue").PropType<"CNY" | "USD" | (string & {})>;
+        default: string;
+    };
+    beforeDisplay: {
+        type: import("vue").PropType<(value: string) => string>;
+    };
+}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    type: "decimal" | "percent" | "currency";
     animate: boolean;
     duration: number;
     precision: number;
-    currency: "CNY" | "USD" | (string & {});
-    locales: "zh-Hans" | "en-US" | (string & {});
-    beforeDisplay: (value: string) => string;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: import("./number-format").NumberFormatSlots;
-}) & import("vue").Plugin;
+    currency: (string & {}) | "CNY" | "USD";
+    locales: (string & {}) | "zh-Hans" | "en-US";
+}, {}, string, import("vue").SlotsType<import("./number-format.api").NumberFormatSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
 export { _NumberFormat as NumberFormat };
 export default _NumberFormat;

package/components/number-format/index.js

@@ -1,6 +1,6 @@
 import { withInstall } from '../utils.js';
-import stdin_default$1 from './number-format.vue.js';
-export { defaultNumberFormatProps } from './number-format.js';
+import stdin_default$1 from './number-format.js';
+export { numberFormatProps, numberFormatSlots } from './number-format.api.js';
 
 const _NumberFormat = withInstall(stdin_default$1);
 var stdin_default = _NumberFormat;

package/components/number-format/number-format.api.d.ts

@@ -0,0 +1,41 @@
+import type { ExtractPropTypes, PropType, SlotsType } from 'vue';
+export declare const numberFormatProps: {
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    precision: {
+        type: NumberConstructor;
+        default: number;
+    };
+    animate: {
+        type: BooleanConstructor;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    locales: {
+        type: PropType<"zh-Hans" | "en-US" | (string & {})>;
+        default: string;
+    };
+    type: {
+        type: PropType<"currency" | "decimal" | "percent">;
+        default: string;
+    };
+    currency: {
+        type: PropType<"CNY" | "USD" | (string & {})>;
+        default: string;
+    };
+    beforeDisplay: {
+        type: PropType<(value: string) => string>;
+    };
+};
+export type NumberFormatProps = ExtractPropTypes<typeof numberFormatProps>;
+export interface NumberFormatSlots {
+    default: {};
+}
+export declare const numberFormatSlots: SlotsType<NumberFormatSlots>;
+export interface NumberFormatEmits {
+}
+export interface NumberFormatExpose {
+}

package/components/number-format/number-format.api.js

@@ -0,0 +1,34 @@
+const numberFormatProps = {
+  value: {
+    type: [Number, String]
+  },
+  precision: {
+    type: Number,
+    default: 0
+  },
+  animate: {
+    type: Boolean
+  },
+  duration: {
+    type: Number,
+    default: 1500
+  },
+  locales: {
+    type: String,
+    default: "zh-Hans"
+  },
+  type: {
+    type: String,
+    default: "decimal"
+  },
+  currency: {
+    type: String,
+    default: "CNY"
+  },
+  beforeDisplay: {
+    type: Function
+  }
+};
+const numberFormatSlots = {};
+
+export { numberFormatProps, numberFormatSlots };

package/components/number-format/number-format.d.ts

@@ -1,18 +1,69 @@
-export interface NumberFormatProps {
-    value?: number | string;
-    precision?: number;
-    animate?: boolean;
-    duration?: number;
-    locales?: 'zh-Hans' | 'en-US' | (string & {});
-    type?: 'currency' | 'decimal' | 'percent';
-    currency?: 'CNY' | 'USD' | (string & {});
-    beforeDisplay?: (value: string) => string;
-}
-export declare const defaultNumberFormatProps: NumberFormatProps;
-export interface NumberFormatSlots {
-    default?: (props: Record<string, never>) => any;
-}
-export interface NumberFormatEmits {
-}
-export interface NumberFormatExpose {
-}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    precision: {
+        type: NumberConstructor;
+        default: number;
+    };
+    animate: {
+        type: BooleanConstructor;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    locales: {
+        type: import("vue").PropType<"zh-Hans" | "en-US" | (string & {})>;
+        default: string;
+    };
+    type: {
+        type: import("vue").PropType<"currency" | "decimal" | "percent">;
+        default: string;
+    };
+    currency: {
+        type: import("vue").PropType<"CNY" | "USD" | (string & {})>;
+        default: string;
+    };
+    beforeDisplay: {
+        type: import("vue").PropType<(value: string) => string>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    precision: {
+        type: NumberConstructor;
+        default: number;
+    };
+    animate: {
+        type: BooleanConstructor;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    locales: {
+        type: import("vue").PropType<"zh-Hans" | "en-US" | (string & {})>;
+        default: string;
+    };
+    type: {
+        type: import("vue").PropType<"currency" | "decimal" | "percent">;
+        default: string;
+    };
+    currency: {
+        type: import("vue").PropType<"CNY" | "USD" | (string & {})>;
+        default: string;
+    };
+    beforeDisplay: {
+        type: import("vue").PropType<(value: string) => string>;
+    };
+}>> & Readonly<{}>, {
+    type: "decimal" | "percent" | "currency";
+    animate: boolean;
+    duration: number;
+    precision: number;
+    currency: (string & {}) | "CNY" | "USD";
+    locales: (string & {}) | "zh-Hans" | "en-US";
+}, import("vue").SlotsType<import("./number-format.api").NumberFormatSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/number-format/number-format.js

@@ -1,9 +1,39 @@
-const defaultNumberFormatProps = {
-  precision: 0,
-  duration: 1500,
-  locales: "zh-Hans",
-  type: "decimal",
-  currency: "CNY"
-};
+import { defineComponent, ref, watch, nextTick, reactive, toRef, computed, createVNode } from 'vue';
+import { numberFormatSlots, numberFormatProps } from './number-format.api.js';
+import { useTransition, TransitionPresets } from '@vueuse/core';
 
-export { defaultNumberFormatProps };
+var stdin_default = defineComponent({
+  name: "CoNumberFormat",
+  props: numberFormatProps,
+  slots: numberFormatSlots,
+  setup(props) {
+    const numValue = ref(0);
+    watch(() => props.value, () => {
+      nextTick(() => {
+        numValue.value = Number(props.value) || 0;
+      });
+    }, {
+      immediate: true
+    });
+    const animatedValue = useTransition(numValue, reactive({
+      duration: toRef(() => props.duration),
+      disabled: toRef(() => !props.animate),
+      transition: TransitionPresets.easeInOutQuint
+    }));
+    const displayValue = computed(() => {
+      let value = Intl.NumberFormat(props.locales, {
+        style: props.type,
+        currency: props.currency
+      }).format(animatedValue.value);
+      const [integer, decimal = ""] = value.split(".");
+      const _decimal = decimal.padEnd(props.precision, "0").slice(0, props.precision);
+      value = [integer, _decimal].join(_decimal ? "." : "");
+      return props.beforeDisplay ? props.beforeDisplay(value) : value;
+    });
+    return () => {
+      return createVNode("span", null, [displayValue.value]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/panel/index.d.ts

@@ -1,18 +1,37 @@
-export * from './panel';
+export * from './panel.api';
 declare const _Panel: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./panel").PanelProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        maxHeight: {
+            type: (NumberConstructor | StringConstructor)[];
+        };
+        header: {
+            type: (NumberConstructor | StringConstructor)[];
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, import("vue").SlotsType<import("./panel.api").PanelSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("./panel").PanelProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import("vue").ExtractPropTypes<{
+        maxHeight: {
+            type: (NumberConstructor | StringConstructor)[];
+        };
+        header: {
+            type: (NumberConstructor | StringConstructor)[];
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("./panel").PanelProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: import("./panel").PanelSlots;
-}) & import("vue").Plugin;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    maxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    header: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, import("vue").SlotsType<import("./panel.api").PanelSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
 export { _Panel as Panel };
 export default _Panel;

package/components/panel/index.js

@@ -1,5 +1,6 @@
 import { withInstall } from '../utils.js';
-import stdin_default$1 from './panel.vue.js';
+import stdin_default$1 from './panel.js';
+export { panelProps, panelSlots } from './panel.api.js';
 
 const _Panel = withInstall(stdin_default$1);
 var stdin_default = _Panel;

package/components/panel/panel.api.d.ts

@@ -0,0 +1,18 @@
+import type { SlotsType } from 'vue';
+export interface PanelProps {
+    maxHeight?: string | number;
+    header?: string | number;
+}
+export declare const panelProps: {
+    maxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    header: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+};
+export interface PanelSlots {
+    default?: {};
+    header?: {};
+}
+export declare const panelSlots: SlotsType<PanelSlots>;

package/components/panel/panel.api.js

@@ -0,0 +1,11 @@
+const panelProps = {
+  maxHeight: {
+    type: [String, Number]
+  },
+  header: {
+    type: [String, Number]
+  }
+};
+const panelSlots = {};
+
+export { panelProps, panelSlots };

package/components/panel/panel.d.ts

@@ -1,8 +1,16 @@
-export interface PanelProps {
-    maxHeight?: string | number;
-    header?: string | number;
-}
-export interface PanelSlots {
-    default?: (props: Record<string, never>) => any;
-    header?: (props: Record<string, never>) => any;
-}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    maxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    header: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    maxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    header: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+}>> & Readonly<{}>, {}, import("vue").SlotsType<import("./panel.api").PanelSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/panel/panel.js

@@ -1 +1,37 @@
+import { defineComponent, createVNode } from 'vue';
+import { ElScrollbar } from 'element-plus';
+import { panelSlots, panelProps } from './panel.api.js';
+import stdin_default$1 from './panel.style.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
 
+var stdin_default = defineComponent({
+  name: "CoPanel",
+  props: panelProps,
+  slots: panelSlots,
+  setup(props, {
+    slots
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("panel", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    return () => {
+      return createVNode("div", {
+        "class": [hashId.value, prefixCls.value]
+      }, [(slots.header || props.header) && createVNode("div", {
+        "class": `${prefixCls.value}-header`
+      }, [slots.header ? slots.header() : props.header]), createVNode(ElScrollbar, {
+        "always": true,
+        "maxHeight": props.maxHeight
+      }, {
+        default: () => [createVNode("div", {
+          "class": `${prefixCls.value}-body`
+        }, [slots.default?.()])]
+      })]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/{media-card-group/style/index.d.ts → panel/panel.style.d.ts}

@@ -1,4 +1,4 @@
-declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../theme/theme-context").ThemeManager) => {
+declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../theme/theme-context").ThemeManager) => {
     hashId: import("vue").Ref<string, string>;
 };
 export default _default;

package/components/panel/{style/index.js → panel.style.js}

@@ -1,4 +1,4 @@
-import { getSimpleStyleHook } from '../../theme/getSimpleStyleHook.js';
+import { getSimpleStyleHook } from '../theme/getSimpleStyleHook.js';
 
 var stdin_default = getSimpleStyleHook("CoPanel", (token) => {
   const { componentCls } = token;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosey",
-  "version": "0.6.12",
+  "version": "0.6.14",
   "description": "基于 Vue3 + vite 的后台管理系统框架",
   "type": "module",
   "main": "index.js",

package/components/media-card-group/media-card-group.vue.d.ts

@@ -1,10 +0,0 @@
-import { type MediaCardGroupProps, type MediaCardGroupSlots } from './media-card-group';
-type __VLS_Slots = MediaCardGroupSlots;
-declare const __VLS_component: import("vue").DefineComponent<MediaCardGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MediaCardGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/components/media-card-group/media-card-group.vue.js

@@ -1,71 +0,0 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createBlock, mergeProps } from 'vue';
-import stdin_default$1 from './style/index.js';
-import stdin_default$2 from '../media-card/media-card.js';
-import { useComponentConfig } from '../config-provider/config-provider.api.js';
-import { isString } from '../../utils/is.js';
-
-var stdin_default = /* @__PURE__ */defineComponent({
-  ...{
-    name: "CoMediaCardGroup"
-  },
-  __name: "media-card-group",
-  props: {
-    srcset: {
-      type: [String, Array],
-      required: false
-    },
-    size: {
-      type: null,
-      required: false
-    }
-  },
-  setup(__props, {
-    expose: __expose
-  }) {
-    const props = __props;
-    const {
-      prefixCls
-    } = useComponentConfig("media-card-group", props);
-    const {
-      hashId
-    } = stdin_default$1(prefixCls);
-    const mergedSrcset = computed(() => {
-      if (isString(props.srcset)) {
-        return [{
-          src: props.srcset
-        }];
-      }
-      if (Array.isArray(props.srcset)) {
-        return props.srcset.map(item => {
-          if (isString(item)) {
-            return {
-              src: item
-            };
-          }
-          return item;
-        });
-      }
-      return [];
-    });
-    const srcList = computed(() => mergedSrcset.value.map(item => item.src).filter(Boolean));
-    __expose();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(hashId), unref(prefixCls)])
-      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(mergedSrcset.value, item => {
-        return openBlock(), createBlock(unref(stdin_default$2), mergeProps({
-          key: item.src
-        }, {
-          ref_for: true
-        }, item, {
-          size: _ctx.size,
-          "src-list": srcList.value
-        }), null, 16, ["size", "src-list"]);
-      }), 128
-      /* KEYED_FRAGMENT */))], 2
-      /* CLASS */);
-    };
-  }
-});
-
-export { stdin_default as default };

package/components/number-format/number-format.vue.d.ts

@@ -1,19 +0,0 @@
-import { type NumberFormatProps, type NumberFormatSlots } from './number-format';
-type __VLS_Slots = NumberFormatSlots;
-declare const __VLS_component: import("vue").DefineComponent<NumberFormatProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NumberFormatProps> & Readonly<{}>, {
-    value: number | string;
-    type: "currency" | "decimal" | "percent";
-    animate: boolean;
-    duration: number;
-    precision: number;
-    currency: "CNY" | "USD" | (string & {});
-    locales: "zh-Hans" | "en-US" | (string & {});
-    beforeDisplay: (value: string) => string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/components/number-format/number-format.vue.js

@@ -1,79 +0,0 @@
-import { defineComponent, mergeDefaults, ref, watch, nextTick, reactive, toRef, computed, createElementBlock, openBlock, toDisplayString } from 'vue';
-import { defaultNumberFormatProps } from './number-format.js';
-import { useTransition, TransitionPresets } from '@vueuse/core';
-
-var stdin_default = /* @__PURE__ */defineComponent({
-  ...{
-    name: "CoNumberFormat"
-  },
-  __name: "number-format",
-  props: /* @__PURE__ */mergeDefaults({
-    value: {
-      type: [Number, String],
-      required: false
-    },
-    precision: {
-      type: Number,
-      required: false
-    },
-    animate: {
-      type: Boolean,
-      required: false
-    },
-    duration: {
-      type: Number,
-      required: false
-    },
-    locales: {
-      type: [String, Object],
-      required: false
-    },
-    type: {
-      type: String,
-      required: false
-    },
-    currency: {
-      type: [String, Object],
-      required: false
-    },
-    beforeDisplay: {
-      type: Function,
-      required: false
-    }
-  }, defaultNumberFormatProps),
-  setup(__props, {
-    expose: __expose
-  }) {
-    const props = __props;
-    const numValue = ref(0);
-    watch(() => props.value, () => {
-      nextTick(() => {
-        numValue.value = Number(props.value) || 0;
-      });
-    }, {
-      immediate: true
-    });
-    const animatedValue = useTransition(numValue, reactive({
-      duration: toRef(() => props.duration),
-      disabled: toRef(() => !props.animate),
-      transition: TransitionPresets.easeInOutQuint
-    }));
-    const displayValue = computed(() => {
-      let value = Intl.NumberFormat(props.locales, {
-        style: props.type,
-        currency: props.currency
-      }).format(animatedValue.value);
-      let [integer, decimal = ""] = value.split(".");
-      decimal = decimal.padEnd(props.precision, "0").slice(0, props.precision);
-      value = [integer, decimal].join(decimal ? "." : "");
-      return props.beforeDisplay ? props.beforeDisplay(value) : value;
-    });
-    __expose();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", null, toDisplayString(displayValue.value), 1
-      /* TEXT */);
-    };
-  }
-});
-
-export { stdin_default as default };

package/components/panel/panel.vue.d.ts

@@ -1,10 +0,0 @@
-import { type PanelProps, type PanelSlots } from './panel';
-type __VLS_Slots = PanelSlots;
-declare const __VLS_component: import("vue").DefineComponent<PanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PanelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/components/panel/panel.vue.js

@@ -1,53 +0,0 @@
-import { defineComponent, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createVNode, renderSlot, createTextVNode, toDisplayString, withCtx, createElementVNode } from 'vue';
-import stdin_default$1 from './style/index.js';
-import { useComponentConfig } from '../config-provider/config-provider.api.js';
-
-var stdin_default = /* @__PURE__ */defineComponent({
-  ...{
-    name: "CoPanel"
-  },
-  __name: "panel",
-  props: {
-    maxHeight: {
-      type: [String, Number],
-      required: false
-    },
-    header: {
-      type: [String, Number],
-      required: false
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const {
-      prefixCls
-    } = useComponentConfig("panel", props);
-    const {
-      hashId
-    } = stdin_default$1(prefixCls);
-    return (_ctx, _cache) => {
-      const _component_el_scrollbar = resolveComponent("el-scrollbar");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(hashId), unref(prefixCls)])
-      }, [_ctx.$slots.header || _ctx.header ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(`${unref(prefixCls)}-header`)
-      }, [renderSlot(_ctx.$slots, "header", {}, () => [createTextVNode(toDisplayString(_ctx.header), 1
-      /* TEXT */)])], 2
-      /* CLASS */)) : createCommentVNode("v-if", true), createVNode(_component_el_scrollbar, {
-        always: "",
-        "max-height": _ctx.maxHeight
-      }, {
-        default: withCtx(() => [createElementVNode("div", {
-          class: normalizeClass(`${unref(prefixCls)}-body`)
-        }, [renderSlot(_ctx.$slots, "default")], 2
-        /* CLASS */)]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["max-height"])], 2
-      /* CLASS */);
-    };
-  }
-});
-
-export { stdin_default as default };