cosey 0.9.5 → 0.10.1

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

@@ -0,0 +1,74 @@
+import { defineComponent, createVNode } from 'vue';
+import { useLocale, ElButton, ElDivider } from 'element-plus';
+import { useEditor, useElement } from 'slate-vue3';
+import { DOMEditor } from 'slate-vue3/dom';
+import stdin_default$3 from '../../icon/icon.js';
+import stdin_default$1 from './content-link.stye.js';
+import stdin_default$2 from './widget-popover.js';
+import { useComponentConfig } from '../../config-provider/config-provider.api.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorContentLink",
+  props: {
+    url: {
+      type: String
+    },
+    target: {
+      type: String
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const {
+      t
+    } = useLocale();
+    const {
+      prefixCls
+    } = useComponentConfig("editor-content-link", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    const editor = useEditor();
+    const element = useElement();
+    const onOpenLink = () => {
+      window.open(props.url, "_blank");
+    };
+    const onRemoveLink = () => {
+      editor.unwrapLink(DOMEditor.findPath(editor, element.value));
+    };
+    return () => {
+      return createVNode(stdin_default$2, null, {
+        reference: () => createVNode("a", {
+          "href": props.url,
+          "target": props.target
+        }, [slots.default?.()]),
+        default: () => createVNode("div", {
+          "class": [hashId.value, prefixCls.value]
+        }, [createVNode(ElButton, {
+          "type": "primary",
+          "link": true,
+          "onClick": onOpenLink
+        }, {
+          default: () => [createVNode(stdin_default$3, {
+            "name": "co:launch",
+            "class": `${prefixCls.value}-icon`
+          }, null), t("co.editor.openLink")]
+        }), createVNode(ElDivider, {
+          "direction": "vertical"
+        }, null), createVNode(ElButton, {
+          "type": "primary",
+          "link": true,
+          "onClick": onRemoveLink
+        }, {
+          default: () => [createVNode(stdin_default$3, {
+            "name": "co:unlink",
+            "class": `${prefixCls.value}-icon`
+          }, null), t("co.editor.removeLink")]
+        })])
+      });
+    };
+  }
+});
+
+export { stdin_default as default };

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

@@ -0,0 +1,4 @@
+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-link.stye.js

@@ -0,0 +1,17 @@
+import { getSimpleStyleHook } from '../../theme/getSimpleStyleHook.js';
+
+var stdin_default = getSimpleStyleHook("CoEditorContentLink", (token) => {
+  const { componentCls } = token;
+  return {
+    [componentCls]: {
+      display: "flex",
+      alignItems: "center",
+      [`${componentCls}-icon`]: {
+        marginInlineEnd: token.marginXXS,
+        fontSize: token.fontSizeLG
+      }
+    }
+  };
+});
+
+export { stdin_default as default };

package/components/editor/contents/content-list-item.d.ts

