cosey 0.7.4 → 0.7.6

package/components/input-number-range/input-number-range.d.ts

@@ -1,25 +1,80 @@
-export interface InputNumberRangeProps {
-    modelValue?: number[];
-    min?: number;
-    max?: number;
-    step?: number;
-    stepStrictly?: boolean;
-    precision?: number;
-    startPlaceholder?: string;
-    endPlaceholder?: string;
-    readonly?: boolean;
-    disabled?: boolean;
-    validateEvent?: boolean;
-}
-export declare const defaultInputNumberRangeProps: {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<number[]>;
+    };
+    min: {
+        type: import("vue").PropType<number>;
+    };
+    max: {
+        type: import("vue").PropType<number>;
+    };
+    step: {
+        type: import("vue").PropType<number>;
+    };
+    stepStrictly: {
+        type: import("vue").PropType<boolean>;
+    };
+    precision: {
+        type: import("vue").PropType<number>;
+    };
+    startPlaceholder: {
+        type: import("vue").PropType<string>;
+    };
+    endPlaceholder: {
+        type: import("vue").PropType<string>;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    validateEvent: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (value: number[] | undefined) => boolean;
+    change: (value: number[] | undefined) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<number[]>;
+    };
+    min: {
+        type: import("vue").PropType<number>;
+    };
+    max: {
+        type: import("vue").PropType<number>;
+    };
+    step: {
+        type: import("vue").PropType<number>;
+    };
+    stepStrictly: {
+        type: import("vue").PropType<boolean>;
+    };
+    precision: {
+        type: import("vue").PropType<number>;
+    };
+    startPlaceholder: {
+        type: import("vue").PropType<string>;
+    };
+    endPlaceholder: {
+        type: import("vue").PropType<string>;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    validateEvent: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onChange?: ((value: number[] | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number[] | undefined) => any) | undefined;
+}>, {
     validateEvent: boolean;
-};
-export interface InputNumberRangeSlots {
-    default?: (props: Record<string, never>) => any;
-}
-export interface InputNumberRangeEmits {
-    (e: 'update:modelValue', value: number[] | undefined): void;
-    (e: 'change', value: number[] | undefined): void;
-}
-export interface InputNumberRangeExpose {
-}
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/input-number-range/input-number-range.js

@@ -1,5 +1,110 @@
-const defaultInputNumberRangeProps = {
-  validateEvent: true
-};
+import { defineComponent, ref, watch, createVNode, createTextVNode } from 'vue';
+import { inputNumberRangeEmits, inputNumberRangeProps } from './input-number-range.api.js';
+import stdin_default$1 from './input-number-range.style.js';
+import { useFormItem, CHANGE_EVENT, ElInputNumber } from 'element-plus';
+import { isNullish } from '../../utils/is.js';
+import { debugWarn } from 'element-plus/es/utils/error.mjs';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
 
