cosey 0.1.4 → 0.2.0

package/components/form-list/form-list.js

@@ -3,7 +3,7 @@ import { defaultFormItemProps, formItemExposeKeys } from '../form/form-item.js';
 const defaultFormListProps = {
   ...defaultFormItemProps,
   modelValue: () => [],
-  addText: "\u65B0\u589E"
+  addText: "co.form.add"
 };
 const formListExposeKeys = [...formItemExposeKeys, "add", "remove", "move"];
 

package/components/form-list/form-list.vue.js

@@ -12,6 +12,7 @@ import { useToken } from '../theme/util/useToken.js';
 import { formContextSymbol } from '../form/form.js';
 import { arrayMove } from '../../utils/array.js';
 import { getFormItemWidth } from '../form/useFormItemWidth.js';
+import { useLocale } from '../../hooks/useLocale.js';
 import { useComponentConfig } from '../config-provider/config-provider.js';
 import { uuid } from '../../utils/string.js';
 import { createMergedExpose, defineTemplate } from '../../utils/vue.js';
@@ -160,6 +161,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const slots = useSlots();
     const emit = __emit;
     const attrs = useAttrs();
+    const {
+      t
+    } = useLocale();
     const {
       prefixCls
     } = useComponentConfig("form-list", props);
@@ -322,7 +326,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           default: () => [createVNode(_Icon, {
             "name": "co:add-large",
             "class": `${prefixCls.value}-plus-icon`
-          }, null), props.addText]
+          }, null), t(props.addText)]
         })])])],
         ...omit(slots, "default", "custom")
       });

package/components/form-list/index.d.ts

