hy-logic-flow 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -95,18 +95,18 @@ npm run dev
95
95
 
96
96
  ```cmd
97
97
  # 使用yarn
98
- yarn add hy-flow-new
98
+ yarn add hy-logic-flow
99
99
 
100
100
  # 使用npm
101
- npm i hy-flow-new --save
101
+ npm i hy-logic-flow --save
102
102
  ```
103
103
 
104
104
  ## 引入组件
105
105
 
106
106
  ```javascript
107
107
  // 在main.js引入
108
- import HyFlowDesign from 'hy-flow-new;
109
- import 'hy-flow-design/styles/flow-design.less';
108
+ import HyFlowDesign from 'hy-logic-flow;
109
+ import 'hy-logic-flow/styles/hy-logic-flow.less';
110
110
  Vue.use(HyFlowDesign);
111
111
 
112
112
  // 注册 flowStore 到 Vuex
@@ -132,9 +132,9 @@ if (flowStore) {
132
132
  默认包是集成了 antd ui 的,如果项目中也有使用 antd ui,可以选择引入 mini 包来达到减小最终项目的体积,当然要确认项目中已经引入 components_use.js 中的组件使用
133
133
 
134
134
  ```javascript
135
- - import HyFlowDesign from 'hy-flow-new';
136
- + import HyFlowDesign from 'hy-flow-new/lib/hy-flow-new-mini.umd.min'
137
- import 'hy-flow-new/lib/hy-flow-new.css'
135
+ - import HyFlowDesign from 'hy-logic-flow-mini';
136
+ + import HyFlowDesign from 'hy-logic-flow-mini/lib/hy-logic-flow-mini-mini.umd.min'
137
+ import 'hy-logic-flow-mini/lib/hy-logic-flow-mini.css'
138
138
  Vue.use(HyFlowDesign)
139
139
 
140
140
  // 注册 flowStore 到 Vuex
@@ -28842,8 +28842,8 @@ var map = {
28842
28842
  "./en-il.js": 5543,
28843
28843
  "./en-in": 9033,
28844
28844
  "./en-in.js": 9033,
28845
- "./en-nz": 7021,
28846
- "./en-nz.js": 7021,
28845
+ "./en-nz": 9402,
28846
+ "./en-nz.js": 9402,
28847
28847
  "./en-sg": 3004,
28848
28848
  "./en-sg.js": 3004,
28849
28849
  "./eo": 2934,
@@ -43340,90 +43340,6 @@ module.exports = strictIndexOf;
43340
43340
  }
43341
43341
  });
43342
43342
 
