cosey 0.1.1 → 0.1.4

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

@@ -81,15 +81,17 @@ var stdin_default = /* @__PURE__ */defineComponent({
           });
           break;
         case "insert":
-          const range = quill.value.getSelection(true);
-          const text = quill.value.getText(range);
-          Object.assign(formModel, {
-            url: "",
-            text,
-            title: "",
-            target: "_self"
-          });
-          break;
+          {
+            const range = quill.value.getSelection(true);
+            const text = quill.value.getText(range);
+            Object.assign(formModel, {
+              url: "",
+              text,
+              title: "",
+              target: "_self"
+            });
+            break;
+          }
       }
       visible.value = true;
     };
@@ -132,7 +134,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         onClick: onBtnClick
       }, {
         default: withCtx(() => [createVNode(unref(stdin_default$2), {
-          name: "mdi:link-variant"
+          name: "co:link"
         })]),
         _: 1
         /* STABLE */
@@ -185,17 +187,17 @@ var stdin_default = /* @__PURE__ */defineComponent({
         onCommand
       }, {
         default: withCtx(() => [createVNode(unref(_ContextMenuItem), {
-          icon: "mdi:link-variant",
+          icon: "co:link",
           title: title.value,
           command: "upsert"
         }, null, 8, ["title"]), actionType.value === "update" ? (openBlock(), createElementBlock(Fragment, {
           key: 0
         }, [createVNode(unref(_ContextMenuItem), {
-          icon: "mdi:link-variant-off",
+          icon: "co:unlink",
           title: "\u5220\u9664\u94FE\u63A5",
           command: "remove"
         }), createVNode(unref(_ContextMenuItem), {
-          icon: "mdi:arrow-right-top",
+          icon: "co:launch",
           title: "\u6253\u5F00\u94FE\u63A5",
           command: "open"
         })], 64

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

@@ -15,8 +15,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
   setup(__props) {
     const props = __props;
     const mapIcons = {
-      ordered: "mdi:format-list-numbered",
-      bullet: "mdi:format-list-bulleted"
+      ordered: "co:list-numbered",
+      bullet: "co:list-bulleted"
     };
     const {
       toolbar
@@ -35,7 +35,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(stdin_default$1, {
         active: isActive.value,
-        onClick: _cache[0] || (_cache[0] = $event => unref(toolbar)?.list(_ctx.type, isActive.value))
+        onClick: _cache[0] || (_cache[0] = $event => unref(toolbar)?.list(_ctx.type))
       }, {
         default: withCtx(() => [createVNode(unref(stdin_default$2), {
           name: mapIcons[_ctx.type]

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

@@ -15,8 +15,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
   setup(__props) {
     const props = __props;
     const mapIcons = {
-      sub: "mdi:format-subscript",
-      super: "mdi:format-superscript"
+      sub: "co:text-subscript",
+      super: "co:text-superscript"
     };
     const {
       toolbar

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

@@ -16,8 +16,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
   setup(__props) {
     const props = __props;
     const mapIcons = {
-      "-1": "mdi:format-annotation-minus",
-      "+1": "mdi:format-annotation-plus"
+      "-1": "co:text-minus",
+      "+1": "co:text-plus"
     };
     const {
       toolbar

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

@@ -27,7 +27,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         onClick: _cache[0] || (_cache[0] = $event => unref(toolbar)?.strike(!isActive.value))
       }, {
         default: withCtx(() => [createVNode(unref(stdin_default$2), {
-          name: "mdi:format-strikethrough-variant"
+          name: "co:text-strikethrough"
         })]),
         _: 1
         /* STABLE */

package/components/editor/components/toolbar/formats/table.style.d.ts

@@ -1,4 +1,4 @@
-declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../../../..").ThemeConfig | undefined>) => {
+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.vue.js

@@ -84,7 +84,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           onClick: onBtnClick
         }, {
           default: withCtx(() => [createVNode(unref(_Icon), {
-            name: "mdi:table"
+            name: "co:table"
           })]),
           _: 1
           /* STABLE */

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

@@ -27,7 +27,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         onClick: _cache[0] || (_cache[0] = $event => unref(toolbar)?.underline(!isActive.value))
       }, {
         default: withCtx(() => [createVNode(unref(stdin_default$2), {
-          name: "mdi:format-underline"
+          name: "co:text-underline"
         })]),
         _: 1
         /* STABLE */

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

@@ -61,7 +61,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         onClick: onBtnClick
       }, {
         default: withCtx(() => [createVNode(unref(stdin_default$2), {
-          name: "mdi:movie-open-play-outline"
+          name: "co:video-player"
         })]),
         _: 1
         /* STABLE */

package/components/editor/components/toolbar/toolbar.d.ts

@@ -23,8 +23,7 @@ export declare class Toolbar extends EventTarget {
     script(value: 'super' | 'sub', isActive?: boolean): void;
     indentStyle(value: string): void;
     indent(value: string): void;
-    customLst(type: 'ordered' | 'bullet', isActive?: boolean): void;
-    list(value: string, isActive?: boolean): void;
+    list(value: string): void;
     blockquote(value?: boolean): void;
     codeBlock(value?: boolean): void;
     code(value?: boolean): void;

package/components/editor/components/toolbar/toolbar.js

@@ -1,4 +1,5 @@
 import Quill, { Parchment } from 'quill';
+import { INDENT_STEP } from '../../formats/indent.js';
 
 class Toolbar extends EventTarget {
   quill;
@@ -57,37 +58,34 @@ class Toolbar extends EventTarget {
   indentStyle(value) {
     const range = this.quill.getSelection(true);
     const formats = this.quill.getFormat(range);
-    const indent = parseInt(formats.indent || 0, 10);
+    const indent = parseInt(formats.indent || "0", 10);
     if (value === "+1" || value === "-1") {
-      const step = 2;
-      let modifier = value === "+1" ? step : -2;
-      if (formats.direction === "rtl") modifier *= -1;
+      const modifier = value === "+1" ? INDENT_STEP : -3;
       this.quill.format("indent", indent + modifier, Quill.sources.USER);
     }
   }
   indent(value) {
-    const range = this.quill.getSelection();
+    const range = this.quill.getSelection(true);
     const formats = this.quill.getFormat(range);
-    const indent = parseInt(formats.indent || 0, 10);
+    const indent = parseInt(formats.indent || "0", 10);
     if (value === "+1" || value === "-1") {
       let modifier = value === "+1" ? 1 : -1;
       if (formats.direction === "rtl") modifier *= -1;
       this.quill.format("indent", indent + modifier, Quill.sources.USER);
     }
   }
-  customLst(type, isActive) {
+  list(value) {
     const range = this.quill.getSelection(true);
-    this.quill.getFormat(range);
-    const map = {
-      ordered: "olist",
-      bullet: "ulist"
-    };
-    this.quill.format(map[type], isActive ? false : true, Quill.sources.USER);
-  }
-  list(value, isActive) {
-    const range = this.quill.getSelection();
-    this.quill.getFormat(range);
-    this.quill.format("list", isActive ? false : value, Quill.sources.USER);
+    const formats = this.quill.getFormat(range);
+    if (value === "check") {
+      if (formats.list === "checked" || formats.list === "unchecked") {
+        this.quill.format("list", false, Quill.sources.USER);
+      } else {
+        this.quill.format("list", "unchecked", Quill.sources.USER);
+      }
+    } else {
+      this.quill.format("list", value, Quill.sources.USER);
+    }
   }
   blockquote(value) {
     this.quill.format("blockquote", value, Quill.sources.USER);
@@ -102,9 +100,7 @@ class Toolbar extends EventTarget {
     this.quill.format("link", value, Quill.sources.USER);
   }
   image() {
-    const imageUploader = this.quill.getModule(
-      "imageUploader"
-    );
+    const imageUploader = this.quill.getModule("imageUploader");
     imageUploader.selectLocalImage();
   }
   formula(value) {

package/components/editor/components/toolbar/toolbarContext.js

@@ -1,5 +1,3 @@
-const toolbarContextKey = Symbol(
-  "toolbarContext"
-);
+const toolbarContextKey = Symbol("toolbarContext");
 
 export { toolbarContextKey };

package/components/editor/editor.d.ts

@@ -3,8 +3,6 @@ export interface EditorProps {
     modelValue?: string;
     placeholder?: string;
     height?: string;
-    minHeight?: string;
-    maxHeight?: string;
     readonly?: boolean;
     validateEvent?: boolean;
     request?: UploadContext['request'];

package/components/editor/editor.vue.js

@@ -34,14 +34,6 @@ var stdin_default = /* @__PURE__ */defineComponent({
       type: String,
       required: false
     },
-    minHeight: {
-      type: String,
-      required: false
-    },
-    maxHeight: {
-      type: String,
-      required: false
-    },
     readonly: {
       type: Boolean,
       required: false
@@ -140,9 +132,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         ref: element,
         class: normalizeClass(`${unref(prefixCls)}-container`),
         style: normalizeStyle({
-          height: _ctx.height,
-          minHeight: _ctx.minHeight,
-          maxHeight: _ctx.maxHeight
+          height: _ctx.height
         })
       }, null, 6
       /* CLASS, STYLE */), createVNode(stdin_default$5), createVNode(stdin_default$6)], 2

package/components/editor/formats/image.d.ts

@@ -0,0 +1,13 @@
+import { Parchment } from 'quill';
+declare class Image extends Parchment.EmbedBlot {
+    static blotName: string;
+    static tagName: string;
+    static create(value: string): Element;
+    static formats(domNode: Element): Record<string, string | null>;
+    static match(url: string): boolean;
+    static sanitize(url: string): string;
+    static value(domNode: Element): string | null;
+    domNode: HTMLImageElement;
+    format(name: string, value: string): void;
+}
+export default Image;

package/components/editor/formats/image.js

@@ -0,0 +1,46 @@
+import { sanitize } from './link.js';
+import { Parchment } from 'quill';
+
+const ATTRIBUTES = ["alt", "height", "width", "style"];
+class Image extends Parchment.EmbedBlot {
+  static blotName = "image";
+  static tagName = "IMG";
+  static create(value) {
+    const node = super.create(value);
+    if (typeof value === "string") {
+      node.setAttribute("src", this.sanitize(value));
+    }
+    return node;
+  }
+  static formats(domNode) {
+    return ATTRIBUTES.reduce((formats, attribute) => {
+      if (domNode.hasAttribute(attribute)) {
+        formats[attribute] = domNode.getAttribute(attribute);
+      }
+      return formats;
+    }, {});
+  }
+  static match(url) {
+    return /\.(jpe?g|gif|png)$/.test(url) || /^data:image\/.+;base64/.test(url);
+  }
+  static sanitize(url) {
+    return sanitize(url, ["http", "https", "data"]) ? url : "//:0";
+  }
+  static value(domNode) {
+    return domNode.getAttribute("src");
+  }
+  format(name, value) {
+    if (ATTRIBUTES.indexOf(name) > -1) {
+      if (value) {
+        this.domNode.setAttribute(name, value);
+      } else {
+        this.domNode.removeAttribute(name);
+      }
+    } else {
+      super.format(name, value);
+    }
+  }
+}
+var stdin_default = Image;
+
+export { stdin_default as default };

package/components/editor/formats/indent.d.ts

@@ -1,5 +1,7 @@
 import { Parchment } from 'quill';
+export declare const INDENT_STEP = 3;
 declare class IndentAttributor extends Parchment.StyleAttributor {
+    normalize(value: number): number | undefined;
     add(node: HTMLElement, value: string | number): boolean;
     canAdd(node: HTMLElement, value: string): boolean;
     value(node: HTMLElement): number | undefined;

package/components/editor/formats/indent.js

@@ -1,12 +1,18 @@
 import { Parchment } from 'quill';
 
+const INDENT_STEP = 3;
 class IndentAttributor extends Parchment.StyleAttributor {
+  normalize(value) {
+    if (!value) {
+      return void 0;
+    }
+    return Math.ceil(value / INDENT_STEP) * INDENT_STEP;
+  }
   add(node, value) {
     let normalizedValue = 0;
     if (value === "+1" || value === "-1") {
       const indent = this.value(node) || 0;
-      const step = 2;
-      normalizedValue = value === "+1" ? indent + step : indent - step;
+      normalizedValue = value === "+1" ? indent + INDENT_STEP : indent - INDENT_STEP;
     } else if (typeof value === "number") {
       normalizedValue = value;
     }
@@ -20,13 +26,12 @@ class IndentAttributor extends Parchment.StyleAttributor {
     return super.canAdd(node, value) || super.canAdd(node, parseInt(value, 10));
   }
   value(node) {
-    return parseInt(super.value(node), 10) || void 0;
+    return this.normalize(parseInt(super.value(node), 10));
   }
 }
-const IndentStyle = new IndentAttributor("indent", "text-indent", {
+const IndentStyle = new IndentAttributor("indent", "padding-left", {
   scope: Parchment.Scope.BLOCK,
-  // @ts-expect-error
-  whitelist: Array(16).fill(0).map((_, i) => i + 1)
+  whitelist: Array(INDENT_STEP * 9).fill(0).map((_, i) => i + 1)
 });
 
-export { IndentStyle };
+export { INDENT_STEP, IndentStyle };

package/components/editor/formats/link.js

@@ -31,11 +31,7 @@ class Link extends Inline {
     this.toggleAttribute(domNode, "href", value.href);
     this.toggleAttribute(domNode, "title", value.title);
     this.toggleAttribute(domNode, "target", value.target);
-    this.toggleAttribute(
-      domNode,
-      "rel",
-      value.target === "_blank" ? "noopener noreferrer" : ""
-    );
+    this.toggleAttribute(domNode, "rel", value.target === "_blank" ? "noopener noreferrer" : "");
   }
   format(name, value) {
     if (name !== this.statics.blotName || !value) {

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

@@ -2,12 +2,8 @@ import Block from 'quill/blots/block';
 import Container from 'quill/blots/container';
 import type Scroll from 'quill/blots/scroll';
 declare class ListContainer extends Container {
-    static blotName: string;
-    static tagName: string;
 }
 declare class ListItem extends Block {
-    static blotName: string;
-    static tagName: string;
     static create(value: string): HTMLElement;
     static formats(domNode: HTMLElement): string | undefined;
     static register(): void;

package/components/editor/formats/list.js

@@ -1,14 +1,13 @@
 import Block from 'quill/blots/block';
 import Container from 'quill/blots/container';
 import Quill from 'quill/core/quill';
+import { IndentStyle, INDENT_STEP } from './indent.js';
 
 class ListContainer extends Container {
-  static blotName = "list-container";
-  static tagName = "OL";
 }
+ListContainer.blotName = "list-container";
+ListContainer.tagName = "OL";
 class ListItem extends Block {
-  static blotName = "list";
-  static tagName = "LI";
   static create(value) {
     const node = super.create();
     node.setAttribute("data-list", value);
@@ -42,10 +41,16 @@ class ListItem extends Block {
     if (name === this.statics.blotName && value) {
       this.domNode.setAttribute("data-list", value);
     } else {
-      super.format(name, value);
+      if (name === IndentStyle.attrName) {
+        super.format(name, +value * INDENT_STEP);
+      } else {
+        super.format(name, value);
+      }
     }
   }
 }
+ListItem.blotName = "list";
+ListItem.tagName = "LI";
 ListContainer.allowedChildren = [ListItem];
 ListItem.requiredContainer = ListContainer;
 

package/components/editor/formats/video.js

@@ -14,15 +14,12 @@ class Video extends BlockEmbed {
     return node;
   }
   static formats(domNode) {
-    return ATTRIBUTES.reduce(
-      (formats, attribute) => {
-        if (domNode.hasAttribute(attribute)) {
-          formats[attribute] = domNode.getAttribute(attribute);
-        }
-        return formats;
-      },
-      {}
-    );
+    return ATTRIBUTES.reduce((formats, attribute) => {
+      if (domNode.hasAttribute(attribute)) {
+        formats[attribute] = domNode.getAttribute(attribute);
+      }
+      return formats;
+    }, {});
   }
   static sanitize(url) {
     return Link.sanitize(url);

package/components/editor/modules/custom-list.js

@@ -13,12 +13,7 @@ class CustomList extends Module {
         if (context.format.indent) {
           formats.indent = false;
         }
-        this.quill.formatLine(
-          range.index,
-          range.length,
-          formats,
-          Quill.sources.USER
-        );
+        this.quill.formatLine(range.index, range.length, formats, Quill.sources.USER);
       }
     });
   }

package/components/editor/modules/image-uploader/formats/image-loading.style.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (theme?: import("vue").ComputedRef<import("../../../..").ThemeConfig | undefined>) => void;
+declare const _default: (themeManager?: import("../../../../theme/theme-context").ThemeManager) => void;
 export default _default;

package/components/editor/modules/image-uploader/formats/image-loading.style.js

@@ -1,7 +1,7 @@
 import { getGlobalStyleHook } from '../../../../theme/getGlobalStyleHook.js';
-import { loadingDash, loadingRotate } from '../../../../style/motion/loading.js';
+import { spinner, rotation } from '../../../../style/animation.js';
 
-var stdin_default = getGlobalStyleHook("co-editor-image-loading", (token) => {
+var stdin_default = getGlobalStyleHook("EditorImageLoading", (token) => {
   return {
     ".co-editor-image-loading": {
       position: "relative",
@@ -22,12 +22,12 @@ var stdin_default = getGlobalStyleHook("co-editor-image-loading", (token) => {
           display: "inline",
           height: 42,
           width: 42,
-          animationName: loadingRotate,
+          animationName: rotation,
           animationDuration: "2s",
           animationTimingFunction: "linear",
           animationIterationCount: "infinite",
           circle: {
-            animationName: loadingDash,
+            animationName: spinner,
             animationDuration: "1.5s",
             animationTimingFunction: "ease-in-out",
             animationIterationCount: "infinite",

package/components/editor/modules/image-uploader/image-uploader.js

@@ -16,9 +16,7 @@ class ImageUploader extends Module {
     this.quill = quill;
     this.options = options;
     if (typeof this.options.upload !== "function")
-      console.warn(
-        "[Missing config] upload function that returns a promise is required"
-      );
+      console.warn("[Missing config] upload function that returns a promise is required");
     const toolbar = this.quill.getModule("toolbar");
     if (toolbar) {
       toolbar.addHandler("image", this.selectLocalImage);

package/components/editor/quill.js

@@ -1,25 +1,28 @@
 import Quill from 'quill';
 import { ImageUploader } from './modules/image-uploader/image-uploader.js';
-import stdin_default$1 from './modules/custom-list.js';
+import stdin_default$2 from './modules/custom-list.js';
 import { Formula } from './formats/formula.js';
 import { SizeStyle } from './formats/size.js';
 import { FontStyle } from './formats/font.js';
 import { Link } from './formats/link.js';
 import { AlignStyle } from './formats/align.js';
-import stdin_default from './formats/video.js';
+import stdin_default$1 from './formats/video.js';
+import stdin_default from './formats/image.js';
 
 function register() {
   Quill.register(
     {
       "modules/imageUploader": ImageUploader,
-      "modules/customList": stdin_default$1,
+      "modules/customList": stdin_default$2,
       "formats/formula": Formula,
       "formats/size": SizeStyle,
       "formats/font": FontStyle,
       "formats/link": Link,
       "formats/align": AlignStyle,
       // 'formats/indent': IndentStyle,
-      "formats/video": stdin_default
+      "formats/video": stdin_default$1,
+      "formats/image": stdin_default
+      // 'formats/list': List,
     },
     true
   );

package/components/editor/quillContext.js

@@ -1,5 +1,3 @@
-const editorContextKey = Symbol(
-  "editorContext"
-);
+const editorContextKey = Symbol("editorContext");
 
 export { editorContextKey };

package/components/editor/style/hljs.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (theme?: import("vue").ComputedRef<import("../..").ThemeConfig | undefined>) => void;
+declare const _default: (themeManager?: import("../../theme/theme-context").ThemeManager) => void;
 export default _default;

package/components/editor/style/index.d.ts

@@ -5,7 +5,7 @@ export interface ComponentToken {
 export interface EditorToken extends FullToken<'Editor'> {
 }
 export declare const getQuillArticleStyle: GenerateStyle<EditorToken, CSSObject>;
-declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../..").ThemeConfig | undefined>) => {
+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/style/index.js

@@ -267,11 +267,7 @@ const getEditorStyle = (token) => {
   };
 };
 var stdin_default = getStyleHook("Editor", (token) => {
-  return [
-    getEditorStyle(token),
-    getEditorToolbarStyle(token),
-    getEditorButtonStyle(token)
-  ];
+  return [getEditorStyle(token), getEditorToolbarStyle(token), getEditorButtonStyle(token)];
 });
 
 export { stdin_default as default, getQuillArticleStyle };

package/components/field/components/checkbox-group/panel.vue.d.ts

@@ -1,5 +1,3 @@
-import { type CheckboxValueType } from 'element-plus';
-import { Panel } from '../../../panel';
 type __VLS_Props = {
     modelValue: any[];
     options: {
@@ -8,26 +6,10 @@ type __VLS_Props = {
     }[];
     maxHeight?: string | number;
 };
-declare const token: import("vue").ComputedRef<import("../../..").GlobalToken>;
-declare const checkAll: import("vue").Ref<boolean, boolean>;
-declare const isIndeterminate: import("vue").Ref<boolean, boolean>;
-declare const handleCheckAllChange: (val: CheckboxValueType) => void;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_14: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    Panel: typeof Panel;
-    token: typeof token;
-    checkAll: typeof checkAll;
-    isIndeterminate: typeof isIndeterminate;
-    handleCheckAllChange: typeof handleCheckAllChange;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: any[]) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: any[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{