@opentinyvue/vue-flowchart 3.22.1 → 3.23.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 */
           );
@@ -709,7 +723,7 @@ var resizeMixin = function resizeMixin2(_ref) {
     }
   };
 };
-var version = "3.undefined";
+var version = "3.23.0";
 Flowchart.install = function(Vue) {
   Vue.component(Flowchart.name, Flowchart);
 };

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@opentinyvue/vue-flowchart",
   "type": "module",
-  "version": "3.22.1",
+  "version": "3.23.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.23.0",
+    "@opentinyvue/vue-common": "~3.23.0",
+    "@opentinyvue/vue-directive": "~3.23.0",
+    "@opentinyvue/vue-icon": "~3.23.0",
+    "@opentinyvue/vue-popover": "~3.23.0",
+    "@opentinyvue/vue-renderless": "~3.23.0",
+    "@opentinyvue/vue-theme": "~3.23.0"
   },
   "types": "index.d.ts",
   "scripts": {

package/src/node.vue.d.ts

@@ -9,6 +9,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     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;
@@ -20,6 +21,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     titleClass?: any;
     config?: any;
     node?: any;
+    cursorPointerFn?: any;
 }>>>, {
     readonly tiny_mode?: any;
     readonly tiny_mode_root?: any;
@@ -31,5 +33,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly titleClass?: any;
     readonly config?: any;
     readonly node?: any;
+    readonly cursorPointerFn?: any;
 }, {}>;
 export default _default;