43343
- /***/ }),
43344
-
43345
- /***/ 7021:
43346
- /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
43347
-
43348
- //! moment.js locale configuration
43349
- //! locale : English (New Zealand) [en-nz]
43350
- //! author : Luke McGregor : https://github.com/lukemcgregor
43351
-
43352
- ;(function (global, factory) {
43353
- true ? factory(__webpack_require__(5093)) :
43354
- 0
43355
- }(this, (function (moment) { 'use strict';
43356
-
43357
- //! moment.js locale configuration
43358
-
43359
- var enNz = moment.defineLocale('en-nz', {
43360
- months: 'January_February_March_April_May_June_July_August_September_October_November_December'.split(
43361
- '_'
43362
- ),
43363
- monthsShort: 'Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec'.split('_'),
43364
- weekdays: 'Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday'.split(
43365
- '_'
43366
- ),
43367
- weekdaysShort: 'Sun_Mon_Tue_Wed_Thu_Fri_Sat'.split('_'),
43368
- weekdaysMin: 'Su_Mo_Tu_We_Th_Fr_Sa'.split('_'),
43369
- longDateFormat: {
43370
- LT: 'h:mm A',
43371
- LTS: 'h:mm:ss A',
43372
- L: 'DD/MM/YYYY',
43373
- LL: 'D MMMM YYYY',
43374
- LLL: 'D MMMM YYYY h:mm A',
43375
- LLLL: 'dddd, D MMMM YYYY h:mm A',
43376
- },
43377
- calendar: {
43378
- sameDay: '[Today at] LT',
43379
- nextDay: '[Tomorrow at] LT',
43380
- nextWeek: 'dddd [at] LT',
43381
- lastDay: '[Yesterday at] LT',
43382
- lastWeek: '[Last] dddd [at] LT',
43383
- sameElse: 'L',
43384
- },
43385
- relativeTime: {
43386
- future: 'in %s',
43387
- past: '%s ago',
43388
- s: 'a few seconds',
43389
- ss: '%d seconds',
43390
- m: 'a minute',
43391
- mm: '%d minutes',
43392
- h: 'an hour',
43393
- hh: '%d hours',
43394
- d: 'a day',
43395
- dd: '%d days',
43396
- M: 'a month',
43397
- MM: '%d months',
43398
- y: 'a year',
43399
- yy: '%d years',
43400
- },
43401
- dayOfMonthOrdinalParse: /\d{1,2}(st|nd|rd|th)/,
43402
- ordinal: function (number) {
43403
- var b = number % 10,
43404
- output =
43405
- ~~((number % 100) / 10) === 1
43406
- ? 'th'
43407
- : b === 1
43408
- ? 'st'
43409
- : b === 2
43410
- ? 'nd'
43411
- : b === 3
43412
- ? 'rd'
43413
- : 'th';
43414
- return number + output;
43415
- },
43416
- week: {
43417
- dow: 1, // Monday is the first day of the week.
43418
- doy: 4, // The week that contains Jan 4th is the first week of the year.
43419
- },
43420
- });
43421
-
43422
- return enNz;
43423
-
43424
- })));
43425
-
43426
-
43427
43343
  /***/ }),
43428
43344
 
43429
43345
  /***/ 7068:
@@ -51333,6 +51249,90 @@ function toNumber(value) {
51333
51249
  module.exports = toNumber;
51334
51250
 
51335
51251
 
51252
+ /***/ }),
51253
+
51254
+ /***/ 9402:
51255
+ /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
51256
+
51257
+ //! moment.js locale configuration
51258
+ //! locale : English (New Zealand) [en-nz]
51259
+ //! author : Luke McGregor : https://github.com/lukemcgregor
51260
+
51261
+ ;(function (global, factory) {
51262
+ true ? factory(__webpack_require__(5093)) :
51263
+ 0
51264
+ }(this, (function (moment) { 'use strict';
51265
+
51266
+ //! moment.js locale configuration
51267
+
51268
+ var enNz = moment.defineLocale('en-nz', {
51269
+ months: 'January_February_March_April_May_June_July_August_September_October_November_December'.split(
51270
+ '_'
51271
+ ),
51272
+ monthsShort: 'Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec'.split('_'),
51273
+ weekdays: 'Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday'.split(
51274
+ '_'
51275
+ ),
51276
+ weekdaysShort: 'Sun_Mon_Tue_Wed_Thu_Fri_Sat'.split('_'),
51277
+ weekdaysMin: 'Su_Mo_Tu_We_Th_Fr_Sa'.split('_'),
51278
+ longDateFormat: {
51279
+ LT: 'h:mm A',
51280
+ LTS: 'h:mm:ss A',
51281
+ L: 'DD/MM/YYYY',
51282
+ LL: 'D MMMM YYYY',
51283
+ LLL: 'D MMMM YYYY h:mm A',
51284
+ LLLL: 'dddd, D MMMM YYYY h:mm A',
51285
+ },
51286
+ calendar: {
51287
+ sameDay: '[Today at] LT',
51288
+ nextDay: '[Tomorrow at] LT',
51289
+ nextWeek: 'dddd [at] LT',
51290
+ lastDay: '[Yesterday at] LT',
51291
+ lastWeek: '[Last] dddd [at] LT',
51292
+ sameElse: 'L',
51293
+ },
51294
+ relativeTime: {
51295
+ future: 'in %s',
51296
+ past: '%s ago',
51297
+ s: 'a few seconds',
51298
+ ss: '%d seconds',
51299
+ m: 'a minute',
51300
+ mm: '%d minutes',
51301
+ h: 'an hour',
51302
+ hh: '%d hours',
51303
+ d: 'a day',
51304
+ dd: '%d days',
51305
+ M: 'a month',
51306
+ MM: '%d months',
51307
+ y: 'a year',
51308
+ yy: '%d years',
51309
+ },
51310
+ dayOfMonthOrdinalParse: /\d{1,2}(st|nd|rd|th)/,
51311
+ ordinal: function (number) {
51312
+ var b = number % 10,
51313
+ output =
51314
+ ~~((number % 100) / 10) === 1
51315
+ ? 'th'
51316
+ : b === 1
51317
+ ? 'st'
51318
+ : b === 2
51319
+ ? 'nd'
51320
+ : b === 3
51321
+ ? 'rd'
51322
+ : 'th';
51323
+ return number + output;
51324
+ },
51325
+ week: {
51326
+ dow: 1, // Monday is the first day of the week.
51327
+ doy: 4, // The week that contains Jan 4th is the first week of the year.
51328
+ },
51329
+ });
51330
+
51331
+ return enNz;
51332
+
51333
+ })));
51334
+
51335
+
51336
51336
  /***/ }),
