cosey 0.9.4 → 0.10.0

package/components/editor/formats/format-indent.js

@@ -0,0 +1,35 @@
+import { defineComponent, createVNode } from 'vue';
+import { useEditor } from 'slate-vue3';
+import stdin_default$2 from '../../icon/icon.js';
+import stdin_default$1 from '../button.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorFormatIndent",
+  props: {
+    icon: {
+      type: String,
+      required: true
+    },
+    delta: {
+      type: Number,
+      required: true
+    }
+  },
+  setup(props) {
+    const editor = useEditor();
+    const onClick = () => {
+      editor.formatIndent(props.delta);
+    };
+    return () => {
+      return createVNode(stdin_default$1, {
+        "onClick": onClick
+      }, {
+        default: () => [createVNode(stdin_default$2, {
+          "name": props.icon
+        }, null)]
+      });
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/formats/format-link.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/formats/format-link.js

@@ -0,0 +1,114 @@
+import { defineComponent, computed, ref, reactive, createVNode, Fragment } from 'vue';
+import { useEditor } from 'slate-vue3';
+import { Node } from 'slate-vue3/core';
+import stdin_default$2 from '../../icon/icon.js';
+import stdin_default$1 from '../button.js';
+import stdin_default$3 from '../../form-dialog/form-dialog.js';
+import stdin_default$4 from '../../form/form.js';
+import stdin_default$5 from '../../form/form-item.vue.js';
+import { isPointingAt, getPointingOptions } from '../utils.js';
+import { useLocale } from '../../../hooks/useLocale.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorFormatLink",
+  setup() {
+    const {
+      t
+    } = useLocale();
+    const editor = useEditor();
+    const isActive = computed(() => isPointingAt(editor, "link"));
+    const onClick = () => {
+      if (!editor.selection) return;
+      const nodes = editor.nodes(getPointingOptions(editor, "link"));
+      const {
+        done,
+        value
+      } = nodes.next();
+      if (done) {
+        Object.assign(formModel, {
+          url: "",
+          target: "_blank",
+          text: editor.string(editor.selection)
+        });
+      } else {
+        const [node, path] = value;
+        const {
+          url,
+          target
+        } = node;
+        editor.select(path);
+        Object.assign(formModel, {
+          url,
+          target,
+          text: Node.string(node)
+        });
+      }
+      visible.value = true;
+    };
+    const visible = ref(false);
+    const formModel = reactive({
+      url: "",
+      text: "",
+      target: ""
+    });
+    const targetOptions = [{
+      label: t("co.editor.currentWindow"),
+      value: "_self"
+    }, {
+      label: t("co.editor.newWindow"),
+      value: "_blank"
+    }];
+    const onSubmit = () => {
+      if (!formModel.url.trim() || !formModel.text.trim()) {
+        return;
+      }
+      editor.formatLink(formModel.url, formModel.target, formModel.text);
+    };
+    return () => {
+      return createVNode(Fragment, null, [createVNode(stdin_default$1, {
+        "active": isActive.value,
+        "onClick": onClick
+      }, {
+        default: () => [createVNode(stdin_default$2, {
+          "name": "co:link"
+        }, null)]
+      }), createVNode(stdin_default$3, {
+        "modelValue": visible.value,
+        "onUpdate:modelValue": $event => visible.value = $event,
+        "title": t("co.editor.insertLink"),
+        "width": "sm"
+      }, {
+        default: () => [createVNode(stdin_default$4, {
+          "model": formModel,
+          "label-width": "auto",
+          "submit": onSubmit
+        }, {
+          default: () => [createVNode(stdin_default$5, {
+            "modelValue": formModel.url,
+            "onUpdate:modelValue": $event => formModel.url = $event,
+            "prop": "url",
+            "label": "URL",
+            "fieldType": "input"
+          }, null), createVNode(stdin_default$5, {
+            "modelValue": formModel.text,
+            "onUpdate:modelValue": $event => formModel.text = $event,
+            "prop": "text",
+            "label": t("co.editor.displayedText"),
+            "fieldType": "input"
+          }, null), createVNode(stdin_default$5, {
+            "modelValue": formModel.target,
+            "onUpdate:modelValue": $event => formModel.target = $event,
+            "prop": "target",
+            "label": t("co.editor.openLinkAt"),
+            "fieldType": "select",
+            "fieldProps": {
+              options: targetOptions
+            }
+          }, null)]
+        })]
+      })]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/formats/format-list.d.ts

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

package/components/editor/formats/format-list.js

@@ -0,0 +1,39 @@
+import { defineComponent, computed, createVNode } from 'vue';
+import { useEditor } from 'slate-vue3';
+import stdin_default$2 from '../../icon/icon.js';
+import stdin_default$1 from '../button.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorFormatList",
+  props: {
+    icon: {
+      type: String,
+      required: true
+    },
+    format: {
+      type: String,
+      required: true
+    }
+  },
+  setup(props) {
+    const editor = useEditor();
+    const isListActive = computed(() => {
+      return editor.getListTypeAtStartPoint() === props.format;
+    });
+    const onClick = () => {
+      editor.formatList(props.format);
+    };
+    return () => {
+      return createVNode(stdin_default$1, {
+        "active": isListActive.value,
+        "onClick": onClick
+      }, {
+        default: () => [createVNode(stdin_default$2, {
+          "name": props.icon
+        }, null)]
+      });
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/formats/format-mark.d.ts

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

package/components/editor/formats/format-mark.js

@@ -0,0 +1,38 @@
+import { defineComponent, createVNode } from 'vue';
+import { useEditor } from 'slate-vue3';
+import stdin_default$2 from '../../icon/icon.js';
+import stdin_default$1 from '../button.js';
+import { useMarkActive } from '../hooks/useMarkActive.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorFormatMark",
+  props: {
+    icon: {
+      type: String,
+      required: true
+    },
+    format: {
+      type: String,
+      required: true
+    }
+  },
+  setup(props) {
+    const editor = useEditor();
+    const isMarkActive = useMarkActive(props.format);
+    const onClick = () => {
+      editor.formatMark(props.format);
+    };
+    return () => {
+      return createVNode(stdin_default$1, {
+        "active": isMarkActive.value,
+        "onClick": onClick
+      }, {
+        default: () => [createVNode(stdin_default$2, {
+          "name": props.icon
+        }, null)]
+      });
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/formats/format-size-delta.d.ts

@@ -0,0 +1,24 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+    delta: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (size: string) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+    delta: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & Readonly<{
+    onChange?: ((size: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/editor/formats/format-size-delta.js

@@ -0,0 +1,43 @@
+import { defineComponent, createVNode } from 'vue';
+import { useEditor } from 'slate-vue3';
+import stdin_default$1 from '../button.js';
+import stdin_default$2 from '../../icon/icon.js';
+import { isString } from '../../../utils/is.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorFormatSizeDelta",
+  props: {
+    icon: {
+      type: String,
+      required: true
+    },
+    delta: {
+      type: Number,
+      required: true
+    }
+  },
+  emits: {
+    change: size => isString(size)
+  },
+  setup(props, {
+    emit
+  }) {
+    const editor = useEditor();
+    const onClick = () => {
+      editor.formatSizeDelta(props.delta, numSize => {
+        emit("change", numSize + "px");
+      });
+    };
+    return () => {
+      return createVNode(stdin_default$1, {
+        "onClick": onClick
+      }, {
+        default: () => [createVNode(stdin_default$2, {
+          "name": props.icon
+        }, null)]
+      });
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/formats/format-size.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/formats/format-size.js

@@ -0,0 +1,51 @@
+import { defineComponent, computed, createVNode, Fragment } from 'vue';
+import { useEditor } from 'slate-vue3';
+import stdin_default$1 from './select.js';
+import stdin_default$2 from './format-size-delta.js';
+import { useMarkValue } from '../hooks/useMarkValue.js';
+
+const sizes = ["8px", "10px", "12px", "14px", "16px", "18px", "20px", "24px", "32px", "40px", "48px", "56px", "64px", "72px"];
+var stdin_default = defineComponent({
+  name: "CoEditorFormatSize",
+  setup() {
+    const list = computed(() => {
+      const sizeList = sizes.map(size => {
+        return {
+          label: size,
+          value: size
+        };
+      });
+      return [{
+        label: "\u9ED8\u8BA4\u5B57\u53F7",
+        value: ""
+      }, ...sizeList];
+    });
+    const editor = useEditor();
+    const current = useMarkValue("size");
+    const onChange = value => {
+      editor.formatSize(value);
+    };
+    const onDeltaChange = value => {
+      current.value = value;
+    };
+    return () => {
+      return createVNode(Fragment, null, [createVNode(stdin_default$1, {
+        "modelValue": current.value,
+        "onUpdate:modelValue": $event => current.value = $event,
+        "list": list.value,
+        "button-width": "100px",
+        "onChange": onChange
+      }, null), createVNode(stdin_default$2, {
+        "delta": -1,
+        "icon": "co:text-minus",
+        "onChange": onDeltaChange
+      }, null), createVNode(stdin_default$2, {
+        "delta": 1,
+        "icon": "co:text-plus",
+        "onChange": onDeltaChange
+      }, null)]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/formats/format-source.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/formats/format-source.js

@@ -0,0 +1,69 @@
+import { defineComponent, ref, createVNode, Fragment, isVNode } from 'vue';
+import { ElDialog, ElButton, ElInput } from 'element-plus';
+import { useEditor } from 'slate-vue3';
+import stdin_default$2 from '../../icon/icon.js';
+import stdin_default$1 from '../button.js';
+import { useLocale } from '../../../hooks/useLocale.js';
+
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
+var stdin_default = defineComponent({
+  name: "CoEditorFormatSource",
+  setup() {
+    const {
+      t
+    } = useLocale();
+    const editor = useEditor();
+    const visible = ref(false);
+    const value = ref("");
+    const onClick = () => {
+      value.value = editor.serialize();
+      visible.value = true;
+    };
+    const onCancel = () => {
+      visible.value = false;
+    };
+    const onConfirm = () => {
+      editor.setContent(value.value);
+      visible.value = false;
+    };
+    return () => {
+      return createVNode(Fragment, null, [createVNode(stdin_default$1, {
+        "onClick": onClick
+      }, {
+        default: () => [createVNode(stdin_default$2, {
+          "name": "co:repo-source-code"
+        }, null)]
+      }), createVNode(ElDialog, {
+        "title": t("co.editor.sourceCode"),
+        "modelValue": visible.value,
+        "onUpdate:modelValue": $event => visible.value = $event,
+        "width": "992px",
+        "style": "max-width: calc(100vw - 32px)"
+      }, {
+        default: () => createVNode(ElInput, {
+          "modelValue": value.value,
+          "onUpdate:modelValue": $event => value.value = $event,
+          "type": "textarea",
+          "rows": 26
+        }, null),
+        footer: () => {
+          let _slot, _slot2;
+          return createVNode(Fragment, null, [createVNode(ElButton, {
+            "onClick": onCancel
+          }, _isSlot(_slot = t("co.common.cancel")) ? _slot : {
+            default: () => [_slot]
+          }), createVNode(ElButton, {
+            "type": "primary",
+            "onClick": onConfirm
+          }, _isSlot(_slot2 = t("co.common.confirm")) ? _slot2 : {
+            default: () => [_slot2]
+          })]);
+        }
+      })]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/formats/format-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/formats/format-table.js

@@ -0,0 +1,85 @@
+import { defineComponent, ref, useTemplateRef, shallowRef, reactive, onMounted, createVNode, Fragment } from 'vue';
+import stdin_default$1 from './format-table.style.js';
+import stdin_default$2 from './picker.js';
+import stdin_default$3 from '../button.js';
+import stdin_default$4 from '../../icon/icon.js';
+import { useEditor } from 'slate-vue3';
+import { useComponentConfig } from '../../config-provider/config-provider.api.js';
+
+var stdin_default = defineComponent({
+  name: "CoEditorFormatTable",
+  setup() {
+    const {
+      prefixCls
+    } = useComponentConfig("editor-format-table");
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    const editor = useEditor();
+    const count = 10;
+    const visible = ref(false);
+    const buttonRef = useTemplateRef("button");
+    const triggerTarget = shallowRef();
+    const grid = reactive({
+      row: 0,
+      col: 0
+    });
+    onMounted(() => {
+      triggerTarget.value = buttonRef.value?.el;
+    });
+    const onBtnClick = () => {
+      if (!visible.value) {
+        grid.row = 0;
+        grid.col = 0;
+      }
+      visible.value = !visible.value;
+    };
+    const onCellPointerOver = (row, col) => {
+      grid.row = row;
+      grid.col = col;
+    };
+    const onCellClick = (rowCount, columnCount) => {
+      editor.insertTable(rowCount, columnCount);
+      visible.value = false;
+    };
+    return () => {
+      return createVNode(stdin_default$2, {
+        "popperClass": [hashId.value, prefixCls.value],
+        "visible": visible.value,
+        "onUpdate:visible": $event => visible.value = $event,
+        "trigger-target": triggerTarget.value,
+        "nopadding": true
+      }, {
+        default: () => createVNode(stdin_default$3, {
+          "ref": "button",
+          "onClick": onBtnClick
+        }, {
+          default: () => [createVNode(stdin_default$4, {
+            "name": "co:table"
+          }, null)]
+        }),
+        content: () => createVNode(Fragment, null, [createVNode("div", {
+          "class": `${prefixCls.value}-grid`
+        }, [Array(count).fill(0).map((_, row) => {
+          return createVNode("div", {
+            "key": row,
+            "class": `${prefixCls.value}-row`
+          }, [Array(count).fill(0).map((_2, col) => {
+            return createVNode("div", {
+              "key": col,
+              "class": [`${prefixCls.value}-cell`, {
+                "is-selected": col <= grid.col && row <= grid.row
+              }],
+              "onPointerover": () => onCellPointerOver(row, col),
+              "onClick": () => onCellClick(row + 1, col + 1)
+            }, null);
+          })]);
+        })]), createVNode("div", {
+          "class": `${prefixCls.value}-count`
+        }, [`${grid.col}x${grid.row}`])])
+      });
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/formats/format-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/{components/toolbar/formats/table.style.js → formats/format-table.style.js}

@@ -1,6 +1,6 @@
-import { getSimpleStyleHook } from '../../../../theme/getSimpleStyleHook.js';
+import { getSimpleStyleHook } from '../../theme/getSimpleStyleHook.js';
 
-var stdin_default = getSimpleStyleHook("CoEditorTable", (token) => {
+var stdin_default = getSimpleStyleHook("CoEditorFormatTable", (token) => {
   const { componentCls } = token;
   return {
     [componentCls]: {

package/components/editor/formats/format-video.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;