@@ -0,0 +1,21 @@
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    level: {
+        type: NumberConstructor;
+        required: true;
+    };
+    listType: {
+        type: PropType<"bulleted-list" | "numbered-list">;
+        required: true;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    level: {
+        type: NumberConstructor;
+        required: true;
+    };
+    listType: {
+        type: PropType<"bulleted-list" | "numbered-list">;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/editor/contents/content-list-item.js

@@ -0,0 +1,41 @@
+import { defineComponent, createVNode } from 'vue';
+import stdin_default$1 from './content-list-item.style.js';
+import { useToken } from '../../theme/util/useToken.js';
+import { useComponentConfig } from '../../config-provider/config-provider.api.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorContentListItem",
+  props: {
+    level: {
+      type: Number,
+      required: true
+    },
+    listType: {
+      type: String,
+      required: true
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("editor-content-list-item", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    const {
+      token
+    } = useToken();
+    return () => {
+      return createVNode("li", {
+        "class": [hashId.value, prefixCls.value, `is-${props.listType}`, `is-level-${props.level}`],
+        "style": {
+          marginLeft: (props.level + 1) * token.value.paddingXL + "px"
+        }
+      }, [slots.default?.()]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/contents/content-list-item.style.d.ts

@@ -0,0 +1,4 @@
+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-list-item.style.js

@@ -0,0 +1,52 @@
+import { getSimpleStyleHook } from '../../theme/getSimpleStyleHook.js';
+import { LIST_MAX_LEVEL } from '../plugins/list/utils.js';
+
+function getAllLevelSelector(level) {
+  return `:is(${Array(level).fill(0).map((_, i) => `.is-level-${i}`).join(", ")})`;
+}
+function generateNumberedCounter(maxLevel) {
+  return Array(maxLevel).fill(0).reduce((result, _, i) => {
+    const counterName = `numbered-list${i}`;
+    const selector = `&.is-level-${i}`;
+    result[selector] = {
+      counterIncrement: counterName,
+      "&::before": {
+        content: `counter(${counterName})"."`
+      }
+    };
+    if (i !== 0) {
+      result[`${getAllLevelSelector(i)} + ${selector}`] = {
+        counterReset: counterName
+      };
+    }
+    return result;
+  }, {});
+}
+var stdin_default = getSimpleStyleHook("CoEditorContentListItem", (token) => {
+  const { componentCls } = token;
+  return {
+    [componentCls]: {
+      position: "relative",
+      "&::before": {
+        position: "absolute",
+        top: "50%",
+        left: 0,
+        userSelect: "none",
+        pointerEvents: "none",
+        transform: "translate(calc(-100% - 0.6em), -50%)"
+      },
+      "&.is-bulleted-list": {
+        "&::before": {
+          content: '""',
+          width: "0.35em",
+          height: "0.35em",
+          backgroundColor: "currentcolor",
+          borderRadius: "50%"
+        }
+      },
+      "&.is-numbered-list": generateNumberedCounter(LIST_MAX_LEVEL)
+    }
+  };
+});
+
+export { stdin_default as default };

package/components/editor/contents/content-placeholder.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/contents/content-placeholder.js

@@ -0,0 +1,24 @@
+import { defineComponent, createVNode } from 'vue';
+import stdin_default$1 from './content-placeholder.style.js';
+import { useComponentConfig } from '../../config-provider/config-provider.api.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorContentPlaceholder",
+  setup(props, {
+    slots
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("editor-content-placeholder", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    return () => {
+      return createVNode("div", {
+        "class": [hashId.value, prefixCls.value]
+      }, [slots.default?.()]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/contents/content-placeholder.style.d.ts

@@ -0,0 +1,4 @@
+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-placeholder.style.js

@@ -0,0 +1,19 @@
+import { getSimpleStyleHook } from '../../theme/getSimpleStyleHook.js';
+
+var stdin_default = getSimpleStyleHook("CoEditorContentPlaceholder", (token) => {
+  const { componentCls } = token;
+  return {
+    [componentCls]: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      padding: token.paddingSM,
+      marginBlock: token.marginSM,
+      textAlign: "left",
+      color: token.colorTextPlaceholder,
+      pointerEvents: "none"
+    }
+  };
+});
+
+export { stdin_default as default };

package/components/editor/contents/content-table.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/contents/content-table.js

@@ -0,0 +1,133 @@
+import { defineComponent, computed, createVNode, createTextVNode, mergeProps } from 'vue';
+import { useEditor, useElement } from 'slate-vue3';
+import { Range } from 'slate-vue3/core';
+import { DOMEditor } from 'slate-vue3/dom';
+import stdin_default$1 from './content-table.style.js';
+import { getSortedRange } from '../utils.js';
+import stdin_default$5 from '../../icon/icon.js';
+import stdin_default$3 from '../button-group.js';
+import stdin_default$4 from '../button.js';
+import stdin_default$2 from './widget-popover.js';
+import { useComponentConfig } from '../../config-provider/config-provider.api.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorContentTable",
+  inheritAttrs: false,
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("editor-content-table", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    const editor = useEditor();
+    const element = useElement();
+    const isActive = computed(() => {
+      return !!(editor.selection && Range.surrounds(editor.range(DOMEditor.findPath(editor, element.value)), getSortedRange(editor.selection)));
+    });
+    const popperVisible = computed(() => {
+      if (!editor.selection || Range.isExpanded(editor.selection)) return false;
+      const table = editor.above({
+        at: editor.selection,
+        match: editor.isTable,
+        mode: "lowest"
+      });
+      return table && table[0] === element.value;
+    });
+    const tablePath = computed(() => {
+      return DOMEditor.findPath(editor, element.value);
+    });
+    const cellPath = computed(() => {
+      if (!popperVisible.value) return null;
+      const cell = editor.above({
+        match: editor.isTableCell
+      });
+      if (!cell) return null;
+      return cell[1];
+    });
+    return () => {
+      return createVNode(stdin_default$2, {
+        "visible": popperVisible.value
+      }, {
+        reference: () => createVNode("table", mergeProps(attrs, {
+          "class": [hashId.value, prefixCls.value, {
+            "is-active": isActive.value
+          }]
+        }), [slots.default?.()]),
+        default: () => createVNode("div", {
+          "class": [hashId.value, `${prefixCls.value}-toolbar`]
+        }, [createVNode(stdin_default$3, null, {
+          default: () => [createVNode(stdin_default$4, {
+            "onClick": () => cellPath.value && editor.insertRowAbove(tablePath.value, cellPath.value)
+          }, {
+            default: () => [createVNode(stdin_default$5, {
+              "name": "co:table-row-plus-before",
+              "class": `${prefixCls.value}-icon`
+            }, null)]
+          }), createVNode(stdin_default$4, {
+            "onClick": () => cellPath.value && editor.insertRowBelow(tablePath.value, cellPath.value)
+          }, {
+            default: () => [createVNode(stdin_default$5, {
+              "name": "co:table-row-plus-after",
+              "class": `${prefixCls.value}-icon`
+            }, null)]
+          }), createVNode(stdin_default$4, {
+            "onClick": () => cellPath.value && editor.deleteRow(tablePath.value, cellPath.value)
+          }, {
+            default: () => [createVNode(stdin_default$5, {
+              "name": "co:table-row-remove",
+              "class": `${prefixCls.value}-icon`
+            }, null)]
+          })]
+        }), createVNode(stdin_default$3, null, {
+          default: () => [createVNode(stdin_default$4, {
+            "onClick": () => cellPath.value && editor.insertColumnLeft(tablePath.value, cellPath.value)
+          }, {
+            default: () => [createVNode(stdin_default$5, {
+              "name": "co:table-column-plus-before",
+              "class": `${prefixCls.value}-icon`
+            }, null)]
+          }), createVNode(stdin_default$4, {
+            "onClick": () => cellPath.value && editor.insertColumnRight(tablePath.value, cellPath.value)
+          }, {
+            default: () => [createVNode(stdin_default$5, {
+              "name": "co:table-column-plus-after",
+              "class": `${prefixCls.value}-icon`
+            }, null)]
+          }), createVNode(stdin_default$4, {
+            "onClick": () => cellPath.value && editor.deleteColumn(tablePath.value, cellPath.value)
+          }, {
+            default: () => [createVNode(stdin_default$5, {
+              "name": "co:table-column-remove",
+              "class": `${prefixCls.value}-icon`
+            }, null)]
+          })]
+        }), createVNode(stdin_default$3, null, {
+          default: () => [createVNode(stdin_default$4, {
+            "onClick": () => cellPath.value && editor.moveToHead(tablePath.value, cellPath.value)
+          }, {
+            default: () => [createTextVNode("H")]
+          }), createVNode(stdin_default$4, {
+            "onClick": () => cellPath.value && editor.moveToBody(tablePath.value, cellPath.value)
+          }, {
+            default: () => [createTextVNode("B")]
+          })]
+        }), createVNode(stdin_default$3, null, {
+          default: () => [createVNode(stdin_default$4, {
+            "onClick": () => editor.deleteTable(tablePath.value)
+          }, {
+            default: () => [createVNode(stdin_default$5, {
+              "name": "co:table-remove",
+              "class": `${prefixCls.value}-icon`
+            }, null)]
+          })]
+        })])
+      });
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/contents/content-table.style.d.ts

@@ -0,0 +1,4 @@
+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-table.style.js

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

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

@@ -0,0 +1,26 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+}>, () => 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)[];
+        default: number;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+}>> & Readonly<{}>, {
+    width: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,73 @@
+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$1 from './content-video.style.js';
+import stdin_default$2 from './resize.js';
+import { useComponentConfig } from '../../config-provider/config-provider.api.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorContentVideo",
+  props: {
+    url: {
+      type: String
+    },
+    width: {
+      type: [String, Number],
+      default: 300
+    },
+    height: {
+      type: [String, Number]
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const {
+      prefixCls
+    } = useComponentConfig("editor-content-video", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    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));
+    });
+    const onClick = () => {
+      editor.select(DOMEditor.findPath(editor, element.value));
+    };
+    const onResize = ({
+      width,
+      height
+    }) => {
+      editor.setNodes({
+        width,
+        height
+      }, {
+        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("video", {
+        "src": props.url,
+        "width": props.width,
+        "height": props.height,
+        "controls": true
+      }, null), createVNode(stdin_default$2, {
+        "visible": isActive.value,
+        "onResize": onResize
+      }, null)]), slots.default?.()]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/contents/content-video.style.d.ts

@@ -0,0 +1,4 @@
+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-video.style.js

@@ -0,0 +1,20 @@
+import { getSimpleStyleHook } from '../../theme/getSimpleStyleHook.js';
+
+var stdin_default = getSimpleStyleHook("CoEditorContentVideo", (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/resize.d.ts

@@ -0,0 +1,37 @@
+export type ResizePosition = 'nw' | 'ne' | 'sw' | 'se';
+interface Rect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export declare const onDrag: (downRect: Rect, currRect: Rect, options: {
+    position: ResizePosition;
+    x: number;
+    y: number;
+    min: number;
+    max: number;
+    cb: (rect: Rect) => void;
+}) => void;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    resize: (event: {
+        width: number;
+        height: number;
+    }) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{
+    onResize?: ((event: {
+        width: number;
+        height: number;
+    }) => any) | undefined;
+}>, {
+    visible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;