mzgantt 2026.1.2 → 2026.1.6

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.
Files changed (6) hide show
  1. package/cdn/edit.js +1 -1
  2. package/cdn/mzgantt.js +1 -1
  3. package/dist/edit.js +1 -1
  4. package/dist/mzgantt.js +1 -1
  5. package/package.json +1 -1
  6. package/readme.md +38 -38
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mzgantt",
3
- "version": "2026.1.2",
3
+ "version": "2026.1.6",
4
4
  "description": "MZGantt is a Gantt chart plugin developed with native js. Various front-end frameworks can be supported, you can quickly apply it to your web applications or mobile applications.",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/readme.md CHANGED
@@ -92,11 +92,11 @@ MZGantt支持js引用和npm安装两种使用方式。
92
92
  {name: 'pctComp', field: "pctComp", title: "完成度", width: 60},
93
93
  // {name: 'caption', field: "caption", title: "标签文字"},
94
94
 
95
- // 自定义列（field: "custColsVal"）：支持设置type：DropDownList/TextBox
95
+ // 自定义列（field: "custCol"）：支持设置type：DropDownList/TextBox
96
96
  // 属性altText:自定义列替换显示文字
97
- {name:"testCol1", field: "custColsVal", title:"列名1", type: "TextBox", default: 10, width:50,align:"left"},
98
- {name:"testCol2", field: "custColsVal", title:"列名2", type: "DropDownList", options:dropDownListData, width:100, align:"left"},
99
- {name:"testCol3", field: "custColsVal", title:"列名3","width":150,"align":"left", colCallBack:custCallbackFunc2, altText: "查看图文"}
97
+ {name:"yourColName1", field: "custCol", title:"列名1", type: "TextBox", default: 10, width:50,align:"left"},
98
+ {name:"yourColName2", field: "custCol", title:"列名2", type: "DropDownList", options:dropDownListData, width:100, align:"left"},
99
+ {name:"yourColName3", field: "custCol", title:"列名3","width":150,"align":"left", colCallBack:custCallbackFunc2, altText: "查看图文"}
100
100
  ],
101
101
 
102
102
  // 甘特图区域显示控制
@@ -220,10 +220,10 @@ MZGantt支持js引用和npm安装两种使用方式。
220
220
  12. rsltStart //（可选）String Date 实际开始
221
221
  13. rsltEnd //（可选）String Date 实际完成
222
222
  14. rsltDur //（可选）Number 实际人天
223
- 15. custColsVal //（可选）String 自定义列的值，需要与自定义列配置一一对应。
224
- 16. resId //（可选）String 资源/负责人
225
- 17. pctComp //（可选）Number 完成度（0 ~ 100 百分比)
226
- 18. seq //（可选）Number 排序号
223
+ 15. resId //（可选）String 资源/负责人
224
+ 16. pctComp //（可选）Number 完成度（0 ~ 100 百分比)
225
+ 17. seq //（可选）Decimal 排序号
226
+ 18. yourColName //（可选）String 自定义列的值，key需要与自定义列名对应
227
227
  */
228
228
 
229
229
  // 甘特图数据
@@ -246,9 +246,9 @@ MZGantt支持js引用和npm安装两种使用方式。
246
246
  "isExpand": 1,
247
247
  "preNodes": "",
248
248
  "caption": "重点关注",