@@ -26,7 +26,7 @@ declare const _FormList: (<T extends import("./form-list").FormListRow = import(
         readonly labelWidth?: (string | number) | undefined;
         readonly labelPosition?: ("" | "left" | "right" | "top") | undefined;
         readonly rules?: (import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | undefined;
-        readonly validateStatus?: ("" | "success" | "error" | "validating") | undefined;
+        readonly validateStatus?: ("" | "error" | "success" | "validating") | undefined;
         readonly for?: string | undefined;
         readonly inlineMessage?: (string | boolean) | undefined;
         readonly showMessage?: boolean | undefined;

package/components/form-query/form-query.d.ts

@@ -134,6 +134,8 @@ export declare const formQueryProps: {
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
+    } & {
+        readonly default: true;
     };
     size: {
         readonly type: PropType<"" | "default" | "large" | "small">;

package/components/form-query/form-query.vue.d.ts

@@ -125,6 +125,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
+    } & {
+        readonly default: true;
     };
     size: {
         readonly type: import("vue").PropType<"" | "default" | "large" | "small">;
@@ -269,6 +271,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
+    } & {
+        readonly default: true;
     };
     size: {
         readonly type: import("vue").PropType<"" | "default" | "large" | "small">;
@@ -300,6 +304,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     validateOnRuleChange: boolean;
     hideRequiredAsterisk: boolean;
     scrollToError: boolean;
+    scrollIntoViewOptions: boolean | Record<string, any>;
     minFields: number;
     collapsed: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/components/form-query/form-query.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useSlots, computed, ref, Fragment, provide, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createVNode, resolveDynamicComponent, normalizeClass, createElementVNode, createCommentVNode, createTextVNode, isRef, cloneVNode, isVNode } from 'vue';
+import { defineComponent, useSlots, computed, ref, Fragment, provide, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createVNode, resolveDynamicComponent, normalizeClass, createElementVNode, createCommentVNode, createTextVNode, toDisplayString, isRef, cloneVNode, isVNode } from 'vue';
 import { formQueryProps, defaultMapSizeColNumber, formQueryContextSymbol } from './form-query.js';
 import { ElForm, ElButton } from 'element-plus';
 import { FormItem as _FormItem } from '../form/index.js';
@@ -7,6 +7,7 @@ import { Toggle as _Toggle } from '../toggle/index.js';
 import stdin_default$1 from './style/index.js';
 import { useFormTemplate } from '../form/useFormTemplate.js';
 import { useComponentConfig } from '../config-provider/config-provider.js';
+import { useLocale } from '../../hooks/useLocale.js';
 import { useTwoWayBinding } from '../../hooks/useTwoWayBinding.js';
 import { defineTemplate } from '../../utils/vue.js';
 
@@ -30,6 +31,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const {
       hashId
     } = stdin_default$1(prefixCls);
+    const {
+      t
+    } = useLocale();
     const {
       elFormProps,
       expose,
@@ -112,15 +116,17 @@ var stdin_default = /* @__PURE__ */defineComponent({
               type: "primary",
               loading: unref(submitting)
             }, {
-              default: withCtx(() => _cache[2] || (_cache[2] = [createTextVNode("\u67E5\u8BE2")])),
-              _: 1,
-              __: [2]
+              default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("co.form.search")), 1
+              /* TEXT */)]),
+              _: 1
+              /* STABLE */
             }, 8, ["loading"]), createVNode(unref(ElButton), {
               onClick: unref(reset)
             }, {
-              default: withCtx(() => _cache[3] || (_cache[3] = [createTextVNode("\u91CD\u7F6E")])),
-              _: 1,
-              __: [3]
+              default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("co.form.reset")), 1
+              /* TEXT */)]),
+              _: 1
+              /* STABLE */
             }, 8, ["onClick"])]), showToggle.value ? (openBlock(), createBlock(unref(_Toggle), {
               key: 0,
               modelValue: unref(innerCollapsed),

package/components/form-query/index.d.ts

@@ -125,6 +125,8 @@ declare const _FormQuery: {
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
+        } & {
+            readonly default: true;
         };
         size: {
             readonly type: import("vue").PropType<"" | "default" | "large" | "small">;
@@ -167,6 +169,7 @@ declare const _FormQuery: {
         validateOnRuleChange: boolean;
         hideRequiredAsterisk: boolean;
         scrollToError: boolean;
+        scrollIntoViewOptions: boolean | Record<string, any>;
         minFields: number;
         collapsed: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -301,6 +304,8 @@ declare const _FormQuery: {
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
+        } & {
+            readonly default: true;
         };
         size: {
             readonly type: import("vue").PropType<"" | "default" | "large" | "small">;
@@ -340,6 +345,7 @@ declare const _FormQuery: {
         validateOnRuleChange: boolean;
         hideRequiredAsterisk: boolean;
         scrollToError: boolean;
+        scrollIntoViewOptions: boolean | Record<string, any>;
         minFields: number;
         collapsed: boolean;
     }>;
@@ -471,6 +477,8 @@ declare const _FormQuery: {
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
+    } & {
+        readonly default: true;
     };
     size: {
         readonly type: import("vue").PropType<"" | "default" | "large" | "small">;
@@ -513,6 +521,7 @@ declare const _FormQuery: {
     validateOnRuleChange: boolean;
     hideRequiredAsterisk: boolean;
     scrollToError: boolean;
+    scrollIntoViewOptions: boolean | Record<string, any>;
     minFields: number;
     collapsed: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/components/highlight/style/index.js

@@ -15,8 +15,8 @@ const getMaskStyle = (token) => {
       },
       [`${componentCls}-copy`]: {
         position: "absolute",
-        top: token.sizeXXS,
-        right: token.sizeXXS,
+        insetBlockStart: token.sizeXXS,
+        insetInlineEnd: token.sizeXXS,
         zIndex: 10,
         color: token.colorWhite
       },

package/components/horizontal-tree/horizontal-tree.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent, computed, watch, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, createVNode, withCtx, createTextVNode, Fragment, renderList, createBlock, renderSlot, toDisplayString } from 'vue';
+import { defineComponent, computed, watch, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, toDisplayString, createCommentVNode, createElementVNode, createVNode, withCtx, createTextVNode, Fragment, renderList, createBlock, renderSlot } from 'vue';
 import stdin_default$1 from './style/index.js';
 import { useTreeCheck } from '../../hooks/useTreeCheck.js';
 import { mapTree, extraTreeToTable, walkTree } from '../../utils/tree.js';
 import { useComponentConfig } from '../config-provider/config-provider.js';
+import { useLocale } from '../../hooks/useLocale.js';
 import { isString } from '../../utils/is.js';
 
 const _hoisted_1 = {
@@ -60,6 +61,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const {
       hashId
     } = stdin_default$1(prefixCls);
+    const {
+      t
+    } = useLocale();
     const propNames = computed(() => {
       return Object.assign({
         children: "children",
@@ -187,8 +191,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
       }, [tableTree.value.length === 0 ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(`${unref(prefixCls)}-empty`)
-      }, "\u6682\u65E0\u6570\u636E", 2
-      /* CLASS */)) : (openBlock(), createElementBlock("table", _hoisted_1, [_ctx.showCheckbox && !_ctx.checkStrictly ? (openBlock(), createElementBlock("thead", _hoisted_2, [createElementVNode("tr", null, [createElementVNode("td", {
+      }, toDisplayString(unref(t)("co.common.noData")), 3
+      /* TEXT, CLASS */)) : (openBlock(), createElementBlock("table", _hoisted_1, [_ctx.showCheckbox && !_ctx.checkStrictly ? (openBlock(), createElementBlock("thead", _hoisted_2, [createElementVNode("tr", null, [createElementVNode("td", {
         colspan: maxLevel.value
       }, [createElementVNode("div", {
         class: normalizeClass(`${unref(prefixCls)}-node`)
@@ -197,9 +201,10 @@ var stdin_default = /* @__PURE__ */defineComponent({
         indeterminate: unref(checkAllIndeterminate),
         onChange: unref(onCheckAllChange)
       }, {
-        default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode(" \u6240\u6709 ")])),
-        _: 1,
-        __: [0]
+        default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("co.common.checkAll")), 1
+        /* TEXT */)]),
+        _: 1
+        /* STABLE */
       }, 8, ["model-value", "indeterminate", "onChange"])], 2
       /* CLASS */)], 8, _hoisted_3)])])) : createCommentVNode("v-if", true), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(tableTree.value, (row, i) => {
         return openBlock(), createElementBlock("tr", {

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

@@ -103,14 +103,7 @@ export declare const imageProps: {
     } & {
         readonly default: 7;
     };
-    showProgress: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: false;
-    };
+    showProgress: BooleanConstructor;
     crossorigin: {
         readonly type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
         readonly required: false;

package/components/image-card/image-card.vue.d.ts

@@ -101,14 +101,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     } & {
         readonly default: 7;
     };
-    showProgress: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: false;
-    };
+    showProgress: BooleanConstructor;
     crossorigin: {
         readonly type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
         readonly required: false;
@@ -120,8 +113,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     show: () => any;
     switch: () => any;
-    error: () => any;
     close: () => any;
+    error: () => any;
     load: () => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
@@ -224,14 +217,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     } & {
         readonly default: 7;
     };
-    showProgress: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: false;
-    };
+    showProgress: BooleanConstructor;
     crossorigin: {
         readonly type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
         readonly required: false;
@@ -241,8 +227,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>> & Readonly<{
     onShow?: (() => any) | undefined;
     onSwitch?: (() => any) | undefined;
-    onError?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
+    onError?: (() => any) | undefined;
     onLoad?: (() => any) | undefined;
 }>, {
     infinite: boolean;

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

@@ -101,14 +101,7 @@ declare const _ImageCard: {
         } & {
             readonly default: 7;
         };
-        showProgress: {
-            readonly type: import("vue").PropType<boolean>;
-            readonly required: false;
-            readonly validator: ((val: unknown) => boolean) | undefined;
-            __epPropKey: true;
-        } & {
-            readonly default: false;
-        };
+        showProgress: BooleanConstructor;
         crossorigin: {
             readonly type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
             readonly required: false;
@@ -118,16 +111,16 @@ declare const _ImageCard: {
     }>> & Readonly<{
         onShow?: (() => any) | undefined;
         onSwitch?: (() => any) | undefined;
-        onError?: (() => any) | undefined;
         onClose?: (() => any) | undefined;
+        onError?: (() => any) | undefined;
         onLoad?: (() => any) | undefined;
     }>, {
         view: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         show: () => any;
         switch: () => any;
-        error: () => any;
         close: () => any;
+        error: () => any;
         load: () => any;
     }, import("vue").PublicProps, {
         infinite: boolean;
@@ -251,14 +244,7 @@ declare const _ImageCard: {
         } & {
             readonly default: 7;
         };
-        showProgress: {
-            readonly type: import("vue").PropType<boolean>;
-            readonly required: false;
-            readonly validator: ((val: unknown) => boolean) | undefined;
-            __epPropKey: true;
-        } & {
-            readonly default: false;
-        };
+        showProgress: BooleanConstructor;
         crossorigin: {
             readonly type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
             readonly required: false;
@@ -268,8 +254,8 @@ declare const _ImageCard: {
     }>> & Readonly<{
         onShow?: (() => any) | undefined;
         onSwitch?: (() => any) | undefined;
-        onError?: (() => any) | undefined;
         onClose?: (() => any) | undefined;
+        onError?: (() => any) | undefined;
         onLoad?: (() => any) | undefined;
     }>, {
         view: () => void;
@@ -392,14 +378,7 @@ declare const _ImageCard: {
     } & {
         readonly default: 7;
     };
-    showProgress: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: false;
-    };
+    showProgress: BooleanConstructor;
     crossorigin: {
         readonly type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
         readonly required: false;
@@ -409,16 +388,16 @@ declare const _ImageCard: {
 }>> & Readonly<{
     onShow?: (() => any) | undefined;
     onSwitch?: (() => any) | undefined;
-    onError?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
+    onError?: (() => any) | undefined;
     onLoad?: (() => any) | undefined;
 }>, {
     view: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     show: () => any;
     switch: () => any;
-    error: () => any;
     close: () => any;
+    error: () => any;
     load: () => any;
 }, string, {
     infinite: boolean;

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

@@ -14,8 +14,8 @@ const getLongTextStyle = (token) => {
       },
       [`${componentCls}-copy`]: {
         position: "absolute",
-        top: token.sizeXXS,
-        right: token.sizeXXS,
+        insetBlockStart: token.sizeXXS,
+        insetInlineEnd: token.sizeXXS,
         zIndex: 10
       }
     }

package/components/mask/style/index.js

@@ -5,8 +5,8 @@ const getMaskStyle = (token) => {
   return {
     [componentCls]: {
       position: "absolute",
-      top: 0,
-      left: 0,
+      insetBlockStart: 0,
+      insetInlineStart: 0,
       width: "100%",
       height: "100%",
       backgroundColor: token.colorBgMask

package/components/row/row.vue.js

@@ -67,7 +67,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
       if (!props.gutter) {
         return styles;
       }
-      styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`;
+      styles.marginInlineEnd = styles.marginInlineStart = `-${props.gutter / 2}px`;
       return styles;
     });
     provide(rowContextSymbol, reactive({

package/components/scroll-view/scroll-view.vue.js

@@ -31,7 +31,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const thumbStyle = computed(() => {
       return {
         height: height.value + "px",
-        top: top.value + "px"
+        insetBlockStart: top.value + "px"
       };
     });
     const isTop = ref(false);

package/components/scroll-view/style/index.js

@@ -7,8 +7,8 @@ const getScrollViewStyle = (token) => {
       position: "relative",
       " &::before, &::after": {
         position: "absolute",
-        left: 0,
-        right: 0,
+        insetInlineStart: 0,
+        insetInlineEnd: 0,
         height: 40,
         zIndex: 1,
         content: '""',
@@ -17,11 +17,11 @@ const getScrollViewStyle = (token) => {
         touchAction: "none"
       },
       "&::before": {
-        top: 0,
+        insetBlockStart: 0,
         background: `linear-gradient(to bottom, ${token.colorBgElevated}, transparent)`
       },
       "&::after": {
-        bottom: 0,
+        insetBlockEnd: 0,
         background: `linear-gradient(to top, ${token.colorBgElevated}, transparent)`
       },
       "&.is-top::before": {
@@ -46,9 +46,9 @@ const getScrollViewStyle = (token) => {
       },
       [`${componentCls}-track`]: {
         position: "absolute",
-        top: 2,
-        right: 2,
-        bottom: 2,
+        insetBlockStart: 2,
+        insetInlineEnd: 2,
+        insetBlockEnd: 2,
         width: 6,
         touchAction: "none",
         backgroundColor: "transparent",
@@ -61,8 +61,8 @@ const getScrollViewStyle = (token) => {
       },
       [`${componentCls}-thumb`]: {
         position: "absolute",
-        top: 0,
-        left: 0,
+        insetBlockStart: 0,
+        insetInlineStart: 0,
         width: "100%",
         borderRadius: token.borderRadius,
         backgroundColor: token.colorTextTertiary,