cosey 0.7.0 → 0.7.2

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

@@ -328,7 +328,7 @@ declare const _RemoteSelect: {
         };
         tagType: {
             default: string;
-            type: import("vue").PropType<"warning" | "success" | "primary" | "info" | "danger">;
+            type: import("vue").PropType<"primary" | "success" | "warning" | "info" | "danger">;
             required: false;
             validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -404,9 +404,9 @@ declare const _RemoteSelect: {
     }>> & Readonly<{
         onClear?: (() => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((val: ((string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null) | undefined) => any) | undefined;
         onChange?: ((val: ((string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null) | undefined) => any) | undefined;
         onFocus?: ((evt: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((val: ((string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null) | undefined) => any) | undefined;
         "onVisible-change"?: ((visible: boolean) => any) | undefined;
         "onRemove-tag"?: ((val: unknown) => any) | undefined;
         "onPopup-scroll"?: ((args_0: {
@@ -429,32 +429,32 @@ declare const _RemoteSelect: {
         offset: number;
         multiple: boolean;
         disabled: boolean;
+        teleported: boolean;
         immediate: boolean;
-        valueKey: string;
-        modelValue: (string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null;
         placement: any;
+        loading: boolean;
+        pagination: boolean | import("element-plus").PaginationProps;
+        modelValue: (string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null;
         popperClass: string;
-        teleported: boolean;
+        validateEvent: boolean;
+        tabindex: string | number;
+        showArrow: boolean;
+        persistent: boolean;
+        effect: import("element-plus").PopperEffect;
+        fallbackPlacements: Placement[];
+        popperOptions: any;
+        valueKey: string;
         fitInputWidth: boolean;
         autocomplete: string;
         clearable: boolean;
-        tabindex: string | number;
-        validateEvent: boolean;
-        loading: boolean;
         valueOnClear: string | number | boolean | Function | null;
         filterable: boolean;
         collapseTags: boolean;
         maxCollapseTags: number;
         collapseTagsTooltip: boolean;
-        fallbackPlacements: Placement[];
-        effect: import("element-plus").PopperEffect;
-        tagType: "warning" | "success" | "primary" | "info" | "danger";
+        tagType: "primary" | "success" | "warning" | "info" | "danger";
         tagEffect: "dark" | "light" | "plain";
-        persistent: boolean;
-        pagination: boolean | import("element-plus").PaginationProps;
         automaticDropdown: boolean;
-        popperOptions: any;
-        showArrow: boolean;
         allowCreate: boolean;
         remote: boolean;
         multipleLimit: number;
@@ -796,7 +796,7 @@ declare const _RemoteSelect: {
         };
         tagType: {
             default: string;
-            type: import("vue").PropType<"warning" | "success" | "primary" | "info" | "danger">;
+            type: import("vue").PropType<"primary" | "success" | "warning" | "info" | "danger">;
             required: false;
             validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -872,9 +872,9 @@ declare const _RemoteSelect: {
     }>> & Readonly<{
         onClear?: (() => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((val: ((string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null) | undefined) => any) | undefined;
         onChange?: ((val: ((string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null) | undefined) => any) | undefined;
         onFocus?: ((evt: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((val: ((string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null) | undefined) => any) | undefined;
         "onVisible-change"?: ((visible: boolean) => any) | undefined;
         "onRemove-tag"?: ((val: unknown) => any) | undefined;
         "onPopup-scroll"?: ((args_0: {
@@ -885,32 +885,32 @@ declare const _RemoteSelect: {
         offset: number;
         multiple: boolean;
         disabled: boolean;
+        teleported: boolean;
         immediate: boolean;
-        valueKey: string;
-        modelValue: (string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null;
         placement: any;
+        loading: boolean;
+        pagination: boolean | import("element-plus").PaginationProps;
+        modelValue: (string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null;
         popperClass: string;
-        teleported: boolean;
+        validateEvent: boolean;
+        tabindex: string | number;
+        showArrow: boolean;
+        persistent: boolean;
+        effect: import("element-plus").PopperEffect;
+        fallbackPlacements: Placement[];
+        popperOptions: any;
+        valueKey: string;
         fitInputWidth: boolean;
         autocomplete: string;
         clearable: boolean;
-        tabindex: string | number;
-        validateEvent: boolean;
-        loading: boolean;
         valueOnClear: string | number | boolean | Function | null;
         filterable: boolean;
         collapseTags: boolean;
         maxCollapseTags: number;
         collapseTagsTooltip: boolean;
-        fallbackPlacements: Placement[];
-        effect: import("element-plus").PopperEffect;
-        tagType: "warning" | "success" | "primary" | "info" | "danger";
+        tagType: "primary" | "success" | "warning" | "info" | "danger";
         tagEffect: "dark" | "light" | "plain";
-        persistent: boolean;
-        pagination: boolean | import("element-plus").PaginationProps;
         automaticDropdown: boolean;
-        popperOptions: any;
-        showArrow: boolean;
         allowCreate: boolean;
         remote: boolean;
         multipleLimit: number;
@@ -1107,7 +1107,7 @@ declare const _RemoteSelect: {
     };
     tagType: {
         default: string;
-        type: import("vue").PropType<"warning" | "success" | "primary" | "info" | "danger">;
+        type: import("vue").PropType<"primary" | "success" | "warning" | "info" | "danger">;
         required: false;
         validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -1183,9 +1183,9 @@ declare const _RemoteSelect: {
 }>> & Readonly<{
     onClear?: (() => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: ((string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null) | undefined) => any) | undefined;
     onChange?: ((val: ((string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null) | undefined) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: ((string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null) | undefined) => any) | undefined;
     "onVisible-change"?: ((visible: boolean) => any) | undefined;
     "onRemove-tag"?: ((val: unknown) => any) | undefined;
     "onPopup-scroll"?: ((args_0: {
@@ -1208,32 +1208,32 @@ declare const _RemoteSelect: {
     offset: number;
     multiple: boolean;
     disabled: boolean;
+    teleported: boolean;
     immediate: boolean;
-    valueKey: string;
-    modelValue: (string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null;
     placement: any;
+    loading: boolean;
+    pagination: boolean | import("element-plus").PaginationProps;
+    modelValue: (string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null;
     popperClass: string;
-    teleported: boolean;
+    validateEvent: boolean;
+    tabindex: string | number;
+    showArrow: boolean;
+    persistent: boolean;
+    effect: import("element-plus").PopperEffect;
+    fallbackPlacements: Placement[];
+    popperOptions: any;
+    valueKey: string;
     fitInputWidth: boolean;
     autocomplete: string;
     clearable: boolean;
-    tabindex: string | number;
-    validateEvent: boolean;
-    loading: boolean;
     valueOnClear: string | number | boolean | Function | null;
     filterable: boolean;
     collapseTags: boolean;
     maxCollapseTags: number;
     collapseTagsTooltip: boolean;
-    fallbackPlacements: Placement[];
-    effect: import("element-plus").PopperEffect;
-    tagType: "warning" | "success" | "primary" | "info" | "danger";
+    tagType: "primary" | "success" | "warning" | "info" | "danger";
     tagEffect: "dark" | "light" | "plain";
-    persistent: boolean;
-    pagination: boolean | import("element-plus").PaginationProps;
     automaticDropdown: boolean;
-    popperOptions: any;
-    showArrow: boolean;
     allowCreate: boolean;
     remote: boolean;
     multipleLimit: number;

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

@@ -189,7 +189,7 @@ export declare const remoteSelectProps: {
     };
     tagType: {
         default: string;
-        type: PropType<"warning" | "success" | "primary" | "info" | "danger">;
+        type: PropType<"primary" | "success" | "warning" | "info" | "danger">;
         required: false;
         validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

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

@@ -185,7 +185,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     tagType: {
         default: string;
-        type: import("vue").PropType<"warning" | "success" | "primary" | "info" | "danger">;
+        type: import("vue").PropType<"primary" | "success" | "warning" | "info" | "danger">;
         required: false;
         validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -456,7 +456,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     tagType: {
         default: string;
-        type: import("vue").PropType<"warning" | "success" | "primary" | "info" | "danger">;
+        type: import("vue").PropType<"primary" | "success" | "warning" | "info" | "danger">;
         required: false;
         validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -532,9 +532,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     onClear?: (() => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: ((string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null) | undefined) => any) | undefined;
     onChange?: ((val: ((string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null) | undefined) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: ((string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null) | undefined) => any) | undefined;
     "onVisible-change"?: ((visible: boolean) => any) | undefined;
     "onRemove-tag"?: ((val: unknown) => any) | undefined;
     "onPopup-scroll"?: ((args_0: {
@@ -545,32 +545,32 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     offset: number;
     multiple: boolean;
     disabled: boolean;
+    teleported: boolean;
     immediate: boolean;
-    valueKey: string;
-    modelValue: (string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null;
     placement: any;
+    loading: boolean;
+    pagination: boolean | PaginationProps;
+    modelValue: (string | number | boolean | Record<string, any>) | (string | number | boolean | Record<string, any>)[] | null;
     popperClass: string;
-    teleported: boolean;
+    validateEvent: boolean;
+    tabindex: string | number;
+    showArrow: boolean;
+    persistent: boolean;
+    effect: import("element-plus").PopperEffect;
+    fallbackPlacements: Placement[];
+    popperOptions: any;
+    valueKey: string;
     fitInputWidth: boolean;
     autocomplete: string;
     clearable: boolean;
-    tabindex: string | number;
-    validateEvent: boolean;
-    loading: boolean;
     valueOnClear: string | number | boolean | Function | null;
     filterable: boolean;
     collapseTags: boolean;
     maxCollapseTags: number;
     collapseTagsTooltip: boolean;
-    fallbackPlacements: Placement[];
-    effect: import("element-plus").PopperEffect;
-    tagType: "warning" | "success" | "primary" | "info" | "danger";
+    tagType: "primary" | "success" | "warning" | "info" | "danger";
     tagEffect: "dark" | "light" | "plain";
-    persistent: boolean;
-    pagination: boolean | PaginationProps;
     automaticDropdown: boolean;
-    popperOptions: any;
-    showArrow: boolean;
     allowCreate: boolean;
     remote: boolean;
     multipleLimit: number;

package/components/ribbon/ribbon.style.js

@@ -27,11 +27,11 @@ var stdin_default = getSimpleStyleHook("CoRibbon", (token) => {
         filter: "grayscale(70%) brightness(0.7)"
       },
       [`&.is-top-left`]: {
-        top: "calc(var(--gap) * -1)",
-        left: "calc(var(--gap) * -1)",
+        insetBlockStart: "calc(var(--gap) * -1)",
+        insetInlineStart: "calc(var(--gap) * -1)",
         [`${componentCls}-silk`]: {
-          top: 0,
-          right: 0,
+          insetBlockStart: 0,
+          insetInlineEnd: 0,
           transformOrigin: "right bottom",
           transform: "translateY(-100%) rotate(-45deg)"
         },
@@ -40,20 +40,20 @@ var stdin_default = getSimpleStyleHook("CoRibbon", (token) => {
           borderLeftColor: "transparent"
         },
         "&::before": {
-          top: 0,
-          right: 0
+          insetBlockStart: 0,
+          insetInlineEnd: 0
         },
         "&::after": {
-          bottom: 0,
-          left: 0
+          insetBlockEnd: 0,
+          insetInlineStart: 0
         }
       },
       [`&.is-top-right`]: {
-        top: "calc(var(--gap) * -1)",
-        right: "calc(var(--gap) * -1)",
+        insetBlockStart: "calc(var(--gap) * -1)",
+        insetInlineEnd: "calc(var(--gap) * -1)",
         [`${componentCls}-silk`]: {
-          top: 0,
-          left: 0,
+          insetBlockStart: 0,
+          insetInlineStart: 0,
           transformOrigin: "left bottom",
           transform: "translateY(-100%) rotate(45deg)"
         },
@@ -62,20 +62,20 @@ var stdin_default = getSimpleStyleHook("CoRibbon", (token) => {
           borderRightColor: "transparent"
         },
         "&::before": {
-          top: 0,
-          left: 0
+          insetBlockStart: 0,
+          insetInlineStart: 0
         },
         "&::after": {
-          bottom: 0,
-          right: 0
+          insetBlockEnd: 0,
+          insetInlineEnd: 0
         }
       },
       [`&.is-bottom-left`]: {
-        bottom: "calc(var(--gap) * -1)",
-        left: "calc(var(--gap) * -1)",
+        insetBlockEnd: "calc(var(--gap) * -1)",
+        insetInlineStart: "calc(var(--gap) * -1)",
         [`${componentCls}-silk`]: {
-          bottom: 0,
-          right: 0,
+          insetBlockEnd: 0,
+          insetInlineEnd: 0,
           transformOrigin: "top right",
           transform: "translateY(100%) rotate(45deg)"
         },
@@ -84,20 +84,20 @@ var stdin_default = getSimpleStyleHook("CoRibbon", (token) => {
           borderLeftColor: "transparent"
         },
         "&::before": {
-          bottom: 0,
-          right: 0
+          insetBlockEnd: 0,
+          insetInlineEnd: 0
         },
         "&::after": {
-          top: 0,
-          left: 0
+          insetBlockStart: 0,
+          insetInlineStart: 0
         }
       },
       [`&.is-bottom-right`]: {
-        bottom: "calc(var(--gap) * -1)",
-        right: "calc(var(--gap) * -1)",
+        insetBlockEnd: "calc(var(--gap) * -1)",
+        insetInlineEnd: "calc(var(--gap) * -1)",
         [`${componentCls}-silk`]: {
-          bottom: 0,
-          left: 0,
+          insetBlockEnd: 0,
+          insetInlineStart: 0,
           transformOrigin: "left top",
           transform: "translateY(100%) rotate(-45deg)"
         },
@@ -106,12 +106,12 @@ var stdin_default = getSimpleStyleHook("CoRibbon", (token) => {
           borderRightColor: "transparent"
         },
         "&::before": {
-          bottom: 0,
-          left: 0
+          insetBlockEnd: 0,
+          insetInlineStart: 0
         },
         "&::after": {
-          top: 0,
-          right: 0
+          insetBlockStart: 0,
+          insetInlineEnd: 0
         }
       }
     }

package/components/snug-menu/index.d.ts

@@ -2,11 +2,11 @@ export * from './snug-menu';
 export * from './snug-menu-item';
 declare const _SnugMenu: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./snug-menu").SnugMenuProps> & Readonly<{
-        "onUpdate:modelValue"?: ((name: string) => any) | undefined;
         onChange?: ((name: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((name: string) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        "update:modelValue": (name: string) => any;
         change: (name: string) => any;
+        "update:modelValue": (name: string) => any;
     }, import("vue").PublicProps, {
         mode: "horizontal" | "vertical";
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -17,8 +17,8 @@ declare const _SnugMenu: {
         M: {};
         Defaults: {};
     }, Readonly<import("./snug-menu").SnugMenuProps> & Readonly<{
-        "onUpdate:modelValue"?: ((name: string) => any) | undefined;
         onChange?: ((name: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((name: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
         mode: "horizontal" | "vertical";
     }>;
@@ -26,11 +26,11 @@ declare const _SnugMenu: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("./snug-menu").SnugMenuProps> & Readonly<{
-    "onUpdate:modelValue"?: ((name: string) => any) | undefined;
     onChange?: ((name: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((name: string) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (name: string) => any;
     change: (name: string) => any;
+    "update:modelValue": (name: string) => any;
 }, string, {
     mode: "horizontal" | "vertical";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/components/snug-menu/snug-menu-item.vue.js

@@ -1,8 +1,10 @@
 import { defineComponent, inject, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode, toDisplayString } from 'vue';
 import { snugMenuContextSymbol } from './snug-menu.js';
 import stdin_default$1 from '../icon/icon.vue.js';
+import { useI18n } from 'vue-i18n';
 import { useComponentConfig } from '../config-provider/config-provider.api.js';
 
+const _hoisted_1 = ["title"];
 var stdin_default = /* @__PURE__ */defineComponent({
   ...{
     name: "CoSnugMenuItem"
@@ -32,11 +34,15 @@ var stdin_default = /* @__PURE__ */defineComponent({
   }) {
     const props = __props;
     const emit = __emit;
+    const {
+      t
+    } = useI18n();
     const {
       prefixCls
     } = useComponentConfig("snug-menu-item", props);
     const context = inject(snugMenuContextSymbol);
     const isActive = computed(() => !!props.name && context.activeName === props.name);
+    const title = computed(() => t(props.title ?? ""));
     const onClick = event => {
       if (!props.disabled) {
         emit("click", event);
@@ -56,9 +62,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
         size: "xl",
         class: normalizeClass([`${unref(prefixCls)}-icon`])
       }, null, 8, ["name", "class"])) : createCommentVNode("v-if", true), createElementVNode("div", {
-        class: normalizeClass([`${unref(prefixCls)}-title`])
-      }, toDisplayString(_ctx.title), 3
-      /* TEXT, CLASS */)], 2
+        class: normalizeClass([`${unref(prefixCls)}-title`]),
+        title: title.value
+      }, toDisplayString(title.value), 11, _hoisted_1)], 2
       /* CLASS */);
     };
   }

package/components/snug-menu/snug-menu.vue.d.ts

@@ -1,11 +1,11 @@
 import { type SnugMenuProps, type SnugMenuSlots } from './snug-menu';
 type __VLS_Slots = SnugMenuSlots;
 declare const __VLS_component: import("vue").DefineComponent<SnugMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (name: string) => any;
     change: (name: string) => any;
+    "update:modelValue": (name: string) => any;
 }, string, import("vue").PublicProps, Readonly<SnugMenuProps> & Readonly<{
-    "onUpdate:modelValue"?: ((name: string) => any) | undefined;
     onChange?: ((name: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((name: string) => any) | undefined;
 }>, {
     mode: "horizontal" | "vertical";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;