51337
51337
 
51338
51338
  /***/ 9480:
@@ -53194,7 +53194,7 @@ if (typeof window !== 'undefined') {
53194
53194
  // Indicate to webpack that this file can be concatenated
53195
53195
  /* harmony default export */ var setPublicPath = (null);
53196
53196
 
53197
- ;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/FlowDesign/index.vue?vue&type=template&id=c9ff8330&scoped=true
53197
+ ;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/FlowDesign/index.vue?vue&type=template&id=410d4fd8&scoped=true
53198
53198
  var render = function render() {
53199
53199
  var _vm = this,
53200
53200
  _c = _vm._self._c;
@@ -124670,9 +124670,7 @@ window.LogicFlow = es;
124670
124670
  node: {
124671
124671
  type: Object,
124672
124672
  default: function () {
124673
- // const startNode = getStartNode();
124674
- // this.$store.dispatch('flow/setHasError', { id: startNode.id, error: startNode.error });
124675
- // return startNode;
124673
+ return null;
124676
124674
  }
124677
124675
  },
124678
124676
  navable: {
@@ -124763,6 +124761,9 @@ window.LogicFlow = es;
124763
124761
  deep: true
124764
124762
  }
124765
124763
  },
124764
+ created() {
124765
+ this.renderData = this.node;
124766
+ },
124766
124767
  mounted() {
124767
124768
  console.warn('$attrs:', this.$attrs);
124768
124769
  console.warn('$scopedSlots:', this.$scopedSlots);
@@ -125006,12 +125007,10 @@ window.LogicFlow = es;
125006
125007
  targetNodeId
125007
125008
  } = data;
125008
125009
  const edgeModel = this.lf.getEdgeModelById(id);
125009
- const sourceNode = this.lf.getNodeModelById(sourceNodeId);
125010
125010
  const targetNode = this.lf.getNodeModelById(targetNodeId);
125011
- const properties = targetNode.getProperties();
125012
- const previousIds = properties['previousId'] ?? [];
125013
- targetNode.setProperty('previousId', [...previousIds, sourceNode.id]);
125014
- targetNode.previousId = [...previousIds, sourceNode.id];
125011
+ const previousIds = this.lf.getNodeIncomingNode(targetNodeId).map(nin => nin.id);
125012
+ targetNode.setProperty('previousId', previousIds);
125013
+ targetNode.previousId = previousIds;
125015
125014
  });
