@zyui/components 0.0.7 → 0.0.9

package/lib/src/components/ProEditor/Preview/index.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/src/components/ProEditor/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ProEditor } from './index.vue';
+export { default as ProEditorPreview } from './Preview/index.vue';

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

@@ -0,0 +1,28 @@
+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 init: {
+    license_key: string;
+    skin: boolean;
+    content_css: string;
+    content_style: string;
+    promotion: boolean;
+    menu: {
+        pagesize: {
+            title: string;
+            items: string;
+        };
+    };
+    menubar: string;
+    cleanup: boolean;
+    branding: boolean;
+    language: string;
+    plugins: string[];
+    toolbar: string;
+    fontsize_formats: string;
+    font_formats: string;
+    lineheight_formats: string;
+    elementpath: boolean;
+    paste_data_images: boolean;
+    object_resizing: boolean;
+    pagesize: string;
+    images_upload_handler: (blobInfo: any) => Promise<unknown>;
+};

package/lib/src/components/ProEditor/js/importTinymce.d.ts

@@ -0,0 +1 @@
+

package/lib/src/components/ProEditor/mockApi.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 模拟获取环境监测数据列表的接口
+ * @param searchText 搜索关键词
+ * @returns Promise<{text: string; value: string}[]> 返回符合TinyMCE自动完成器要求的数据格式
+ */
+export declare const getUserList: (searchText: string) => Promise<any[]>;

package/lib/src/components/ProEditor/plugins/helper.d.ts

@@ -0,0 +1,16 @@
+export declare const isWordContent: (content: string) => boolean;
+/**
+ * 处理file本地路径图片转为blob
+ * @param {String} content 粘贴板内容
+ * @param {event} e
+ * @returns String
+ */
+export declare const convertFileToBlob: (content: any, e: any) => any;
+export declare const convertBase64ToBlob: (base64String: string) => Blob;
+export declare const uploadBase64Image: (base64String: string) => Promise<string>;
+/**
+ * 把图片base64转为blob上传
+ * @param content
+ * @returns
+ */
+export declare const processBase64Images: (content: string) => Promise<string>;

package/lib/src/components/ProEditor/plugins/mention.d.ts

@@ -0,0 +1,8 @@
+import { Editor } from 'tinymce/tinymce';
+
+export interface MentionPluginOptions {
+    trigger?: string;
+    minChars?: number;
+    columns?: number;
+}
+export declare const mentionPlugin: (options?: MentionPluginOptions) => (editor: Editor) => void;

package/lib/src/components/ProEditor/plugins/nodecompleter.d.ts

@@ -0,0 +1,6 @@
+/**
+ *
+ * @param searchText 搜索关键词
+ * @returns Promise<{text: string; value: string}[]> 返回符合TinyMCE自动完成器要求的数据格式
+ */
+export declare const getNodeList: (searchText: string) => Promise<any[]>;

package/lib/src/components/ProEditor/plugins/pagesize.d.ts

@@ -0,0 +1,4 @@
+export type DocumentWithBody = Document & {
+    body: HTMLBodyElement;
+};
+export declare const pagesizeMenuItems: string;

package/lib/src/components/ProEditor/plugins/pasteprocess.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/Setters/ConfirmText/const.d.ts

@@ -0,0 +1,4 @@
+export declare const confirmTextList: {
+    label: string;
+    value: string;
+}[];

package/lib/src/components/Setters/DateFormat/const.d.ts

@@ -0,0 +1,4 @@
+export declare const dateFormatList: {
+    label: string;
+    value: string;
+}[];

package/lib/src/components/Setters/index.d.ts

@@ -0,0 +1,3 @@
+export { default as OptionsSetter } from './Options/index.vue';
+export { default as DateFormatSetter } from './DateFormat/index.vue';
+export { default as ConfirmTextSetter } from './ConfirmText/index.vue';

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

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

package/lib/src/components/index.d.ts

@@ -1,3 +1,8 @@
 export * from './ConfigProvider';
 export * from './UserSelector';
 export * from './PageLayout';
+export * from './FilePreview';
+export * from './ProEditor';
+export * from './NodesEditor';
+export * from './FormFlow';
+export * from './Setters';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zyui/components",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "main": "./lib/index.js",
   "module": "./es/index.mjs",
   "types": "./es/index.d.ts",
@@ -11,12 +11,14 @@
       "require": "./lib/index.js"
     },
     "./es/style.css": "./es/style.css",
-    "./lib/style.css": "./lib/style.css"
+    "./lib/style.css": "./lib/style.css",
+    "./assets/*": "./assets/*"
   },
   "files": [
     "es",
     "lib",
-    "*.css"
+    "*.css",
+    "assets"
   ],
   "peerDependencies": {
     "@element-plus/icons-vue": "^2.3.1",
@@ -25,9 +27,25 @@
     "vue": "^3.3.0"
   },
   "dependencies": {
+    "@dagrejs/dagre": "^1.1.4",
+    "@tinymce/tinymce-vue": "^6.1.0",
+    "@vue-flow/background": "^1.3.2",
+    "@vue-flow/controls": "^1.1.2",
+    "@vue-flow/core": "^1.42.5",
+    "@vue-flow/minimap": "^1.5.3",
+    "@vue-flow/node-resizer": "^1.4.0",
+    "mitt": "^3.0.1",
+    "tinymce": "^7.7.2",
+    "uuid": "^11.1.0",
+    "vue-draggable-plus": "^0.6.0",
     "vue-hooks-plus": "^2.2.1",
-    "@zyui/hooks": "0.0.1",
-    "@zyui/utils": "0.0.2"
+    "xmldom": "^0.6.0",
+    "xpath": "^0.0.34",
+    "@zyui/hooks": "0.0.3",
+    "@zyui/utils": "0.0.4"
+  },
+  "devDependencies": {
+    "@types/lodash-es": "^4.17.12"
   },
   "scripts": {
     "dev": "vite",

package/lib/src/components/ConfigProvider/src/ConfigProvider.d.ts

@@ -1,32 +0,0 @@
-import { PropType } from 'vue';
-import { HttpRequest } from '@zyui/utils/';
-
-export interface RequestConfig {
-    formatResult?: (response: any) => unknown;
-}
-export interface ConfigProviderContext {
-    http?: HttpRequest;
-    requestConfig?: RequestConfig;
-}
-export declare const configProviderContextKey: unique symbol;
-export declare const ConfigProvider: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    http: {
-        type: PropType<HttpRequest>;
-        required: false;
-    };
-    requestConfig: {
-        type: PropType<RequestConfig>;
-        required: false;
-    };
-}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    http: {
-        type: PropType<HttpRequest>;
-        required: false;
-    };
-    requestConfig: {
-        type: PropType<RequestConfig>;
-        required: false;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;