cosey 0.9.4 → 0.10.0

package/README.md

@@ -68,5 +68,12 @@ Cosey 基于 element-plus 并补充了众多组件，意在使开发者更加专
 - 打包案例 `npm run build`
 - 打包文档 `npm run docs:build`
 - 部署案例和文档 `npm run cosey:deploy`
-- 暂存提交代码
 - 更新 `create-cosey` 中 `cosey` 包的版本
+
+## 推送代码流程
+
+- 暂存提交代码
+- 打标签 `npm run tag`
+- 生成更新日志 `npm run changelog`
+- 暂存、提交 changelog `git commit -a -m 'chore: changelog'`
+- 推送

package/components/audio-card/audio-card.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, createVNode, Fragment, mergeProps } from 'vue';
 import { useLockscreen } from 'element-plus';
 import { audioCardEmits, audioCardProps } from './audio-card.api.js';
-import stdin_default$2 from '../icon/icon.vue.js';
+import stdin_default$2 from '../icon/icon.js';
 import stdin_default$3 from '../audio-viewer/audio-viewer.js';
 import stdin_default$1 from './audio-card.style.js';
 import { useComponentConfig } from '../config-provider/config-provider.api.js';

package/components/close/close.js

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode } from 'vue';
-import stdin_default$2 from '../icon/icon.vue.js';
+import stdin_default$2 from '../icon/icon.js';
 import stdin_default$1 from './close.style.js';
 import { closeEmits } from './close.api.js';
 import { useComponentConfig } from '../config-provider/config-provider.api.js';

package/components/col/col.api.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes, ExtractPublicPropTypes, type PropType, type SlotsType } from 'vue';
+import { type ExtractPropTypes, type ExtractPublicPropTypes, type PropType, type SlotsType } from 'vue';
 export type ColSizeObject = {
     span?: number;
     offset?: number;

package/components/context-menu/content.js

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode, mergeProps } from 'vue';
-import stdin_default$1 from '../icon/icon.vue.js';
+import stdin_default$1 from '../icon/icon.js';
 import { contextMenuContentProps } from './content.api.js';
 import { useComponentConfig } from '../config-provider/config-provider.api.js';
 

package/components/dnd-sort/dnd-sort-item.js

@@ -1,7 +1,7 @@
 import { defineComponent, reactive, toRef, createVNode, mergeProps } from 'vue';
 import { dndSortItemSlots, dndSortItemProps } from './dnd-sort-item.api.js';
 import { useDndSortItem } from './useDndSortItem.js';
-import stdin_default$2 from '../icon/icon.vue.js';
+import stdin_default$2 from '../icon/icon.js';
 import stdin_default$1 from './dnd-sort.style.js';
 import { useComponentConfig } from '../config-provider/config-provider.api.js';
 

package/components/editor/button-group.d.ts

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

package/components/editor/button-group.js