125016
125015
  this.lf.on('edge:delete', ({
125017
125016
  data
@@ -125027,6 +125026,19 @@ window.LogicFlow = es;
125027
125026
  if (sourceNode?.type === 'start' && targetNode?.type === 'write') {
125028
125027
  this.lf.deleteNode(targetNodeId);
125029
125028
  }
125029
+ const previousIds = this.lf.getNodeIncomingNode(targetNodeId).map(nin => nin.id);
125030
+ targetNode.setProperty('previousId', previousIds);
125031
+ targetNode.previousId = previousIds;
125032
+ });
125033
+ this.lf.on('edge:exchange-node', ({
125034
+ data
125035
+ }) => {
125036
+ const oldEdgeModel = data.oldEdge;
125037
+ const newEdgeModel = data.newEdge;
125038
+ const oldEdgeTargetNode = this.lf.getNodeModelById(oldEdgeModel.targetNodeId);
125039
+ const previousIds = this.lf.getNodeIncomingNode(oldEdgeModel.targetNodeId).map(nin => nin.id);
125040
+ oldEdgeTargetNode.setProperty('previousId', previousIds);
125041
+ oldEdgeTargetNode.previousId = previousIds;
125030
125042
  });
125031
125043
 
125032
125044
  //锚点开始调整
@@ -125445,10 +125457,10 @@ window.LogicFlow = es;
125445
125457
  });
125446
125458
  ;// ./packages/FlowDesign/index.vue?vue&type=script&lang=js
125447
125459
  /* harmony default export */ var packages_FlowDesignvue_type_script_lang_js = (FlowDesignvue_type_script_lang_js);
125448
- ;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/FlowDesign/index.vue?vue&type=style&index=0&id=c9ff8330&prod&scoped=true&lang=css
125460
+ ;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/FlowDesign/index.vue?vue&type=style&index=0&id=410d4fd8&prod&scoped=true&lang=css
125449
125461
  // extracted by mini-css-extract-plugin
125450
125462
 
125451
- ;// ./packages/FlowDesign/index.vue?vue&type=style&index=0&id=c9ff8330&prod&scoped=true&lang=css
125463
+ ;// ./packages/FlowDesign/index.vue?vue&type=style&index=0&id=410d4fd8&prod&scoped=true&lang=css
125452
125464
 
125453
125465
  ;// ./packages/FlowDesign/index.vue
125454
125466
 
@@ -125465,7 +125477,7 @@ var FlowDesign_component = (0,componentNormalizer/* default */.A)(
125465
125477
  staticRenderFns,
125466
125478
  false,
125467
125479
  null,
125468
- "c9ff8330",
125480
+ "410d4fd8",
125469
125481
  null
125470
125482
 
125471
125483
  )
@@ -2073,7 +2073,7 @@ body,html{
2073
2073
  }
2074
2074
 
2075
2075
 
