@zyui/components 0.0.11 → 0.0.13

package/es/src/components/NodesEditor/store/editor.d.ts

@@ -0,0 +1,2 @@
+export declare function useGlobalEditorData(editorId: any): import('vue').ComputedRef<any>;
+export declare function useRegisterEditor(): void;

package/es/src/components/NodesEditor/store/select.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+
+export declare function useGlobalSelect(editorId: any): any;
+type SelectParams = {
+    nodes: Ref<any[]>;
+    activated: Ref<boolean>;
+    editorId: string;
+    id: string;
+    color: string;
+};
+export declare function useRegisterSelect(params: SelectParams): void;
+export {};

package/es/src/components/NodesEditor/type.d.ts

@@ -1,5 +1,3 @@
-import { inpputTypes } from './const';
-
 export type FormItemOptions = {
     label?: string;
     labelWidth?: string;
@@ -14,7 +12,7 @@ export type FormItemOptions = {
     }[];
     [key: string]: any;
 };
-export type InputType = (typeof inpputTypes)[number];
+export type InputType = string;
 export type NodeItem = {
     nodeType?: string;
     id?: string;
@@ -29,6 +27,7 @@ export type NodeItem = {
 };
 export type MenuAction = 'copy' | 'paste' | 'delete';
 export type RenderType = 'edit' | 'select' | 'enter' | 'result';
+export type SelectNodesMode = 'single' | 'multiple' | 'multiple-row';
 export type WrappedNode = NodeItem & {
     element: HTMLElement | null;
 };

package/es/src/components/ProEditor/js/config.d.ts

@@ -1,9 +1,8 @@
-export declare const restCss = "\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n    body {\n      font-family: Arial, sans-serif;\n      line-height: 1.5;\n    }\n    img {\n      max-width: 100%;\n      height: auto;\n    }\n    a {\n      text-decoration: none;\n      color: inherit;\n    }\n    ul, ol {\n      list-style: none;\n    }\n    * {\n      user-select: none;\n      -webkit-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n    }\n    .node-item{\n      display: inline-block;\n      padding: 0 2px;\n      background-color: rgba(0, 120, 212, 0.1);\n      border-radius: 2px;\n      margin: 0 1px;\n      cursor: pointer;\n    }\n    [contenteditable='true'] {\n      outline: 1px dashed #ccc;\n      border: none;\n      cursor: text;\n      background-color: rgba(0, 0, 0, 0.02);\n    }\n    [contenteditable='true']:focus {\n      // outline: 1px solid rgba(0, 120, 212, 0.3);\n      // outline: none;\n      border: none;\n    }\n   \n    table {\n      td {\n        &.node-selected {\n          background-color: rgba(0, 120, 212, 0.2);\n          border: 1px solid #0078d4;\n        }\n      }\n    }\n    .node-selected:not(td){\n      background-color: rgba(0, 120, 212, 0.2);\n      outline: 1px solid #0078d4;\n    }\n  ";
+export declare const restCss = "\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n    body {\n      font-family: Arial, sans-serif;\n      line-height: 1.5;\n    }\n    img {\n      max-width: 100%;\n      height: auto;\n    }\n    a {\n      text-decoration: none;\n      color: inherit;\n    }\n    ul, ol {\n      list-style: none;\n    }\n    * {\n      user-select: none;\n      -webkit-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n    }\n    td:hover > .td-node {\n      display: block;\n    }\n    .td-node {\n      display: none;\n    }\n\n    .node-item{\n      display: inline-block;\n      padding: 0 2px;\n      background-color: rgba(0, 120, 212, 0.1);\n      border-radius: 2px;\n      margin: 0 1px;\n      cursor: pointer;\n    }\n    .node-item-td{\n      position: relative;\n    }\n    [contenteditable='true'] {\n      outline: 1px dashed #ccc;\n      border: none;\n      cursor: text;\n      background-color: rgba(0, 0, 0, 0.02);\n    }\n    [contenteditable='true']:focus {\n      // outline: 1px solid rgba(0, 120, 212, 0.3);\n      // outline: none;\n      border: none;\n    }\n   \n    table {\n      td {\n        &.node-selected {\n          background-color: rgba(0, 120, 212, 0.2);\n          border: 1px solid #0078d4;\n        }\n      }\n    }\n    .node-selected:not(td){\n      background-color: rgba(0, 120, 212, 0.2);\n      outline: 1px solid #0078d4;\n    }\n  ";
 export declare const init: {
     license_key: string;
     skin: boolean;
-    content_css: string;
-    content_style: string;
+    content_css: string[];
     promotion: boolean;
     menu: {
         pagesize: {

package/es/src/components/ShadowDomWrap/index.vue.d.ts

@@ -1,5 +1,6 @@
 declare const _default: import('vue').DefineComponent<{}, {
     shadowHost: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     shadowRoot: import('vue').Ref<ShadowRoot | undefined, ShadowRoot | undefined>;
+    handleClick: (e: MouseEvent) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;