-export { defaultInputNumberRangeProps };
+var stdin_default = defineComponent({
+  name: "CoInputNumberRange",
+  props: inputNumberRangeProps,
+  emits: inputNumberRangeEmits,
+  setup(props, {
+    emit
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("input-number-range", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    const {
+      formItem
+    } = useFormItem();
+    const start = ref(null);
+    const end = ref(null);
+    const innerValue = ref(props.modelValue);
+    watch([start, end], () => {
+      const startNil = isNullish(start.value);
+      const endNil = isNullish(end.value);
+      if (startNil && endNil || !startNil && !endNil) {
+        const value = startNil && endNil ? void 0 : [start.value, end.value];
+        if (value !== innerValue.value) {
+          innerValue.value = value;
+          emit("update:modelValue", value);
+          emit("change", value);
+        }
+      }
+    });
+    watch(() => props.modelValue, () => {
+      if (props.validateEvent) {
+        formItem?.validate?.(CHANGE_EVENT).catch(err => debugWarn(err));
+      }
+    });
+    watch(() => props.modelValue, newValue => {
+      if (innerValue.value !== newValue) {
+        innerValue.value = newValue;
+        if (!newValue) {
+          start.value = null;
+          end.value = null;
+        } else {
+          const [startValue, endValue] = newValue.map(item => {
+            item = +item;
+            return Number.isNaN(item) ? null : item;
+          });
+          start.value = startValue;
+          end.value = endValue;
+        }
+      }
+    });
+    const isFocused = ref(false);
+    const onFocusIn = () => {
+      isFocused.value = true;
+    };
+    const onFocusOut = () => {
+      isFocused.value = false;
+    };
+    return () => {
+      return createVNode("div", {
+        "class": [hashId.value, prefixCls.value, {
+          "is-focus": isFocused.value
+        }, "el-input__wrapper"],
+        "onFocusin": onFocusIn,
+        "onFocusout": onFocusOut
+      }, [createVNode("div", {
+        "class": `${prefixCls.value}-start`
+      }, [createVNode(ElInputNumber, {
+        "modelValue": start.value,
+        "onUpdate:modelValue": $event => start.value = $event,
+        "min": props.min,
+        "max": props.max,
+        "step": props.step,
+        "stepStrictly": props.stepStrictly,
+        "precision": props.precision,
+        "controls": false,
+        "readonly": props.readonly,
+        "disabled": props.disabled,
+        "placeholder": props.startPlaceholder
+      }, null)]), createVNode("div", {
+        "class": `${prefixCls.value}-separator`
+      }, [createTextVNode("-")]), createVNode("div", {
+        "class": `${prefixCls.value}-end`
+      }, [createVNode(ElInputNumber, {
+        "modelValue": end.value,
+        "onUpdate:modelValue": $event => end.value = $event,
+        "min": props.min,
+        "max": props.max,
+        "step": props.step,
+        "stepStrictly": props.stepStrictly,
+        "precision": props.precision,
+        "controls": false,
+        "readonly": props.readonly,
+        "disabled": props.disabled,
+        "placeholder": props.endPlaceholder
+      }, null)])]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/{long-text/style/index.d.ts → input-number-range/input-number-range.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/input-number-range/{style/index.js → input-number-range.style.js}

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

package/components/long-text/index.d.ts

@@ -1,30 +1,76 @@
-export * from './long-text';
+export * from './long-text.api';
 declare const _LongText: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./long-text").LongTextProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        maxHeight: number | string;
-        maxWidth: number | string;
-        rows: number | string;
-    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        text: {
+            type: StringConstructor;
+        };
+        rows: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        maxWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        maxHeight: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        maxHeight: string | number;
+        maxWidth: string | number;
+        rows: string | number;
+    }, true, {}, import("vue").SlotsType<import("./long-text.api").LongTextSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("./long-text").LongTextProps> & Readonly<{}>, {}, {}, {}, {}, {
-        maxHeight: number | string;
-        maxWidth: number | string;
-        rows: number | string;
+    }, Readonly<import("vue").ExtractPropTypes<{
+        text: {
+            type: StringConstructor;
+        };
+        rows: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        maxWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        maxHeight: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        maxHeight: string | number;
+        maxWidth: string | number;
+        rows: string | number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("./long-text").LongTextProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    maxHeight: number | string;
-    maxWidth: number | string;
-    rows: number | string;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: import("./long-text").LongTextSlots;
-}) & import("vue").Plugin;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+    };
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    maxHeight: string | number;
+    maxWidth: string | number;
+    rows: string | number;
+}, {}, string, import("vue").SlotsType<import("./long-text.api").LongTextSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
 export { _LongText as LongText };
 export default _LongText;

package/components/long-text/index.js

@@ -1,6 +1,6 @@
 import { withInstall } from '../utils.js';
-import stdin_default$1 from './long-text.vue.js';
-export { defaultLongTextProps } from './long-text.js';
+import stdin_default$1 from './long-text.js';
+export { longTextProps, longTextSlots } from './long-text.api.js';
 
 const _LongText = withInstall(stdin_default$1);
 var stdin_default = _LongText;

package/components/long-text/long-text.api.d.ts

@@ -0,0 +1,23 @@
+import type { ExtractPropTypes, SlotsType } from 'vue';
+export declare const longTextProps: {
+    text: {
+        type: StringConstructor;
+    };
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+};
+export type LongTextProps = ExtractPropTypes<typeof longTextProps>;
+export interface LongTextSlots {
+    default: {};
+}
+export declare const longTextSlots: SlotsType<LongTextSlots>;

package/components/long-text/long-text.api.js

@@ -0,0 +1,20 @@
+const longTextProps = {
+  text: {
+    type: String
+  },
+  rows: {
+    type: [String, Number],
+    default: 3
+  },
+  maxWidth: {
+    type: [String, Number],
+    default: 690
+  },
+  maxHeight: {
+    type: [String, Number],
+    default: 320
+  }
+};
+const longTextSlots = Object;
+
+export { longTextProps, longTextSlots };

package/components/long-text/long-text.d.ts

@@ -1,14 +1,38 @@
-export interface LongTextProps {
-    text?: string;
-    rows?: number | string;
-    maxWidth?: number | string;
-    maxHeight?: number | string;
-}
-export declare const defaultLongTextProps: {
-    rows: number;
-    maxHeight: number;
-    maxWidth: number;
-};
-export interface LongTextSlots {
-    default?: (props: Record<string, never>) => any;
-}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+    };
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+    };
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    maxHeight: string | number;
+    maxWidth: string | number;
+    rows: string | number;
+}, import("vue").SlotsType<import("./long-text.api").LongTextSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/long-text/long-text.js

@@ -1,7 +1,57 @@
-const defaultLongTextProps = {
-  rows: 3,
-  maxHeight: 320,
-  maxWidth: 690
-};
+import { defineComponent, computed, createVNode } from 'vue';
+import { ElTooltip, ElScrollbar } from 'element-plus';
+import { longTextSlots, longTextProps } from './long-text.api.js';
+import stdin_default$1 from './long-text.style.js';
+import stdin_default$2 from '../copy/index.js';
+import { addPxUnit } from '../../utils/css.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
 
-export { defaultLongTextProps };
+var stdin_default = defineComponent({
+  name: "CoLongText",
+  props: longTextProps,
+  slots: longTextSlots,
+  setup(props, {
+    slots
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("long-text");
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    const textStyle = computed(() => {
+      return {
+        "-webkit-line-clamp": props.rows
+      };
+    });
+    return () => {
+      return createVNode(ElTooltip, {
+        "placement": "top",
+        "showAfter": 200
+      }, {
+        default: () => createVNode("div", {
+          "class": [hashId.value, prefixCls.value],
+          "style": textStyle.value
+        }, [props.text || slots.default?.({})]),
+        content: () => createVNode("div", {
+          "class": [hashId.value, `${prefixCls.value}-tooltip`]
+        }, [createVNode(ElScrollbar, {
+          "class": `${prefixCls.value}-scrollbar`,
+          "maxHeight": props.maxHeight,
+          "style": {
+            maxWidth: addPxUnit(props.maxWidth)
+          },
+          "always": true
+        }, {
+          default: () => [props.text || slots.default?.({})]
+        }), createVNode(stdin_default$2, {
+          "text": props.text,
+          "color": "inherit",
+          "class": `${prefixCls.value}-copy`
+        }, null)])
+      });
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/{scroll-view/style/index.d.ts → long-text/long-text.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/long-text/{style/index.js → long-text.style.js}

@@ -1,5 +1,5 @@
-import { getSimpleStyleHook } from '../../theme/getSimpleStyleHook.js';
-import { getLineClampStyle } from '../../style/mixins.js';
+import { getSimpleStyleHook } from '../theme/getSimpleStyleHook.js';
+import { getLineClampStyle } from '../style/mixins.js';
 
 var stdin_default = getSimpleStyleHook("CoLongText", (token) => {
   const { componentCls } = token;

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

@@ -12,7 +12,7 @@ declare const _MediaCard: {
             type: StringConstructor;
         };
         type: {
-            type: import("vue").PropType<"image" | "video" | "audio" | (string & {})>;
+            type: import("vue").PropType<"image" | "video" | "audio" | "svga" | (string & {})>;
         };
         title: {
             type: StringConstructor;
@@ -41,7 +41,7 @@ declare const _MediaCard: {
             type: StringConstructor;
         };
         type: {
-            type: import("vue").PropType<"image" | "video" | "audio" | (string & {})>;
+            type: import("vue").PropType<"image" | "video" | "audio" | "svga" | (string & {})>;
         };
         title: {
             type: StringConstructor;
@@ -67,7 +67,7 @@ declare const _MediaCard: {
         type: StringConstructor;
     };
     type: {
-        type: import("vue").PropType<"image" | "video" | "audio" | (string & {})>;
+        type: import("vue").PropType<"image" | "video" | "audio" | "svga" | (string & {})>;
     };
     title: {
         type: StringConstructor;

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

@@ -11,7 +11,7 @@ export declare const mediaCardBaseProps: {
         type: StringConstructor;
     };
     type: {
-        type: PropType<"image" | "video" | "audio" | (string & {})>;
+        type: PropType<"image" | "video" | "audio" | "svga" | (string & {})>;
     };
     title: {
         type: StringConstructor;
@@ -34,7 +34,7 @@ export declare const mediaCardProps: {
         type: StringConstructor;
     };
     type: {
-        type: PropType<"image" | "video" | "audio" | (string & {})>;
+        type: PropType<"image" | "video" | "audio" | "svga" | (string & {})>;
     };
     title: {
         type: StringConstructor;

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

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
     };
     type: {
-        type: import("vue").PropType<"image" | "video" | "audio" | (string & {})>;
+        type: import("vue").PropType<"image" | "video" | "audio" | "svga" | (string & {})>;
     };
     title: {
         type: StringConstructor;
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
     };
     type: {
-        type: import("vue").PropType<"image" | "video" | "audio" | (string & {})>;
+        type: import("vue").PropType<"image" | "video" | "audio" | "svga" | (string & {})>;
     };
     title: {
         type: StringConstructor;

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

@@ -46,7 +46,8 @@ const getMediaCardFileNameStyle = (token) => {
       fontSize: token.fontSizeSM,
       lineHeight: 1.12,
       textAlign: "center",
-      ...getLineClampStyle(2)
+      ...getLineClampStyle(2),
+      WebkitAlignContent: "center"
     },
     "&:is(.is-mini, .is-small)": {
       [`${componentCls}-filename`]: {

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

@@ -1,8 +1,4 @@
-import type { SlotsType } from 'vue';
-export interface PanelProps {
-    maxHeight?: string | number;
-    header?: string | number;
-}
+import type { ExtractPropTypes, SlotsType } from 'vue';
 export declare const panelProps: {
     maxHeight: {
         type: (NumberConstructor | StringConstructor)[];
@@ -11,6 +7,7 @@ export declare const panelProps: {
         type: (NumberConstructor | StringConstructor)[];
     };
 };
+export type PanelProps = ExtractPropTypes<typeof panelProps>;
 export interface PanelSlots {
     default?: {};
     header?: {};

package/components/remote-select/index.d.ts

@@ -436,13 +436,13 @@ declare const _RemoteSelect: {
         pagination: boolean | import("element-plus").PaginationProps;
         modelValue: (string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null;
         popperClass: string;
-        validateEvent: boolean;
-        tabindex: string | number;
         showArrow: boolean;
         persistent: boolean;
         effect: import("element-plus").PopperEffect;
         fallbackPlacements: Placement[];
         popperOptions: any;
+        tabindex: string | number;
+        validateEvent: boolean;
         valueKey: string;
         fitInputWidth: boolean;
         autocomplete: string;
@@ -892,13 +892,13 @@ declare const _RemoteSelect: {
         pagination: boolean | import("element-plus").PaginationProps;
         modelValue: (string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null;
         popperClass: string;
-        validateEvent: boolean;
-        tabindex: string | number;
         showArrow: boolean;
         persistent: boolean;
         effect: import("element-plus").PopperEffect;
         fallbackPlacements: Placement[];
         popperOptions: any;
+        tabindex: string | number;
+        validateEvent: boolean;
         valueKey: string;
         fitInputWidth: boolean;
         autocomplete: string;
@@ -1215,13 +1215,13 @@ declare const _RemoteSelect: {
     pagination: boolean | import("element-plus").PaginationProps;
     modelValue: (string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null;
     popperClass: string;
-    validateEvent: boolean;
-    tabindex: string | number;
     showArrow: boolean;
     persistent: boolean;
     effect: import("element-plus").PopperEffect;
     fallbackPlacements: Placement[];
     popperOptions: any;
+    tabindex: string | number;
+    validateEvent: boolean;
     valueKey: string;
     fitInputWidth: boolean;
     autocomplete: string;