2076
- .lf-panel-control[data-v-c9ff8330]{
2076
+ .lf-panel-control[data-v-410d4fd8]{
2077
2077
  position:absolute;
2078
2078
  right:20px;
2079
2079
  top:55px;
@@ -53204,7 +53204,7 @@ if (typeof window !== 'undefined') {
53204
53204
  // Indicate to webpack that this file can be concatenated
53205
53205
  /* harmony default export */ var setPublicPath = (null);
53206
53206
 
53207
- ;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-84.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/FlowDesign/index.vue?vue&type=template&id=c9ff8330&scoped=true
53207
+ ;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-84.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/FlowDesign/index.vue?vue&type=template&id=410d4fd8&scoped=true
53208
53208
  var render = function render() {
53209
53209
  var _vm = this,
53210
53210
  _c = _vm._self._c;
@@ -124680,9 +124680,7 @@ window.LogicFlow = es;
124680
124680
  node: {
124681
124681
  type: Object,
124682
124682
  default: function () {
124683
- // const startNode = getStartNode();
124684
- // this.$store.dispatch('flow/setHasError', { id: startNode.id, error: startNode.error });
124685
- // return startNode;
124683
+ return null;
124686
124684
  }
124687
124685
  },
124688
124686
  navable: {
@@ -124773,6 +124771,9 @@ window.LogicFlow = es;
124773
124771
  deep: true
124774
124772
  }
124775
124773
  },
124774
+ created() {
124775
+ this.renderData = this.node;
124776
+ },
124776
124777
  mounted() {
124777
124778
  console.warn('$attrs:', this.$attrs);
124778
124779
  console.warn('$scopedSlots:', this.$scopedSlots);
@@ -125016,12 +125017,10 @@ window.LogicFlow = es;
125016
125017
  targetNodeId
125017
125018
  } = data;
125018
125019
  const edgeModel = this.lf.getEdgeModelById(id);
125019
- const sourceNode = this.lf.getNodeModelById(sourceNodeId);
125020
125020
  const targetNode = this.lf.getNodeModelById(targetNodeId);
125021
- const properties = targetNode.getProperties();
125022
- const previousIds = properties['previousId'] ?? [];
125023
- targetNode.setProperty('previousId', [...previousIds, sourceNode.id]);
125024
- targetNode.previousId = [...previousIds, sourceNode.id];
125021
+ const previousIds = this.lf.getNodeIncomingNode(targetNodeId).map(nin => nin.id);
125022
+ targetNode.setProperty('previousId', previousIds);
125023
+ targetNode.previousId = previousIds;
125025
125024
  });
125026
125025
  this.lf.on('edge:delete', ({
125027
125026
  data
@@ -125037,6 +125036,19 @@ window.LogicFlow = es;
125037
125036
  if (sourceNode?.type === 'start' && targetNode?.type === 'write') {
125038
125037
  this.lf.deleteNode(targetNodeId);
125039
125038
  }
125039
+ const previousIds = this.lf.getNodeIncomingNode(targetNodeId).map(nin => nin.id);
125040
+ targetNode.setProperty('previousId', previousIds);
125041
+ targetNode.previousId = previousIds;
125042
+ });
125043
+ this.lf.on('edge:exchange-node', ({
125044
+ data
125045
+ }) => {
125046
+ const oldEdgeModel = data.oldEdge;
125047
+ const newEdgeModel = data.newEdge;
125048
+ const oldEdgeTargetNode = this.lf.getNodeModelById(oldEdgeModel.targetNodeId);
125049
+ const previousIds = this.lf.getNodeIncomingNode(oldEdgeModel.targetNodeId).map(nin => nin.id);
125050
+ oldEdgeTargetNode.setProperty('previousId', previousIds);
125051
+ oldEdgeTargetNode.previousId = previousIds;
125040
125052
  });
125041
125053
 
125042
125054
  //锚点开始调整
@@ -125455,10 +125467,10 @@ window.LogicFlow = es;
125455
125467
  });
125456
125468
  ;// ./packages/FlowDesign/index.vue?vue&type=script&lang=js
125457
125469
  /* harmony default export */ var packages_FlowDesignvue_type_script_lang_js = (FlowDesignvue_type_script_lang_js);
125458
- ;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-56.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-56.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-56.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/FlowDesign/index.vue?vue&type=style&index=0&id=c9ff8330&prod&scoped=true&lang=css
125470
+ ;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-56.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-56.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-56.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/FlowDesign/index.vue?vue&type=style&index=0&id=410d4fd8&prod&scoped=true&lang=css
125459
125471
  // extracted by mini-css-extract-plugin
125460
125472
 
125461
- ;// ./packages/FlowDesign/index.vue?vue&type=style&index=0&id=c9ff8330&prod&scoped=true&lang=css
125473
+ ;// ./packages/FlowDesign/index.vue?vue&type=style&index=0&id=410d4fd8&prod&scoped=true&lang=css
125462
125474
 
125463
125475
  ;// ./packages/FlowDesign/index.vue
125464
125476
 
@@ -125475,7 +125487,7 @@ var FlowDesign_component = (0,componentNormalizer/* default */.A)(
125475
125487
  staticRenderFns,
125476
125488
  false,
125477
125489
  null,
125478
- "c9ff8330",
125490
+ "410d4fd8",
125479
125491
  null
125480
125492
 
125481
125493
  )