@@ -0,0 +1,20 @@
+import { defineComponent, createVNode } from 'vue';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorButtonGroup",
+  setup(_, {
+    slots
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("editor-button-group");
+    return () => {
+      return createVNode("div", {
+        "class": `${prefixCls.value}`
+      }, [slots.default?.()]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/button-select.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    width: {
+        type: StringConstructor;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    width: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/editor/button-select.js

@@ -0,0 +1,51 @@
+import { defineComponent, useTemplateRef, inject, onMounted, createVNode } from 'vue';
+import stdin_default$1 from '../icon/icon.js';
+import { pickerContextKey } from './formats/picker.api.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorButtonSelect",
+  props: {
+    width: {
+      type: String
+    }
+  },
+  emits: {
+    click: event => event instanceof MouseEvent
+  },
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("editor-button");
+    const buttonRef = useTemplateRef("button");
+    const pickerContext = inject(pickerContextKey, null);
+    onMounted(() => {
+      if (pickerContext) {
+        pickerContext.triggerTarget.value = buttonRef.value;
+      }
+    });
+    return () => {
+      return createVNode("button", {
+        "ref": "button",
+        "type": "button",
+        "class": [prefixCls.value, `${prefixCls.value}-select`],
+        "style": {
+          width: props.width
+        },
+        "onMousedown": event => event.preventDefault(),
+        "onClick": event => emit("click", event)
+      }, [createVNode("div", {
+        "class": [`${prefixCls.value}-text`]
+      }, [slots.default?.()]), createVNode(stdin_default$1, {
+        "class": `${prefixCls.value}-arrow`,
+        "name": "co:chevron-down",
+        "size": "lg"
+      }, null)]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/button-split.d.ts

@@ -0,0 +1,25 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    chevronActive: {
+        type: BooleanConstructor;
+    };
+    active: {
+        type: BooleanConstructor;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => boolean;
+    'chevron-click': (event: MouseEvent) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    chevronActive: {
+        type: BooleanConstructor;
+    };
+    active: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    "onChevron-click"?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    active: boolean;
+    chevronActive: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/editor/button-split.js

@@ -0,0 +1,68 @@
+import { defineComponent, useTemplateRef, inject, onMounted, createVNode, mergeProps } from 'vue';
+import { pickerContextKey } from './formats/picker.api.js';
+import stdin_default$1 from './button.js';
+import stdin_default$2 from '../icon/icon.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorButtonSplit",
+  props: {
+    chevronActive: {
+      type: Boolean
+    },
+    active: {
+      type: Boolean
+    }
+  },
+  emits: {
+    click: event => event instanceof MouseEvent,
+    "chevron-click": event => event instanceof MouseEvent
+  },
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("editor-button");
+    const onBtnClick = event => {
+      emit("click", event);
+    };
+    const onChevronClick = event => {
+      emit("chevron-click", event);
+    };
+    const chevronButtonRef = useTemplateRef("chevronButton");
+    const pickerContext = inject(pickerContextKey, null);
+    onMounted(() => {
+      if (pickerContext) {
+        pickerContext.triggerTarget.value = chevronButtonRef.value.el;
+      }
+    });
+    return () => {
+      return createVNode("div", {
+        "class": [`${prefixCls.value}-split`, {
+          "is-active": props.chevronActive
+        }]
+      }, [createVNode(stdin_default$1, mergeProps({
+        "active": props.active
+      }, {
+        onClick: onBtnClick
+      }), {
+        default: () => [slots.default?.()]
+      }), createVNode(stdin_default$1, {
+        "ref": "chevronButton",
+        "active": props.chevronActive,
+        "class": `${prefixCls.value}-chevron`,
+        "onClick": onChevronClick
+      }, {
+        default: () => [createVNode(stdin_default$2, {
+          "class": `${prefixCls.value}-arrow`,
+          "name": "co:chevron-down",
+          "size": "lg"
+        }, null)]
+      })]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/button.d.ts

@@ -0,0 +1,19 @@
+export interface EditorButtonExpose {
+    el?: HTMLButtonElement;
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    active: {
+        type: BooleanConstructor;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    active: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    active: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/editor/button.js

@@ -0,0 +1,40 @@
+import { defineComponent, useTemplateRef, createVNode } from 'vue';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorButton",
+  props: {
+    active: {
+      type: Boolean
+    }
+  },
+  emits: {
+    click: event => event instanceof MouseEvent
+  },
+  setup(props, {
+    slots,
+    emit,
+    expose
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("editor-button");
+    const buttonRef = useTemplateRef("button");
+    expose({
+      el: buttonRef
+    });
+    return () => {
+      return createVNode("button", {
+        "ref": "button",
+        "type": "button",
+        "class": [prefixCls.value, {
+          "is-active": props.active
+        }],
+        "onClick": event => emit("click", event),
+        "onMousedown": event => event.preventDefault()
+      }, [slots.default?.()]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/contents/content-code-block.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:value': (value: string) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+}>, {
+    value: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/editor/contents/content-code-block.js

@@ -0,0 +1,47 @@
+import { defineComponent, useModel, createVNode } from 'vue';
+import { useEditor, useElement } from 'slate-vue3';
+import { DOMEditor } from 'slate-vue3/dom';
+import { languageOptions } from '../plugins/code-block.js';
+import { isString } from '../../../utils/is.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorContentCodeBlock",
+  props: {
+    value: {
+      type: String,
+      default: "text"
+    }
+  },
+  emits: {
+    "update:value": value => isString(value)
+  },
+  setup(props, {
+    slots
+  }) {
+    const innerValue = useModel(props, "value");
+    const editor = useEditor();
+    const element = useElement();
+    const onChange = e => {
+      innerValue.value = e.target.value;
+      const path = DOMEditor.findPath(editor, element.value);
+      editor.setNodes({
+        language: innerValue.value
+      }, {
+        at: path
+      });
+    };
+    return () => {
+      return createVNode("pre", {
+        "class": `language-${innerValue.value}`
+      }, [createVNode("select", {
+        "value": innerValue.value,
+        "contenteditable": false,
+        "onChange": onChange
+      }, [languageOptions.map(option => createVNode("option", {
+        "value": option.value
+      }, [option.label]))]), createVNode("div", null, [slots.default?.()])]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/contents/content-formula.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    formula: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    formula: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/editor/contents/content-formula.js

@@ -0,0 +1,48 @@
+import { defineComponent, computed, createVNode } from 'vue';
+import katex from 'katex';
+import { useEditor, useElement } from 'slate-vue3';
+import { Range } from 'slate-vue3/core';
+import { DOMEditor } from 'slate-vue3/dom';
+import stdin_default$1 from './content-formula.style.js';
+import { useComponentConfig } from '../../config-provider/config-provider.api.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorContentFormula",
+  props: {
+    formula: {
+      type: String,
+      required: true
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("editor-content-formula", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    const mathml = computed(() => katex.renderToString(props.formula, {
+      throwOnError: false,
+      output: "mathml"
+    }));
+    const editor = useEditor();
+    const element = useElement();
+    const isActive = computed(() => {
+      return !!(editor.selection && Range.isCollapsed(editor.selection) && Range.surrounds(editor.range(DOMEditor.findPath(editor, element.value)), editor.selection));
+    });
+    return () => {
+      return createVNode("span", {
+        "class": [hashId.value, prefixCls.value, {
+          "is-active": isActive.value
+        }]
+      }, [createVNode("span", {
+        "innerHTML": mathml.value,
+        "contenteditable": false
+      }, null), slots.default?.()]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/contents/content-formula.style.js

@@ -0,0 +1,14 @@
+import { getSimpleStyleHook } from '../../theme/getSimpleStyleHook.js';
+
+var stdin_default = getSimpleStyleHook("CoEditorContentFormula", (token) => {
+  const { componentCls } = token;
+  return {
+    [componentCls]: {
+      "&.is-active": {
+        outline: `2px solid ${token.colorPrimaryBorder}`
+      }
+    }
+  };
+});
+
+export { stdin_default as default };

package/components/editor/contents/content-image.d.ts

@@ -0,0 +1,29 @@
+import { type PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    file: {
+        type: PropType<File>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    file: {
+        type: PropType<File>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/editor/contents/content-image.js

@@ -0,0 +1,89 @@
+import { defineComponent, computed, createVNode } from 'vue';
+import { useEditor, useElement } from 'slate-vue3';
+import { Range } from 'slate-vue3/core';
+import { DOMEditor } from 'slate-vue3/dom';
+import stdin_default$2 from './resize.js';
+import stdin_default$3 from './upload.js';
+import stdin_default$1 from './content-image.style.js';
+import { useObjectUrl } from '../../../hooks/useObjectUrl.js';
+import { useComponentConfig } from '../../config-provider/config-provider.api.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorContentImage",
+  props: {
+    url: {
+      type: String
+    },
+    width: {
+      type: [String, Number]
+    },
+    height: {
+      type: [String, Number]
+    },
+    file: {
+      type: Object
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("editor-content-image", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    const editor = useEditor();
+    const element = useElement();
+    const objectUrl = useObjectUrl(() => props.file);
+    const mergedUrl = computed(() => props.url || objectUrl.value);
+    const isActive = computed(() => {
+      return !!(editor.selection && Range.isCollapsed(editor.selection) && Range.surrounds(editor.range(DOMEditor.findPath(editor, element.value)), editor.selection));
+    });
+    const onClick = () => {
+      editor.select(DOMEditor.findPath(editor, element.value));
+    };
+    const onResize = ({
+      width,
+      height
+    }) => {
+      editor.setNodes({
+        width,
+        height
+      }, {
+        at: DOMEditor.findPath(editor, element.value)
+      });
+    };
+    const onSuccess = url => {
+      editor.setNodes({
+        url,
+        file: void 0
+      }, {
+        at: DOMEditor.findPath(editor, element.value)
+      });
+    };
+    return () => {
+      return createVNode("div", {
+        "class": [hashId.value, prefixCls.value, {
+          "is-active": isActive.value
+        }],
+        "onClick": onClick
+      }, [createVNode("div", {
+        "class": [`${prefixCls.value}-wrapper`],
+        "contenteditable": false
+      }, [createVNode("img", {
+        "src": mergedUrl.value,
+        "width": props.width,
+        "height": props.height
+      }, null), createVNode(stdin_default$2, {
+        "visible": isActive.value,
+        "onResize": onResize
+      }, null), props.file && createVNode(stdin_default$3, {
+        "file": props.file,
+        "onSuccess": onSuccess
+      }, null)]), slots.default?.()]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/{components/list/list.style.d.ts → contents/content-image.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/editor/contents/content-image.style.js

@@ -0,0 +1,20 @@
+import { getSimpleStyleHook } from '../../theme/getSimpleStyleHook.js';
+
+var stdin_default = getSimpleStyleHook("CoEditorContentImage", (token) => {
+  const { componentCls } = token;
+  return {
+    [componentCls]: {
+      display: "inline-flex",
+      margin: 1,
+      "&.is-active": {
+        outline: `2px solid ${token.colorPrimaryBorder}`
+      },
+      [`${componentCls}-wrapper`]: {
+        position: "relative",
+        display: "inline-flex"
+      }
+    }
+  };
+});
+
+export { stdin_default as default };

package/components/editor/contents/content-link.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+    };
+    target: {
+        type: StringConstructor;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+    };
+    target: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;