249
- "testCol1": "10",
250
- "testCol2": "02",
251
- "testCol3": "<img src='./images/stop.png'>",
249
+ "yourColName1": "10",
250
+ "yourColName2": "02",
251
+ "yourColName3": "<img src='./images/stop.png'>",
252
252
  }, {
253
253
  "id": 11,
254
254
  "seq": 2000,
@@ -276,9 +276,9 @@ MZGantt支持js引用和npm安装两种使用方式。
276
276
  "isExpand": 1,
277
277
  "preNodes": "",
278
278
  "caption": "",
279
- "testCol1": "1",
280
- "testCol2": "02",
281
- "testCol3": "",
279
+ "yourColName1": "1",
280
+ "yourColName2": "02",
281
+ "yourColName3": "",
282
282
  "custRsltBars": [
283
283
  {
284
284
  name: "p1",
@@ -317,9 +317,9 @@ MZGantt支持js引用和npm安装两种使用方式。
317
317
  "isExpand": 1,
318
318
  "preNodes": "",
319
319
  "caption": "备注1",
320
- "testCol1": "1",
321
- "testCol2": "03",
322
- "testCol3": "",
320
+ "yourColName1": "1",
321
+ "yourColName2": "03",
322
+ "yourColName3": "",
323
323
  }, {
324
324
  "id": 13,
325
325
  "seq": 4000,
@@ -346,9 +346,9 @@ MZGantt支持js引用和npm安装两种使用方式。
346
346
  "isExpand": 1,
347
347
  "preNodes": 12,
348
348
  "caption": "",
349
- "testCol1": "50",
350
- "testCol2": "01",
351
- "testCol3": "",
349
+ "yourColName1": "50",
350
+ "yourColName2": "01",
351
+ "yourColName3": "",
352
352
  }, {
353
353
  "id": 14,
354
354
  "seq": 5000,
@@ -371,9 +371,9 @@ MZGantt支持js引用和npm安装两种使用方式。
371
371
  "isExpand": 1,
372
372
  "preNodes": "",
373
373
  "caption": "",
374
- "testCol1": "20",
375
- "testCol2": "01",
376
- "testCol3": "",
374
+ "yourColName1": "20",
375
+ "yourColName2": "01",
376
+ "yourColName3": "",
377
377
  },
378
378
  {
379
379
  "id": 2,
@@ -394,9 +394,9 @@ MZGantt支持js引用和npm安装两种使用方式。
394
394
  "isExpand": 1,
395
395
  "preNodes": "",
396
396
  "caption": "",
397
- "testCol1": "4",
398
- "testCol2": "01",
399
- "testCol3": "<img src='./images/stop.png'>",
397
+ "yourColName1": "4",
398
+ "yourColName2": "01",
399
+ "yourColName3": "<img src='./images/stop.png'>",
400
400
  }, {
401
401
  "id": 21,
402
402
  "seq": 7000,
@@ -423,9 +423,9 @@ MZGantt支持js引用和npm安装两种使用方式。
423
423
  "isExpand": 1,
424
424
  "preNodes": "",
425
425
  "caption": "",
426
- "testCol1": "4",
427
- "testCol2": "02",
428
- "testCol3": "",
426
+ "yourColName1": "4",
427
+ "yourColName2": "02",
428
+ "yourColName3": "",
429
429
  },
430
430
  ......
431
431
  ];
@@ -487,7 +487,7 @@ MZGantt支持js引用和npm安装两种使用方式。
487
487
  // pctComp 完成度
488
488
 
489
489
  // 二.自定义列
490
- // testCol1 自定义列名（name)
490
+ // yourColName1 自定义列名（name)
491
491
  // *******************************************************
492
492
 
493
493
  // 获取单元格名称（渲染对象单元格）
@@ -518,7 +518,7 @@ MZGantt支持js引用和npm安装两种使用方式。
518
518
  }
519
519
 
520
520
  // // 样式设置：自定义列(使用自定义列名称)
521
- // if (field == "testCol2") {
521
+ // if (field == "yourColName2") {
522
522
  // cellStyle["cellHTML"] = '<input id="tstBtn" type ="button" value="隐藏里程碑" onclick="test1">';
523
523
  // }
524
524
 
@@ -760,7 +760,7 @@ MZGantt支持更多高级功能，如国际化和多语言包设置，拖动建
760
760
  titleStyle: "font-weight: bold;",
761
761
  valStyle: "font-weight: bold;"},
762
762
  {
763
- title: '公式写法', expression: "((testCol1 * testCol3) + pctComp) + '天'",
763
+ title: '公式写法', expression: "((yourColName1 * yourColName3) + pctComp) + '天'",
764
764
  titleStyle: "font-weight: bold;",
765
765
  valStyle: "color: red;"},
766
766
  {
@@ -795,7 +795,7 @@ MZGantt支持更多高级功能，如国际化和多语言包设置，拖动建
795
795
  * 日期/字符类型的值：须加上引号，比如:
796
796
  > expression: "这是实际开始日: 'rsltStart'"
797
797
  * 数值型的值：直接写在公式中即可，比如：
798
- > expression: "((testCol1 * testCol3) + pctComp) + '天'"
798
+ > expression: "((yourColName1 * yourColName3) + pctComp) + '天'"
799
799
  3. 使用字符替换（{...}）
800
800
 
801
801
  3. 任务关系
@@ -941,11 +941,11 @@ MZGantt提供丰富接口，操作或控制甘特图数据和特征。
941
941
  1. 普通js版
942
942
  进入下载： <a href="https://gitee.com/tecjt_home/mzgantt_js">MZGantt甘特图插件（普通js版）</a>
943
943
  或者使用CDN：
944
- <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@2026.1.2/cdn/mzgantt.css"></script>
945
- <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@2026.1.2/cdn/mzgantt.js"></script>
946
- <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@2026.1.2/cdn/edit.js"></script>
947
- <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@2026.1.2/cdn/export.js"></script>
948
- <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@2026.1.2/cdn/mobile.js"></script>
944
+ <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@2026.1.6/cdn/mzgantt.css"></script>
945
+ <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@2026.1.6/cdn/mzgantt.js"></script>
946
+ <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@2026.1.6/cdn/edit.js"></script>
947
+ <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@2026.1.6/cdn/export.js"></script>
948
+ <script language="javascript" src="https://gcore.jsdelivr.net/npm/mzgantt@2026.1.6/cdn/mobile.js"></script>
949
949
 
950
950
  2. npm版（支持vue等）：直接使用npm命令安装即可。
951
951
  > npm install mzgantt