@opentinyvue/vue-flowchart 3.22.1 → 3.24.0

package/lib/index.js

@@ -1,10 +1,10 @@
 import { defineComponent, props, directive, setup, emitter, h, isVue3, $prefix, $props, $setup } from '@opentinyvue/vue-common';
 import { renderless, api } from '@opentinyvue/vue-renderless/flowchart/vue';
-import { Clickoutside } from '@opentinyvue/vue-directive';
+import { Clickoutside, AutoTip } from '@opentinyvue/vue-directive';
 import { IconYes, IconClose, iconNotStartedMini, iconNotStarted, iconOnGoingMini, iconOnGoing, iconExceptionMiniO, iconExceptionO, iconDoneMini, iconDone } from '@opentinyvue/vue-icon';
 import Popover from '@opentinyvue/vue-popover';
 import { renderless as renderless$1, api as api$1 } from '@opentinyvue/vue-renderless/flowchart/node';
-import { openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent, Fragment, renderList, toDisplayString, createCommentVNode } from 'vue';
+import { resolveDirective, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent, Fragment, renderList, withDirectives, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { ResizeObserver } from '@opentinyvue/utils';
 import '@opentinyvue/vue-theme/flowchart/index.css';
 
@@ -569,7 +569,10 @@ var icons = {
   }
 };
 var _sfc_main = defineComponent({
-  props: [].concat(props, ["node", "config", "titleClass"]),
+  props: [].concat(props, ["node", "config", "titleClass", "cursorPointerFn"]),
+  directives: {
+    AutoTip
+  },
   setup: function setup2(props2, context) {
     return setup({
       props: props2,
@@ -583,8 +586,8 @@ var _sfc_main = defineComponent({
     });
   }
 });
-var _hoisted_1 = ["title"];
 function _sfc_render(_ctx, _cache, $props2, $setup2, $data, $options) {
+  var _directive_auto_tip = resolveDirective("auto-tip");
   return openBlock(), createElementBlock(
     "div",
     {
@@ -602,7 +605,9 @@ function _sfc_render(_ctx, _cache, $props2, $setup2, $data, $options) {
       "div",
       {
         ref: "icon",
-        class: normalizeClass(["w-4 h-4 absolute z-0 rounded-full flex items-center justify-center", "translate-x-1 translate-y-1 text-base cursor-pointer", {
+        class: normalizeClass(["w-4 h-4 absolute z-0 rounded-full flex items-center justify-center", "translate-x-1 translate-y-1 text-base", {
+          "cursor-pointer": _ctx.cursorPointerFn ? _ctx.cursorPointerFn(_ctx.state) : true
+        }, {
           "sm:w-2 sm:h-2": _ctx.state.icon.size === "mini",
           "sm:w-6 sm:h-6": _ctx.state.icon.size === "medium"
         }])
@@ -638,24 +643,33 @@ function _sfc_render(_ctx, _cache, $props2, $setup2, $data, $options) {
           return openBlock(), createElementBlock(
             Fragment,
             null,
-            [_ctx.state[key].show ? (openBlock(), createElementBlock("div", {
-              key,
-              title: _ctx.state[key].text,
-              class: normalizeClass(["truncate", _ctx.state.layUpdown ? "text-center" : "text-left", key === "title" && _ctx.state.sizeMedium ? "text-sm" : "text-xs", _ctx.state.isSmall ? {
-                "leading-5": key === "title",
-                "leading-4": key !== "title"
-              } : {
-                "leading-6": key === "title" && _ctx.state.sizeMedium,
-                "leading-5": key !== "title" && _ctx.state.sizeMedium || key === "title" && _ctx.state.sizeSmall,
-                "leading-4": key !== "title" && _ctx.state.sizeSmall || _ctx.state.sizeMini
-              }, {
-                "text-color-icon-focus": _ctx.state.statOngoing,
-                "text-color-text-primary": key === "title" && _ctx.state.statCompleted,
-                "text-color-error": key === "title" && _ctx.state.statFail,
-                "text-color-icon-secondary": key === "title" && _ctx.state.statNotStarted,
-                "text-color-icon-placeholder": key !== "title" && !_ctx.state.statOngoing
-              }])
-            }, toDisplayString(_ctx.state[key].text), 11, _hoisted_1)) : createCommentVNode("v-if", true)],
+            [_ctx.state[key].show ? withDirectives((openBlock(), createElementBlock(
+              "div",
+              {
+                key,
+                class: normalizeClass(["truncate", _ctx.state.layUpdown ? "text-center" : "text-left", key === "title" && _ctx.state.sizeMedium ? "text-sm" : "text-xs", _ctx.state.isSmall ? {
+                  "leading-5": key === "title",
+                  "leading-4": key !== "title"
+                } : {
+                  "leading-6": key === "title" && _ctx.state.sizeMedium,
+                  "leading-5": key !== "title" && _ctx.state.sizeMedium || key === "title" && _ctx.state.sizeSmall,
+                  "leading-4": key !== "title" && _ctx.state.sizeSmall || _ctx.state.sizeMini
+                }, {
+                  "text-color-icon-focus": _ctx.state.statOngoing,
+                  "text-color-text-primary": key === "title" && _ctx.state.statCompleted,
+                  "text-color-error": key === "title" && _ctx.state.statFail,
+                  "text-color-icon-secondary": key === "title" && _ctx.state.statNotStarted,
+                  "text-color-icon-placeholder": key !== "title" && !_ctx.state.statOngoing
+                }])
+              },
+              [createTextVNode(
+                toDisplayString(_ctx.state[key].text),
+                1
+                /* TEXT */
+              )],
+              2
+              /* CLASS */
+            )), [[_directive_auto_tip]]) : createCommentVNode("v-if", true)],
             64
             /* STABLE_FRAGMENT */
           );

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@opentinyvue/vue-flowchart",
   "type": "module",
-  "version": "3.22.1",
+  "version": "3.24.0",
   "description": "",
   "license": "MIT",
   "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "dependencies": {
-    "@opentinyvue/utils": "~3.22.0",
-    "@opentinyvue/vue-common": "~3.22.0",
-    "@opentinyvue/vue-directive": "~3.22.0",
-    "@opentinyvue/vue-icon": "~3.22.0",
-    "@opentinyvue/vue-popover": "~3.22.0",
-    "@opentinyvue/vue-renderless": "~3.22.0",
-    "@opentinyvue/vue-theme": "~3.22.0"
+    "@opentinyvue/utils": "~3.24.0",
+    "@opentinyvue/vue-common": "~3.24.0",
+    "@opentinyvue/vue-directive": "~3.24.0",
+    "@opentinyvue/vue-icon": "~3.24.0",
+    "@opentinyvue/vue-popover": "~3.24.0",
+    "@opentinyvue/vue-renderless": "~3.24.0",
+    "@opentinyvue/vue-theme": "~3.24.0"
   },
   "types": "index.d.ts",
   "scripts": {

package/src/index.d.ts

@@ -88,6 +88,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     tiny_template: (ObjectConstructor | FunctionConstructor)[];
     tiny_renderless: FunctionConstructor;
     tiny_theme: StringConstructor;
+    tiny_mcp_config: ObjectConstructor;
     tiny_chart_theme: ObjectConstructor;
 }, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
     [key: string]: any;
@@ -103,6 +104,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     tiny_template: (ObjectConstructor | FunctionConstructor)[];
     tiny_renderless: FunctionConstructor;
     tiny_theme: StringConstructor;
+    tiny_mcp_config: ObjectConstructor;
     tiny_chart_theme: ObjectConstructor;
 }>>, {
     tiny_mode_root: boolean;

package/src/mobile-first.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
+    tiny_mcp_config?: any;
     config?: any;
 }>, any, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("click-node" | "click-link" | "click-blank" | "click-group")[], "click-node" | "click-link" | "click-blank" | "click-group", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     data?: any;
@@ -17,6 +18,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
+    tiny_mcp_config?: any;
     config?: any;
 }>>> & {
     "onClick-node"?: ((...args: any[]) => any) | undefined;
@@ -32,6 +34,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly _constants?: any;
     readonly tiny_theme?: any;
     readonly tiny_chart_theme?: any;
+    readonly tiny_mcp_config?: any;
     readonly config?: any;
 }, {}>;
 export default _default;

package/src/node.vue.d.ts

@@ -6,9 +6,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
+    tiny_mcp_config?: any;
     titleClass?: any;
     config?: any;
     node?: any;
+    cursorPointerFn?: any;
 }>, any, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     tiny_mode?: any;
     tiny_mode_root?: any;
@@ -17,9 +19,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
+    tiny_mcp_config?: any;
     titleClass?: any;
     config?: any;
     node?: any;
+    cursorPointerFn?: any;
 }>>>, {
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
@@ -28,8 +32,10 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly _constants?: any;
     readonly tiny_theme?: any;
     readonly tiny_chart_theme?: any;
+    readonly tiny_mcp_config?: any;
     readonly titleClass?: any;
     readonly config?: any;
     readonly node?: any;
+    readonly cursorPointerFn?: any;
 }, {}>;
 export default _default;

package/src/pc.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
+    tiny_mcp_config?: any;
     config?: any;
 }>, {
     t: (this: any, path: any, options?: any) => any;
@@ -26,6 +27,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     _constants?: any;
     tiny_theme?: any;
     tiny_chart_theme?: any;
+    tiny_mcp_config?: any;
     config?: any;
 }>>> & {
     "onClick-node"?: ((...args: any[]) => any) | undefined;
@@ -40,6 +42,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly _constants?: any;
     readonly tiny_theme?: any;
     readonly tiny_chart_theme?: any;
+    readonly tiny_mcp_config?: any;
     readonly config?: any;
 }, {}>;
 export default _default;