cosey 0.1.5 → 0.2.0

package/README.md

@@ -1,5 +1,7 @@
 <div align="center">
-  <img width="160" src="https://fastly.jsdelivr.net/npm/@gunny/files@latest/cosey-logo.svg" />
+  <p>
+    <img width="160" src="https://fastly.jsdelivr.net/npm/@gunny/files@latest/cosey-logo.svg" />
+  </p>
 
   <p>一个基于 Vue3 + TypeScript + Vite 的后台管理框架</p>
 

package/components/close/style/index.js

@@ -5,8 +5,8 @@ const getCloseStyle = (token) => {
   return {
     [componentCls]: {
       position: "absolute",
-      top: 40,
-      right: 40,
+      insetBlockStart: 40,
+      insetInlineEnd: 40,
       zIndex: 10,
       boxSizing: "border-box",
       display: "flex",

package/components/col/col.vue.js

@@ -106,7 +106,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const colStyle = computed(() => {
       const styles = {};
       if (rowContext.gutter) {
-        styles.paddingLeft = styles.paddingRight = `${rowContext.gutter / 2}px`;
+        styles.paddingInlineStart = styles.paddingInlineEnd = `${rowContext.gutter / 2}px`;
       }
       return styles;
     });

package/components/col/style/index.js

@@ -17,15 +17,15 @@ const getColSizeStyle = (token, size) => {
         }
       },
       [`${prefixCls}-${sizeFrag}offset-${i}`]: {
-        marginLeft: 1 / rowColumns * i * 100 + "%"
+        marginInlineStart: 1 / rowColumns * i * 100 + "%"
       },
       [`${prefixCls}-${sizeFrag}pull-${i}`]: {
         position: "relative",
-        right: 1 / rowColumns * i * 100 + "%"
+        insetInlineEnd: 1 / rowColumns * i * 100 + "%"
       },
       [`${prefixCls}-${sizeFrag}push-${i}`]: {
         position: "relative",
-        right: 1 / rowColumns * i * 100 + "%"
+        insetInlineEnd: 1 / rowColumns * i * 100 + "%"
       }
     };
   }).reduce((mergedCssbject, cssbject) => {

package/components/config-provider/config-provider.d.ts

@@ -1,10 +1,12 @@
 import { type ComputedRef } from 'vue';
 import { type TableConfig } from '../table';
 import { type ThemeConfig } from '../theme';
+import { type Language } from '../../locale';
 export interface ConfigProviderProps {
     prefixCls?: string;
     theme?: ThemeConfig;
     table?: TableConfig;
+    locale?: Language;
 }
 export interface ConfigProviderInnerProps {
     getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;

package/components/config-provider/config-provider.vue.js

@@ -1,8 +1,10 @@
-import { defineComponent, computed, onUnmounted, onMounted, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from 'vue';
+import { defineComponent, computed, provide, watch, onUnmounted, onMounted, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from 'vue';
 import useMergeTheme from './useMergeTheme.js';
 import { useConfig, useConfigProvide } from './config-provider.js';
 import { ThemeManager, useThemeProvide } from '../theme/theme-context.js';
-import stdin_default$1 from './override-element-plus.js';
+import stdin_default$2 from './override-element-plus.js';
+import stdin_default$1 from '../../locale/lang/en.js';
+import { localeContextKey, outsideLocale } from '../../hooks/useLocale.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   ...{
@@ -21,6 +23,10 @@ var stdin_default = /* @__PURE__ */defineComponent({
     table: {
       type: Object,
       required: false
+    },
+    locale: {
+      type: Object,
+      required: false
     }
   },
   setup(__props) {
@@ -38,6 +44,10 @@ var stdin_default = /* @__PURE__ */defineComponent({
       prefixCls: mergedPrefixCls
     };
     useConfigProvide(configProvider);
+    provide(localeContextKey, computed(() => props.locale));
+    watch(() => props.locale, () => {
+      outsideLocale.value = props.locale || stdin_default$1;
+    });
     const themeManager = new ThemeManager(mergedTheme);
     onUnmounted(() => {
       themeManager.destroy();
@@ -45,7 +55,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
     useThemeProvide(themeManager);
     const {
       hashId
-    } = stdin_default$1(themeManager);
+    } = stdin_default$2(themeManager);
     onMounted(() => {
       if (!parentContext.theme) {
         document.documentElement.classList.add(hashId.value);

package/components/context-menu/context-menu.vue.js

@@ -61,8 +61,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
     });
     const pointStyle = computed(() => {
       return {
-        left: `${pointX.value}px`,
-        top: `${pointY.value}px`,
+        insetInlineStart: `${pointX.value}px`,
+        insetBlockStart: `${pointY.value}px`,
         zIndex: zIndex.value
       };
     });
@@ -73,8 +73,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
     });
     const menuStyle = computed(() => {
       return {
-        left: `${x.value}px`,
-        top: `${y.value}px`,
+        insetInlineStart: `${x.value}px`,
+        insetBlockStart: `${y.value}px`,
         zIndex: zIndex.value
       };
     });

package/components/context-menu/context-sub-menu.vue.js

@@ -83,8 +83,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const zIndex = ref(0);
     const subStyle = computed(() => {
       return {
-        top: `${y.value}px`,
-        left: `${x.value}px`,
+        insetBlockStart: `${y.value}px`,
+        insetInlineStart: `${x.value}px`,
         zIndex: zIndex.value
       };
     });

package/components/context-menu/style/index.js

@@ -49,8 +49,8 @@ const getCommonPanelStyle = (token) => {
   const { componentCls } = token;
   return {
     position: "fixed",
-    left: 0,
-    top: 0,
+    insetInlineStart: 0,
+    insetBlockStart: 0,
     paddingBlock: token.paddingXXS,
     border: `${token.lineWidth} ${token.lineType} ${token.colorBorderSecondary}`,
     borderRadius: token.borderRadius,

package/components/editor/components/color-picker/color-picker.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, createBlock, openBlock, unref, withCtx, renderSlot, createElementVNode, normalizeClass, createElementBlock, Fragment, renderList, normalizeStyle, createCommentVNode, createVNode } from 'vue';
+import { defineComponent, computed, ref, createBlock, openBlock, unref, withCtx, renderSlot, createElementVNode, normalizeClass, toDisplayString, createElementBlock, Fragment, renderList, normalizeStyle, createCommentVNode, createVNode } from 'vue';
 import stdin_default$2 from '../picker/picker.vue.js';
 import stdin_default$1 from './color-picker.style.js';
 import { colorNames, colorPalettes } from './color-picker.js';
@@ -7,6 +7,7 @@ import { ElInput } from 'element-plus';
 import { TinyColor } from '@ctrl/tinycolor';
 import { useHistoryColor } from './useHistoryColor.js';
 import { useComponentConfig } from '../../../config-provider/config-provider.js';
+import { useLocale } from '../../../../hooks/useLocale.js';
 
 const _hoisted_1 = ["onClick"];
 const _hoisted_2 = ["onClick"];
@@ -22,14 +23,17 @@ var stdin_default = /* @__PURE__ */defineComponent({
   setup(__props, {
     emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const {
       prefixCls
     } = useComponentConfig("editor-color-picker");
     const {
       hashId
     } = stdin_default$1(prefixCls);
-    const props = __props;
-    const emit = __emit;
+    const {
+      t
+    } = useLocale();
     const innerVisible = computed({
       get() {
         return props.visible;
@@ -81,8 +85,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
       }, {
         content: withCtx(() => [createElementVNode("div", {
           class: normalizeClass(`${unref(prefixCls)}-title`)
-        }, "\u9884\u8BBE", 2
-        /* CLASS */), createElementVNode("div", {
+        }, toDisplayString(unref(t)("co.colorPicker.preset")), 3
+        /* TEXT, CLASS */), createElementVNode("div", {
           class: normalizeClass(`${unref(prefixCls)}-preset`)
         }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(colorPalettes), (row, i) => {
           return openBlock(), createElementBlock("div", {
@@ -108,8 +112,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
         /* KEYED_FRAGMENT */))], 2
         /* CLASS */), createElementVNode("div", {
           class: normalizeClass(`${unref(prefixCls)}-title`)
-        }, "\u6700\u8FD1\u4F7F\u7528", 2
-        /* CLASS */), createElementVNode("div", {
+        }, toDisplayString(unref(t)("co.colorPicker.recents")), 3
+        /* TEXT, CLASS */), createElementVNode("div", {
           class: normalizeClass(`${unref(prefixCls)}-row`)
         }, [(openBlock(true), createElementBlock(Fragment, null, renderList(mapHistoryColors.value, (color, i) => {
           return openBlock(), createElementBlock("div", {
@@ -130,8 +134,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
         /* KEYED_FRAGMENT */))], 2
         /* CLASS */), createElementVNode("div", {
           class: normalizeClass(`${unref(prefixCls)}-title`)
-        }, "\u624B\u52A8\u8BBE\u7F6E", 2
-        /* CLASS */), createElementVNode("div", {
+        }, toDisplayString(unref(t)("co.colorPicker.manual")), 3
+        /* TEXT, CLASS */), createElementVNode("div", {
           class: normalizeClass(`${unref(prefixCls)}-manual`)
         }, [isEyeDropperSupported.value ? (openBlock(), createElementBlock("button", {
           key: 0,
@@ -146,9 +150,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
           modelValue: inputColor.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => inputColor.value = $event),
           size: "small",
-          placeholder: "\u8BF7\u8F93\u5165",
+          placeholder: unref(t)("co.common.pleaseInput"),
           class: normalizeClass([`${unref(prefixCls)}-input`])
-        }, null, 8, ["modelValue", "class"]), createElementVNode("button", {
+        }, null, 8, ["modelValue", "placeholder", "class"]), createElementVNode("button", {
           type: "button",
           class: normalizeClass([`${unref(prefixCls)}-color`, `${unref(prefixCls)}-btn`]),
           style: normalizeStyle({

package/components/editor/components/color-picker/useHistoryColor.js

@@ -1,12 +1,12 @@
 import { ref } from 'vue';
 import { usePersist } from '../../../../hooks/usePersist.js';
 
-const key = "historyColor";
+const historyColorKey = "Cosey:historyColor";
 let historyColors = null;
 function useHistoryColor() {
   const persist = usePersist();
   if (!historyColors) {
-    historyColors = ref(persist.get(key) || []);
+    historyColors = ref(persist.get(historyColorKey) || []);
   }
   const pushHistory = (color) => {
     const hist = historyColors.value;
@@ -14,7 +14,7 @@ function useHistoryColor() {
       hist.splice(hist.indexOf(color), 1);
     }
     hist.unshift(color);
-    persist.set(key, historyColors.value);
+    persist.set(historyColorKey, historyColors.value);
   };
   return {
     historyColors,

package/components/editor/components/resize/resize.js

@@ -14,7 +14,7 @@ const getAlign = (el) => {
   if (style.float === "right") {
     return "right";
   }
-  if (style.marginLeft === "auto" && style.marginRight === "auto" && style.display === "block") {
+  if (style.marginInlineStart === "auto" && style.marginInlineEnd === "auto" && style.display === "block") {
     return "center";
   }
   return null;
@@ -53,32 +53,32 @@ const setAlignStyle = (el, align) => {
       style = {
         display: "",
         float: "",
-        marginLeft: "",
-        marginRight: ""
+        marginInlineStart: "",
+        marginInlineEnd: ""
       };
       break;
     case "left":
       style = {
         display: "",
         float: "left",
-        marginLeft: "",
-        marginRight: ""
+        marginInlineStart: "",
+        marginInlineEnd: ""
       };
       break;
     case "center":
       style = {
         display: "block",
         float: "",
-        marginLeft: "auto",
-        marginRight: "auto"
+        marginInlineStart: "auto",
+        marginInlineEnd: "auto"
       };
       break;
     case "right":
       style = {
         display: "",
         float: "right",
-        marginLeft: "",
-        marginRight: ""
+        marginInlineStart: "",
+        marginInlineEnd: ""
       };
       break;
   }

package/components/editor/components/resize/resize.style.js

@@ -5,8 +5,8 @@ var stdin_default = getSimpleStyleHook("EditorResize", (token) => {
   return {
     [componentCls]: {
       position: "absolute",
-      top: 0,
-      left: 0,
+      insetBlockStart: 0,
+      insetInlineStart: 0,
       display: "none",
       outline: `3px solid ${token.colorPrimaryBorder}`,
       "&.is-show": {
@@ -19,33 +19,33 @@ var stdin_default = getSimpleStyleHook("EditorResize", (token) => {
         backgroundColor: token.colorPrimary,
         "&-nw": {
           cursor: "nw-resize",
-          top: 0,
-          left: 0,
+          insetBlockStart: 0,
+          insetInlineStart: 0,
           transform: "translate(-50%, -50%)"
         },
         "&-ne": {
           cursor: "ne-resize",
-          top: 0,
-          right: 0,
+          insetBlockStart: 0,
+          insetInlineEnd: 0,
           transform: "translate(50%, -50%)"
         },
         "&-sw": {
           cursor: "sw-resize",
-          bottom: 0,
-          left: 0,
+          insetBlockEnd: 0,
+          insetInlineStart: 0,
           transform: "translate(-50%, 50%)"
         },
         "&-se": {
           cursor: "se-resize",
-          bottom: 0,
-          right: 0,
+          insetBlockEnd: 0,
+          insetInlineEnd: 0,
           transform: "translate(50%, 50%)"
         }
       },
       [`${componentCls}-align`]: {
         position: "absolute",
-        bottom: "100%",
-        left: "50%",
+        insetBlockEnd: "100%",
+        insetInlineStart: "50%",
         display: "flex",
         columnGap: token.padding,
         paddingInline: token.paddingXS,
@@ -58,8 +58,8 @@ var stdin_default = getSimpleStyleHook("EditorResize", (token) => {
       },
       [`${componentCls}-size`]: {
         position: "absolute",
-        right: token.sizeXXS,
-        bottom: token.sizeXXS,
+        insetInlineEnd: token.sizeXXS,
+        insetBlockEnd: token.sizeXXS,
         paddingInline: token.paddingXXS,
         fontSize: token.fontSizeSM,
         lineHeight: token.lineHeight,
@@ -68,12 +68,12 @@ var stdin_default = getSimpleStyleHook("EditorResize", (token) => {
         borderRadius: token.borderRadiusXS,
         backgroundColor: token.colorBgElevated,
         "&.is-outside": {
-          left: "100%",
-          right: "auto",
-          top: "100%",
-          bottom: "auto",
-          marginLeft: token.sizeXS,
-          marginTop: token.sizeXS
+          insetInlineStart: "100%",
+          insetInlineEnd: "auto",
+          insetBlockStart: "100%",
+          insetBlockEnd: "auto",
+          marginInlineStart: token.sizeXS,
+          marginBlockStart: token.sizeXS
         }
       }
     }

package/components/editor/components/resize/resize.vue.js

@@ -40,8 +40,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
         const width = ~~rect.width;
         const height = ~~rect.height;
         overlayStyle.value = {
-          left: ~~(rect.x - parentRect.x) + "px",
-          top: ~~(rect.y - parentRect.y) + "px",
+          insetInlineStart: ~~(rect.x - parentRect.x) + "px",
+          insetBlockStart: ~~(rect.y - parentRect.y) + "px",
           width: width + "px",
           height: height + "px"
         };

package/components/editor/components/table-toolbar/table-toolbar.style.js

@@ -5,8 +5,8 @@ var stdin_default = getSimpleStyleHook("EditorTableToolbar", (token) => {
   return {
     [componentCls]: {
       position: "absolute",
-      top: 0,
-      left: 0,
+      insetBlockStart: 0,
+      insetInlineStart: 0,
       display: "flex",
       columnGap: token.padding,
       paddingInline: token.paddingXS,

package/components/editor/components/table-toolbar/table-toolbar.vue.js

@@ -38,8 +38,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const floatingStyle = computed(() => {
       return {
         display: floating.value ? "flex" : "none",
-        top: y.value + "px",
-        left: x.value + "px"
+        insetBlockStart: y.value + "px",
+        insetInlineStart: x.value + "px"
       };
     });
     const {

package/components/editor/components/toolbar/formats/font.vue.js

@@ -3,10 +3,14 @@ import stdin_default$1 from '../../select.vue.js';
 import { Toolbar } from '../toolbar.js';
 import { toolbarContextKey } from '../toolbarContext.js';
 import { fonts } from '../../../formats/font.js';
+import { useLocale } from '../../../../../hooks/useLocale.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   __name: "font",
   setup(__props) {
+    const {
+      t
+    } = useLocale();
     const {
       toolbar
     } = inject(toolbarContextKey);
@@ -21,7 +25,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         };
       });
       return [{
-        label: "\u9ED8\u8BA4\u5B57\u4F53",
+        label: t("co.editor.defaultFont"),
         value: false
       }, ...sizeList];
     });

package/components/editor/components/toolbar/formats/header.vue.js

@@ -3,10 +3,14 @@ import stdin_default$1 from '../../select.vue.js';
 import { useToken } from '../../../../theme/util/useToken.js';
 import { Toolbar } from '../toolbar.js';
 import { toolbarContextKey } from '../toolbarContext.js';
+import { useLocale } from '../../../../../hooks/useLocale.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   __name: "header",
   setup(__props) {
+    const {
+      t
+    } = useLocale();
     const {
       token
     } = useToken();
@@ -17,7 +21,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const list = computed(() => {
       const headingList = headings.map(heading => {
         return {
-          label: `\u6807\u9898 ${heading}`,
+          label: `${t("co.editor.leading")} ${heading}`,
           value: heading,
           style: {
             fontSize: token.value[`fontSizeHeading${heading}`] + "px",
@@ -27,7 +31,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         };
       });
       return [{
-        label: "\u6B63\u6587",
+        label: t("co.editor.mainBody"),
         value: false,
         style: {
           lineHeight: token.value["lineHeight"],

package/components/editor/components/toolbar/formats/link.vue.js

@@ -8,10 +8,14 @@ import { Form as _Form, FormItem as _FormItem } from '../../../../form/index.js'
 import { ContextMenu as _ContextMenu, ContextMenuItem as _ContextMenuItem } from '../../../../context-menu/index.js';
 import Quill, { Range } from 'quill';
 import { Link } from '../../../formats/link.js';
+import { useLocale } from '../../../../../hooks/useLocale.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   __name: "link",
   setup(__props) {
+    const {
+      t
+    } = useLocale();
     const {
       quill,
       toolbar
@@ -43,7 +47,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const contextMenuRef = useTemplateRef("contextMenu");
     const visible = ref(false);
     const actionType = ref("insert");
-    const title = computed(() => `${actionType.value === "update" ? "\u7F16\u8F91" : "\u63D2\u5165"}\u94FE\u63A5`);
+    const title = computed(() => `${actionType.value === "update" ? t("co.editor.edit") : t("co.editor.insert")}${t("co.editor.link")}`);
     const formModel = reactive({
       url: "",
       text: "",
@@ -51,10 +55,10 @@ var stdin_default = /* @__PURE__ */defineComponent({
       target: ""
     });
     const targetOptions = [{
-      label: "\u5F53\u524D\u7A97\u53E3",
+      label: t("co.editor.currentWindow"),
       value: "_self"
     }, {
-      label: "\u65B0\u7A97\u53E3",
+      label: t("co.editor.newWindow"),
       value: "_blank"
     }];
     const getSelectedInfo = () => {
@@ -159,24 +163,24 @@ var stdin_default = /* @__PURE__ */defineComponent({
             modelValue: formModel.text,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => formModel.text = $event),
             prop: "text",
-            label: "\u5C55\u793A\u7684\u6587\u672C",
+            label: unref(t)("co.editor.displayedText"),
             "field-type": "input"
-          }, null, 8, ["modelValue"]), createVNode(unref(_FormItem), {
+          }, null, 8, ["modelValue", "label"]), createVNode(unref(_FormItem), {
             modelValue: formModel.title,
             "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => formModel.title = $event),
             prop: "title",
-            label: "\u6807\u9898",
+            label: unref(t)("co.editor.leading"),
             "field-type": "input"
-          }, null, 8, ["modelValue"]), createVNode(unref(_FormItem), {
+          }, null, 8, ["modelValue", "label"]), createVNode(unref(_FormItem), {
             modelValue: formModel.target,
             "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => formModel.target = $event),
             prop: "target",
-            label: "\u6253\u5F00\u94FE\u63A5\u5728",
+            label: unref(t)("co.editor.openLinkAt"),
             "field-type": "select",
             "field-props": {
               options: targetOptions
             }
-          }, null, 8, ["modelValue", "field-props"])]),
+          }, null, 8, ["modelValue", "label", "field-props"])]),
           _: 1
           /* STABLE */
         }, 8, ["model"])]),
@@ -194,13 +198,13 @@ var stdin_default = /* @__PURE__ */defineComponent({
           key: 0
         }, [createVNode(unref(_ContextMenuItem), {
           icon: "co:unlink",
-          title: "\u5220\u9664\u94FE\u63A5",
+          title: unref(t)("co.editor.removeLink"),
           command: "remove"
-        }), createVNode(unref(_ContextMenuItem), {
+        }, null, 8, ["title"]), createVNode(unref(_ContextMenuItem), {
           icon: "co:launch",
-          title: "\u6253\u5F00\u94FE\u63A5",
+          title: unref(t)("co.editor.openLink"),
           command: "open"
-        })], 64
+        }, null, 8, ["title"])], 64
         /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)]),
         _: 1
         /* STABLE */

package/components/editor/components/toolbar/formats/size.vue.js

@@ -2,10 +2,14 @@ import { defineComponent, inject, computed, ref, watch, createBlock, openBlock }
 import stdin_default$1 from '../../select.vue.js';
 import { Toolbar } from '../toolbar.js';
 import { toolbarContextKey } from '../toolbarContext.js';
+import { useLocale } from '../../../../../hooks/useLocale.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   __name: "size",
   setup(__props) {
+    const {
+      t
+    } = useLocale();
     const {
       toolbar
     } = inject(toolbarContextKey);
@@ -18,7 +22,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         };
       });
       return [{
-        label: "\u9ED8\u8BA4\u5B57\u53F7",
+        label: t("co.editor.defaultFontSize"),
         value: false
       }, ...sizeList];
     });

package/components/editor/components/toolbar/formats/source.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;