@dt-frames/ui 2.0.19 → 2.0.20

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.
@@ -16,7 +16,7 @@ export declare const BasicProps: {
16
16
  default: () => {};
17
17
  };
18
18
  layout: {
19
- type: PropType<"inline" | "horizontal" | "vertical">;
19
+ type: PropType<"vertical" | "inline" | "horizontal">;
20
20
  default: string;
21
21
  };
22
22
  labelWidth: {
@@ -41,8 +41,8 @@ export declare const BasicProps: {
41
41
  };
42
42
  rowProps: {
43
43
  type: PropType<Partial<import("vue").ExtractPropTypes<{
44
- align: PropType<"stretch" | "bottom" | "top" | "middle">;
45
- justify: PropType<"space-around" | "space-between" | "center" | "end" | "start">;
44
+ align: PropType<"middle" | "top" | "bottom" | "stretch">;
45
+ justify: PropType<"center" | "space-around" | "space-between" | "end" | "start">;
46
46
  prefixCls: StringConstructor;
47
47
  gutter: {
48
48
  type: PropType<import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter]>;
@@ -62,7 +62,7 @@ export declare const BasicProps: {
62
62
  type: NumberConstructor;
63
63
  };
64
64
  size: {
65
- type: PropType<"large" | "small" | "middle">;
65
+ type: PropType<"small" | "large" | "middle">;
66
66
  };
67
67
  disabled: {
68
68
  type: BooleanConstructor;
@@ -56,7 +56,7 @@ declare type Schema<ComponentType, T> = {
56
56
  wrapperCol?: Partial<ColEx>;
57
57
  isAdvanced?: boolean;
58
58
  extraName?: string[];
59
- description: String;
59
+ description?: String;
60
60
  };
61
61
  export declare type FormSchema = Schema<'Input', Input> | Schema<'InputWithDialog', InputWithDialog> | Schema<'InputGroup', InputGroup> | Schema<'InputPassword', InputPassword> | Schema<'InputSearch', InputSearch> | Schema<'InputTextArea', InputTextArea> | Schema<'InputNumber', InputNumber> | Schema<'Select', Select> | Schema<'TreeSelect', TreeSelect> | Schema<'Radio', Radio> | Schema<'RadioButtonGroup', Radio> | Schema<'RadioGroup', RadioGroup> | Schema<'Checkbox', Checkbox> | Schema<'CheckboxGroup', CheckboxGroup> | Schema<'AutoComplete', Recordable> | Schema<'Cascader', Cascader> | Schema<'DatePicker', DatePicker> | Schema<'MonthPicker', DatePicker> | Schema<'RangePicker', RangePicker> | Schema<'WeekPicker', DatePicker> | Schema<'TimePicker', TimePicker> | Schema<'Switch', Switch> | Schema<'Slider', {
62
62
  disabled?: boolean;
@@ -241,7 +241,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
241
241
  return label;
242
242
  };
243
243
  watch(
244
- () => props2.btns,
244
+ () => unref(props2.btns),
245
245
  (btns) => {
246
246
  actionBtns.value = [...btns].map((it) => {
247
247
  return {
@@ -253,7 +253,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
253
253
  });
254
254
  },
255
255
  {
256
- immediate: true
256
+ immediate: true,
257
+ deep: true
257
258
  }
258
259
  );
259
260
  return (_ctx, _cache) => {
@@ -266,11 +267,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
266
267
  key: 0,
267
268
  class: normalizeClass(unref(getExpandNum) ? "dt-expand-has-collapse" : "")
268
269
  }, [
269
- (openBlock(true), createElementBlock(Fragment, null, renderList(actionBtns.value, (item, index2) => {
270
+ (openBlock(true), createElementBlock(Fragment, null, renderList(actionBtns.value, (item, index) => {
270
271
  return openBlock(), createElementBlock(Fragment, null, [
271
272
  item.ifShow ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
272
273
  unref(getExpandNum) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
273
- index2 < unref(getExpandNum) ? withDirectives((openBlock(), createElementBlock("span", {
274
+ index < unref(getExpandNum) ? withDirectives((openBlock(), createElementBlock("span", {
274
275
  key: 0,
275
276
  class: "dt-table-action-btn w-8 inline-block",
276
277
  onClick: ($event) => handleAction(item)
@@ -278,8 +279,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
278
279
  createTextVNode(toDisplayString(item.label()), 1)
279
280
  ], 8, _hoisted_1$8)), [
280
281
  [_directive_auth, getAuth(item.auth)]
281
- ]) : createCommentVNode("v-if", true),
282
- index2 >= unref(getExpandNum) && index2 === actionBtns.value.length - 1 ? (openBlock(), createBlock(_component_ADropdown, {
282
+ ]) : createCommentVNode("", true),
283
+ index >= unref(getExpandNum) && index === actionBtns.value.length - 1 ? (openBlock(), createBlock(_component_ADropdown, {
283
284
  key: 1,
284
285
  "get-popup-container": getPopupContainer$1,
285
286
  trigger: ["click"]
@@ -298,10 +299,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
298
299
  createElementVNode("span", _hoisted_4$2, toDisplayString(item1.label()), 1)
299
300
  ]),
300
301
  _: 2
301
- }, 1032, ["onClick"])) : createCommentVNode("v-if", true)
302
+ }, 1032, ["onClick"])) : createCommentVNode("", true)
302
303
  ])), [
303
304
  [_directive_auth, getAuth(item1.auth)]
304
- ]) : createCommentVNode("v-if", true)
305
+ ]) : createCommentVNode("", true)
305
306
  ], 64);
306
307
  }), 256))
307
308
  ]),
@@ -309,10 +310,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
309
310
  })
310
311
  ]),
311
312
  default: withCtx(() => [
312
- unref(showMore) ? (openBlock(), createElementBlock("span", _hoisted_2$3, " \u66F4\u591A ")) : createCommentVNode("v-if", true)
313
+ unref(showMore) ? (openBlock(), createElementBlock("span", _hoisted_2$3, " \u66F4\u591A ")) : createCommentVNode("", true)
313
314
  ]),
314
315
  _: 1
315
- })) : createCommentVNode("v-if", true)
316
+ })) : createCommentVNode("", true)
316
317
  ], 64)) : (openBlock(), createBlock(_component_ATooltip, {
317
318
  key: 1,
318
319
  placement: "bottom"
@@ -333,7 +334,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
333
334
  ]),
334
335
  _: 2
335
336
  }, 1024))
336
- ], 64)) : createCommentVNode("v-if", true)
337
+ ], 64)) : createCommentVNode("", true)
337
338
  ], 64);
338
339
  }), 256))
339
340
  ], 2)) : (openBlock(), createBlock(_component_ADropdown, {
@@ -360,7 +361,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
360
361
  createElementVNode("span", _hoisted_8, toDisplayString(item.label()), 1)
361
362
  ]),
362
363
  _: 2
363
- }, 1032, ["onClick"])) : createCommentVNode("v-if", true)
364
+ }, 1032, ["onClick"])) : createCommentVNode("", true)
364
365
  ])), [
365
366
  [_directive_auth, getAuth(item.auth)]
366
367
  ]);
@@ -377,14 +378,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
377
378
  };
378
379
  }
379
380
  });
380
- const _export_sfc = (sfc, props2) => {
381
- const target = sfc.__vccOpts || sfc;
382
- for (const [key, val] of props2) {
383
- target[key] = val;
384
- }
385
- return target;
386
- };
387
- const TableAction = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/TableAction.vue"]]);
388
381
  const tableKey = Symbol("dt-page");
389
382
  function createTableInstance(instance) {
390
383
  provide(tableKey, instance);
@@ -478,9 +471,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
478
471
  const valueField = isCheckValue ? "checked" : "value";
479
472
  const val = unref(currentValueRef);
480
473
  let compProps = props2.column?.editComponentProps ?? {};
481
- const { record, column, index: index2 } = props2;
474
+ const { record, column, index } = props2;
482
475
  if (isFunction(compProps)) {
483
- compProps = compProps({ text: val, record, column, index: index2 }) ?? {};
476
+ compProps = compProps({ text: val, record, column, index }) ?? {};
484
477
  }
485
478
  if (unref(getComponent) === "InputNumber") {
486
479
  compProps = {
@@ -560,9 +553,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
560
553
  };
561
554
  }
562
555
  });
563
- const EditableCell = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/editTable/EditTableCell.vue"]]);
564
556
  function renderEditCell(column) {
565
- return ({ text: value, record, index: index2 }) => {
557
+ return ({ text: value, record, index }) => {
566
558
  record.onValid = async () => {
567
559
  if (isArray(record?.validCbs)) {
568
560
  const validFns = (record?.validCbs || []).map((fn) => fn());
@@ -590,11 +582,11 @@ function renderEditCell(column) {
590
582
  }
591
583
  return true;
592
584
  };
593
- return h(EditableCell, {
585
+ return h(_sfc_main$8, {
594
586
  value,
595
587
  record,
596
588
  column,
597
- index: index2
589
+ index
598
590
  });
599
591
  };
600
592
  }
@@ -654,7 +646,7 @@ function handleIndexColumn(propsRef, getPaginationRef, columns) {
654
646
  width: unref(getIsZH) ? 50 : 70,
655
647
  title: t("NUMBER"),
656
648
  align: "center",
657
- customRender: ({ index: index2, renderIndex, record }) => {
649
+ customRender: ({ index, renderIndex, record }) => {
658
650
  if (virtual && record?.index) {
659
651
  return record?.index;
660
652
  }
@@ -662,10 +654,10 @@ function handleIndexColumn(propsRef, getPaginationRef, columns) {
662
654
  const { appConf } = useAppStore();
663
655
  const { defaultPageSize } = appConf.ui.table;
664
656
  if (isBoolean(getPagination)) {
665
- return `${index2 + 1}`;
657
+ return `${index + 1}`;
666
658
  }
667
659
  const { current = 1, pageSize = defaultPageSize } = getPagination;
668
- return ((current < 1 ? 1 : current) - 1) * pageSize + index2 + 1;
660
+ return ((current < 1 ? 1 : current) - 1) * pageSize + index + 1;
669
661
  },
670
662
  ...isFixedLeft ? {
671
663
  fixed: "left"
@@ -681,7 +673,9 @@ function handleActionColumn(propsRef, columns) {
681
673
  {
682
674
  label: t("EDIT"),
683
675
  icon: "mdi:text-box-edit-outline",
684
- onClick: unref(propsRef).onOpenUpdateDialog
676
+ onClick: (row, index) => {
677
+ unref(propsRef).onOpenUpdateDialog(row, index, unref(propsRef).rowKey);
678
+ }
685
679
  },
686
680
  {
687
681
  label: t("DELETE"),
@@ -717,8 +711,8 @@ function handleActionColumn(propsRef, columns) {
717
711
  if (expand) {
718
712
  if (expandNum) {
719
713
  let showMore = false;
720
- column.btns.forEach((btn, index2) => {
721
- if (index2 < expandNum && (btn.auth && allAuths.includes(getAuth(btn.auth)) || !btn.auth)) {
714
+ column.btns.forEach((btn, index) => {
715
+ if (index < expandNum && (btn.auth && allAuths.includes(getAuth(btn.auth)) || !btn.auth)) {
722
716
  w += (unref(getIsZH) ? btn.label.length : btn.enLabel.length) * 14 + 8;
723
717
  } else if (btn.auth && allAuths.includes(getAuth(btn.auth)) || !btn.auth) {
724
718
  showMore = true;
@@ -744,15 +738,15 @@ function handleActionColumn(propsRef, columns) {
744
738
  };
745
739
  columns.push({
746
740
  ...columnObj,
747
- customRender: ({ record, index: index2 }) => {
741
+ customRender: ({ record, index }) => {
748
742
  return h(
749
- TableAction,
743
+ _sfc_main$9,
750
744
  omit(
751
745
  {
752
746
  ...columnObj,
753
747
  authPrefix,
754
748
  record,
755
- index: index2
749
+ index
756
750
  },
757
751
  "align"
758
752
  )
@@ -922,7 +916,7 @@ function useColumns(propsRef, getPaginationRef, tableElRef) {
922
916
  };
923
917
  }
924
918
  function useCustomRow(propsRef, { setSelectedRowKeys, getSelectedRowKeys, clearSelectedRowKeys, emits }) {
925
- const customRow = (record, index2) => {
919
+ const customRow = (record, index) => {
926
920
  return {
927
921
  onClick: (e) => {
928
922
  e?.stopPropagation();
@@ -981,19 +975,19 @@ function useCustomRow(propsRef, { setSelectedRowKeys, getSelectedRowKeys, clearS
981
975
  }
982
976
  }
983
977
  handleClick();
984
- emits("row-click", record, index2, e);
978
+ emits("row-click", record, index, e);
985
979
  },
986
980
  onDblclick: (event) => {
987
- emits("row-dbClick", record, index2, event);
981
+ emits("row-dbClick", record, index, event);
988
982
  },
989
983
  onContextmenu: (event) => {
990
- emits("row-contextmenu", record, index2, event);
984
+ emits("row-contextmenu", record, index, event);
991
985
  },
992
986
  onMouseenter: (event) => {
993
- emits("row-mouseenter", record, index2, event);
987
+ emits("row-mouseenter", record, index, event);
994
988
  },
995
989
  onMouseleave: (event) => {
996
- emits("row-mouseleave", record, index2, event);
990
+ emits("row-mouseleave", record, index, event);
997
991
  }
998
992
  };
999
993
  };
@@ -1115,7 +1109,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
1115
1109
  const _component_ATooltip = Tooltip;
1116
1110
  return openBlock(), createBlock(_component_ATooltip, { placement: "top" }, {
1117
1111
  title: withCtx(() => [
1118
- !unref(isFullscreen) ? (openBlock(), createElementBlock("span", _hoisted_1$6, toDisplayString(unref(t)("FULLSCREEN")), 1)) : createCommentVNode("v-if", true)
1112
+ !unref(isFullscreen) ? (openBlock(), createElementBlock("span", _hoisted_1$6, toDisplayString(unref(t)("FULLSCREEN")), 1)) : createCommentVNode("", true)
1119
1113
  ]),
1120
1114
  default: withCtx(() => [
1121
1115
  createElementVNode("span", {
@@ -1132,7 +1126,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
1132
1126
  };
1133
1127
  }
1134
1128
  });
1135
- const FullscreenSetting = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/Fullscreen.vue"]]);
1136
1129
  const _hoisted_1$5 = { class: "column-select" };
1137
1130
  const _sfc_main$6 = /* @__PURE__ */ defineComponent({
1138
1131
  __name: "DownloadCtrl",
@@ -1204,7 +1197,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
1204
1197
  createVNode(_component_ADivider, { dashed: "" }),
1205
1198
  createVNode(_component_ARow, null, {
1206
1199
  default: withCtx(() => [
1207
- (openBlock(true), createElementBlock(Fragment, null, renderList(modalData.value, (it, index2) => {
1200
+ (openBlock(true), createElementBlock(Fragment, null, renderList(modalData.value, (it, index) => {
1208
1201
  return openBlock(), createBlock(_component_ACol, { span: 8 }, {
1209
1202
  default: withCtx(() => [
1210
1203
  createVNode(_component_ACheckbox, {
@@ -1230,7 +1223,6 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
1230
1223
  };
1231
1224
  }
1232
1225
  });
1233
- const DownloadCtrl = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/DownloadCtrl.vue"]]);
1234
1226
  const _hoisted_1$4 = /* @__PURE__ */ createElementVNode("span", { class: "flex" }, [
1235
1227
  /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-download w-7 leading-7 text-center cursor-pointer" })
1236
1228
  ], -1);
@@ -1289,19 +1281,19 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
1289
1281
  createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_CURRENT_PAGE")), 1)
1290
1282
  ]),
1291
1283
  _: 1
1292
- })) : createCommentVNode("v-if", true),
1284
+ })) : createCommentVNode("", true),
1293
1285
  unref(showSelectedDownload) ? (openBlock(), createBlock(_component_AMenuItem, { key: "select" }, {
1294
1286
  default: withCtx(() => [
1295
1287
  createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_SELECT_COLUMN")), 1)
1296
1288
  ]),
1297
1289
  _: 1
1298
- })) : createCommentVNode("v-if", true),
1290
+ })) : createCommentVNode("", true),
1299
1291
  unref(showBackDownload) ? (openBlock(), createBlock(_component_AMenuItem, { key: "all" }, {
1300
1292
  default: withCtx(() => [
1301
1293
  createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_ALL")), 1)
1302
1294
  ]),
1303
1295
  _: 1
1304
- })) : createCommentVNode("v-if", true)
1296
+ })) : createCommentVNode("", true)
1305
1297
  ]),
1306
1298
  _: 1
1307
1299
  })
@@ -1311,14 +1303,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
1311
1303
  ]),
1312
1304
  _: 1
1313
1305
  }),
1314
- createVNode(DownloadCtrl, { onRegister: unref(registerDialog) }, null, 8, ["onRegister"])
1306
+ createVNode(_sfc_main$6, { onRegister: unref(registerDialog) }, null, 8, ["onRegister"])
1315
1307
  ]),
1316
1308
  _: 1
1317
1309
  });
1318
1310
  };
1319
1311
  }
1320
1312
  });
1321
- const Download = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/Download.vue"]]);
1322
1313
  const _hoisted_1$3 = /* @__PURE__ */ createElementVNode("i", { class: "i ant-design:drag-outlined drag-icon cursor-pointer" }, null, -1);
1323
1314
  const _hoisted_2$2 = ["onClick"];
1324
1315
  const _hoisted_3$1 = ["onClick"];
@@ -1461,9 +1452,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
1461
1452
  return;
1462
1453
  const columns = getColumns();
1463
1454
  const isFixed = item.fixed === fixed ? false : fixed;
1464
- const index2 = columns.findIndex((col) => col.dataIndex === item.dataIndex);
1465
- if (index2 !== -1) {
1466
- columns[index2].fixed = isFixed;
1455
+ const index = columns.findIndex((col) => col.dataIndex === item.dataIndex);
1456
+ if (index !== -1) {
1457
+ columns[index].fixed = isFixed;
1467
1458
  }
1468
1459
  item.fixed = isFixed;
1469
1460
  if (isFixed && !item.width) {
@@ -1654,7 +1645,6 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
1654
1645
  };
1655
1646
  }
1656
1647
  });
1657
- const ColumnSetting = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/Column.vue"]]);
1658
1648
  const _hoisted_1$2 = { class: "flex dt-table-setting" };
1659
1649
  const _sfc_main$3 = /* @__PURE__ */ defineComponent({
1660
1650
  __name: "index",
@@ -1680,17 +1670,16 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
1680
1670
  }
1681
1671
  return (_ctx, _cache) => {
1682
1672
  return openBlock(), createElementBlock("div", _hoisted_1$2, [
1683
- unref(getSetting).download ? (openBlock(), createBlock(Download, normalizeProps(mergeProps({ key: 0 }, unref(getSetting))), null, 16)) : createCommentVNode("v-if", true),
1684
- unref(getSetting).setting ? (openBlock(), createBlock(ColumnSetting, {
1673
+ unref(getSetting).download ? (openBlock(), createBlock(_sfc_main$5, normalizeProps(mergeProps({ key: 0 }, unref(getSetting))), null, 16)) : createCommentVNode("", true),
1674
+ unref(getSetting).setting ? (openBlock(), createBlock(_sfc_main$4, {
1685
1675
  key: 1,
1686
1676
  onColumnsChange: handleColumnChange
1687
- })) : createCommentVNode("v-if", true),
1688
- unref(getSetting).fullscreen ? (openBlock(), createBlock(FullscreenSetting, { key: 2 })) : createCommentVNode("v-if", true)
1677
+ })) : createCommentVNode("", true),
1678
+ unref(getSetting).fullscreen ? (openBlock(), createBlock(_sfc_main$7, { key: 2 })) : createCommentVNode("", true)
1689
1679
  ]);
1690
1680
  };
1691
1681
  }
1692
1682
  });
1693
- const DtTableSetting = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/index.vue"]]);
1694
1683
  const _hoisted_1$1 = { class: "dt-table-header" };
1695
1684
  const _hoisted_2$1 = { class: "flex flex-row justify-between" };
1696
1685
  const _hoisted_3 = { class: "flex flex-row flex-1" };
@@ -1726,21 +1715,20 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
1726
1715
  return openBlock(), createElementBlock("div", _hoisted_1$1, [
1727
1716
  createElementVNode("div", _hoisted_2$1, [
1728
1717
  createElementVNode("div", _hoisted_3, [
1729
- unref(getActionsProps)?.buttonList.length ? (openBlock(), createBlock(unref(DtFormButtons), normalizeProps(mergeProps({ key: 0 }, unref(getActionsProps))), null, 16)) : createCommentVNode("v-if", true),
1718
+ unref(getActionsProps)?.buttonList.length ? (openBlock(), createBlock(unref(DtFormButtons), normalizeProps(mergeProps({ key: 0 }, unref(getActionsProps))), null, 16)) : createCommentVNode("", true),
1730
1719
  renderSlot(_ctx.$slots, "toolbar")
1731
1720
  ]),
1732
1721
  __props.tableSetting ? (openBlock(), createElementBlock("div", _hoisted_4, [
1733
- createVNode(DtTableSetting, { setting: __props.tableSetting }, null, 8, ["setting"])
1734
- ])) : createCommentVNode("v-if", true)
1722
+ createVNode(_sfc_main$3, { setting: __props.tableSetting }, null, 8, ["setting"])
1723
+ ])) : createCommentVNode("", true)
1735
1724
  ]),
1736
1725
  _ctx.$slots.headerTop ? (openBlock(), createElementBlock("div", _hoisted_5, [
1737
1726
  renderSlot(_ctx.$slots, "headerTop")
1738
- ])) : createCommentVNode("v-if", true)
1727
+ ])) : createCommentVNode("", true)
1739
1728
  ]);
1740
1729
  };
1741
1730
  }
1742
1731
  });
1743
- const TableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/TableHeader.vue"]]);
1744
1732
  function useTableHeader(propsRef, slots, handlers) {
1745
1733
  const { t } = useI18n("UI");
1746
1734
  const getHeaderProps = computed(() => {
@@ -1753,7 +1741,7 @@ function useTableHeader(propsRef, slots, handlers) {
1753
1741
  const hideTitle = (!toolbar || !toolbar.filter((it) => it.show ?? true).length) && !slots.toolbar && !slots.headerTop && !tableSetting;
1754
1742
  return {
1755
1743
  title: hideTitle ? null : () => h(
1756
- TableHeader,
1744
+ _sfc_main$2,
1757
1745
  {
1758
1746
  tableSetting,
1759
1747
  toolbar,
@@ -2048,14 +2036,14 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
2048
2036
  };
2049
2037
  }
2050
2038
  function useRows(propsRef) {
2051
- function getRowClassName(record, index2) {
2039
+ function getRowClassName(record, index) {
2052
2040
  const { striped, rowClassName } = unref(propsRef);
2053
2041
  const classNames = [];
2054
2042
  if (striped) {
2055
- classNames.push(index2 % 2 === 1 ? "table-striped" : "");
2043
+ classNames.push(index % 2 === 1 ? "table-striped" : "");
2056
2044
  }
2057
2045
  if (rowClassName && isFunction(rowClassName)) {
2058
- classNames.push(rowClassName(record, index2));
2046
+ classNames.push(rowClassName(record, index));
2059
2047
  }
2060
2048
  return classNames.join(" ");
2061
2049
  }
@@ -2085,7 +2073,7 @@ const _sfc_main$1 = {
2085
2073
  const {
2086
2074
  column,
2087
2075
  record,
2088
- index: index2
2076
+ index
2089
2077
  } = props2;
2090
2078
  const {
2091
2079
  render,
@@ -2130,7 +2118,7 @@ const _sfc_main$1 = {
2130
2118
  let txt = link.text ?? text;
2131
2119
  renderText.value = createVNode("a", {
2132
2120
  "class": "primary-color-link",
2133
- "onClick": () => link(record, index2)
2121
+ "onClick": () => link(record, index)
2134
2122
  }, [txt]);
2135
2123
  } else if (isVnode(render)) {
2136
2124
  renderText.value = createVNode(Fragment, null, [createTextVNode(" "), render, createTextVNode(" ")]);
@@ -2141,7 +2129,7 @@ const _sfc_main$1 = {
2141
2129
  });
2142
2130
  }
2143
2131
  } else if (isFunction(render)) {
2144
- let afterRenderData = render(record, index2, text);
2132
+ let afterRenderData = render(record, index, text);
2145
2133
  if (afterRenderData.__v_isRef) {
2146
2134
  renderText = afterRenderData;
2147
2135
  } else if (afterRenderData.setup) {
@@ -2159,7 +2147,6 @@ const _sfc_main$1 = {
2159
2147
  return () => createVNode("span", null, [unref(renderText)]);
2160
2148
  }
2161
2149
  };
2162
- const TableRender = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/TableRender.vue"]]);
2163
2150
  const DEFAULT_SORT_FN = (sortInfo) => {
2164
2151
  const { field, order } = sortInfo;
2165
2152
  return field && order ? { field, order } : {};
@@ -2261,11 +2248,11 @@ const TableProps = {
2261
2248
  },
2262
2249
  onOpenUpdateDialog: {
2263
2250
  type: Function,
2264
- default: (row, index2) => ({})
2251
+ default: (row, index) => ({})
2265
2252
  },
2266
2253
  onDelete: {
2267
2254
  type: Function,
2268
- default: (row, index2) => ({})
2255
+ default: (row, index) => ({})
2269
2256
  },
2270
2257
  onDeletes: {
2271
2258
  type: Function,
@@ -2350,7 +2337,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
2350
2337
  }
2351
2338
  );
2352
2339
  const getBind = computed(() => {
2353
- console.log(toRaw$1(unref(filterSource)));
2354
2340
  return {
2355
2341
  ...attrs,
2356
2342
  ...unref(getProps),
@@ -2422,16 +2408,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
2422
2408
  "row-class-name": unref(getRowClassName),
2423
2409
  onChange: unref(handleTableChange)
2424
2410
  }), createSlots({
2425
- bodyCell: withCtx(({ column, record, index: index2 }) => [
2426
- _ctx.$slots.bodyCell ? renderSlot(_ctx.$slots, "bodyCell", normalizeProps(mergeProps({ key: 0 }, { column, record, index: index2 }))) : createCommentVNode("v-if", true),
2427
- column.slot ? renderSlot(_ctx.$slots, column.slot, normalizeProps(mergeProps({ key: 1 }, { column, record, index: index2 }))) : createCommentVNode("v-if", true),
2428
- createCommentVNode(" \u9759\u6001\u7684\u6570\u636E\u53EF\u4EE5\u901A\u8FC7customRender, \u4F46\u662F\u54CD\u5E94\u5F0F\u6570\u636E, \u5F02\u6B65\u51FD\u6570,\u7EC4\u4EF6\u7B49\u9700\u8981\u4F7F\u7528bodyCell\u6E32\u67D3 "),
2429
- column?.render && !column.slot && !_ctx.$slots.bodyCell ? (openBlock(), createBlock(TableRender, {
2411
+ bodyCell: withCtx(({ column, record, index }) => [
2412
+ _ctx.$slots.bodyCell ? renderSlot(_ctx.$slots, "bodyCell", normalizeProps(mergeProps({ key: 0 }, { column, record, index }))) : createCommentVNode("", true),
2413
+ column.slot ? renderSlot(_ctx.$slots, column.slot, normalizeProps(mergeProps({ key: 1 }, { column, record, index }))) : createCommentVNode("", true),
2414
+ column?.render && !column.slot && !_ctx.$slots.bodyCell ? (openBlock(), createBlock(_sfc_main$1, {
2430
2415
  key: 2,
2431
2416
  column,
2432
2417
  record,
2433
- index: index2
2434
- }, null, 8, ["column", "record", "index"])) : createCommentVNode("v-if", true)
2418
+ index
2419
+ }, null, 8, ["column", "record", "index"])) : createCommentVNode("", true)
2435
2420
  ]),
2436
2421
  emptyText: withCtx(() => [
2437
2422
  _hoisted_1,
@@ -2451,8 +2436,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
2451
2436
  };
2452
2437
  }
2453
2438
  });
2454
- const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/index.vue"]]);
2455
2439
  export {
2456
- index as DtTable,
2440
+ _sfc_main as DtTable,
2457
2441
  useTable
2458
2442
  };
@@ -11,7 +11,7 @@ declare const _sfc_main: {
11
11
  setup(props: {
12
12
  column: BasicColumn;
13
13
  record: Recordable;
14
- index: Number;
14
+ index: number;
15
15
  }, {}: {}): () => JSX.Element;
16
16
  };
17
17
  export default _sfc_main;
@@ -1,10 +1,10 @@
1
- import { PaginationProps } from "ant-design-vue";
2
- import { ComputedRef, Ref } from "vue";
3
- import { BasicColumn, BasicTableProps } from "../types/table.type";
4
- import { SetColumnsParams } from "../types/header.type";
5
- export declare function useColumns(propsRef: ComputedRef<BasicTableProps>, getPaginationRef: ComputedRef<boolean | PaginationProps>, tableElRef: Ref<HTMLDivElement & {
1
+ import { PaginationProps } from 'ant-design-vue';
2
+ import { ComputedRef, Ref } from 'vue';
3
+ import { BasicColumn, BasicTableProps } from '../types/table.type';
4
+ import { SetColumnsParams } from '../types/header.type';
5
+ export declare function useColumns(propsRef: ComputedRef<BasicTableProps>, getPaginationRef: ComputedRef<boolean | PaginationProps>, tableElRef: Ref<(HTMLDivElement & {
6
6
  $el: any;
7
- } | null>): {
7
+ }) | null>): {
8
8
  getViewColumns: ComputedRef<BasicColumn[]>;
9
9
  getColumnsRef: ComputedRef<BasicColumn[]>;
10
10
  getColumns: (opt?: SetColumnsParams) => BasicColumn[];
@@ -1,7 +1,7 @@
1
- import { Recordable } from "@dt-frames/core";
2
- import { Key } from "ant-design-vue/lib/table/interface";
3
- import { ComputedRef } from "vue";
4
- import { BasicTableProps } from "../types/table.type";
1
+ import { Recordable } from '@dt-frames/core';
2
+ import { Key } from 'ant-design-vue/lib/table/interface';
3
+ import { ComputedRef } from 'vue';
4
+ import { BasicTableProps } from '../types/table.type';
5
5
  interface Options {
6
6
  setSelectedRowKeys: (keys: Key[]) => void;
7
7
  getSelectedRowKeys: () => Key[];
@@ -1,12 +1,12 @@
1
- import { ComputedRef } from "vue";
2
- import { BasicTableProps, SorterResult, PaginationProps } from "../types/table.type";
3
- import { Recordable } from "@dt-frames/core";
1
+ import { ComputedRef } from 'vue';
2
+ import { BasicTableProps, SorterResult, PaginationProps } from '../types/table.type';
3
+ import { Recordable } from '@dt-frames/core';
4
4
  declare type ActionsType = {
5
5
  getPaginationInfo: ComputedRef<boolean | PaginationProps>;
6
6
  setPagination: (info: Partial<PaginationProps>) => void;
7
7
  clearSelectedRowKeys: () => void;
8
8
  };
9
- export declare function useDataSource(propsRef: ComputedRef<BasicTableProps>, { getPaginationInfo, setPagination, clearSelectedRowKeys, }: ActionsType): {
9
+ export declare function useDataSource(propsRef: ComputedRef<BasicTableProps>, { getPaginationInfo, setPagination, clearSelectedRowKeys }: ActionsType): {
10
10
  getDataSourceRef: ComputedRef<Recordable<any>[]>;
11
11
  handleTableChange: (pagination: PaginationProps, filters: Partial<Recordable<string[]>>, sorter: SorterResult) => any;
12
12
  updateTableDataRecord: (rowKey: string | number, record: Recordable) => Recordable | undefined;
@@ -1,7 +1,7 @@
1
- import { Recordable } from "@dt-frames/core";
2
- import { Key, TableRowSelection } from "ant-design-vue/es/table/interface";
3
- import { ComputedRef } from "vue";
4
- import { BasicTableProps } from "../types/table.type";
1
+ import { Recordable } from '@dt-frames/core';
2
+ import { Key, TableRowSelection } from 'ant-design-vue/es/table/interface';
3
+ import { ComputedRef } from 'vue';
4
+ import { BasicTableProps } from '../types/table.type';
5
5
  export declare function useRowSelection(propsRef: ComputedRef<BasicTableProps>, emit: any): {
6
6
  getRowSelectionRef: ComputedRef<TableRowSelection<any>>;
7
7
  clearSelectedRowKeys: () => void;
@@ -1,9 +1,9 @@
1
- import { TableRowSelection } from "ant-design-vue/es/table/interface";
2
- import { ComputedRef, Ref } from "vue";
3
- import { BasicColumn, BasicTableProps } from "../types/table.type";
4
- export declare function useTableScroll(propsRef: ComputedRef<BasicTableProps>, tableElRef: Ref<HTMLDivElement & {
1
+ import { TableRowSelection } from 'ant-design-vue/es/table/interface';
2
+ import { ComputedRef, Ref } from 'vue';
3
+ import { BasicColumn, BasicTableProps } from '../types/table.type';
4
+ export declare function useTableScroll(propsRef: ComputedRef<BasicTableProps>, tableElRef: Ref<(HTMLDivElement & {
5
5
  $el: any;
6
- } | null>, columnsRef: ComputedRef<BasicColumn[]>, rowSelectionRef: ComputedRef<TableRowSelection | null>): {
6
+ }) | null>, columnsRef: ComputedRef<BasicColumn[]>, rowSelectionRef: ComputedRef<TableRowSelection | null>): {
7
7
  getScrollRef: ComputedRef<{
8
8
  x: string | number | true;
9
9
  y: string | number;
@@ -1,4 +1,4 @@
1
- import { TableProps as ATableProps } from "ant-design-vue/es/table";
1
+ import { TableProps as ATableProps } from 'ant-design-vue/es/table';
2
2
  import type { TableActionType } from './types/actions.type';
3
3
  import type { BasicTableProps } from './types/table.type';
4
4
  declare const _sfc_main: import("vue").DefineComponent<{
@@ -162,7 +162,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
162
162
  default: (params: import("@dt-frames/core").Recordable<any>) => {};
163
163
  };
164
164
  onOpenUpdateDialog: {
165
- type: import("vue").PropType<(row: import("@dt-frames/core").Recordable<any>, index: number) => void>;
165
+ type: import("vue").PropType<(row: import("@dt-frames/core").Recordable<any>, index: number, rowKey: any) => void>;
166
166
  default: (row: import("@dt-frames/core").Recordable<any>, index: number) => {};
167
167
  };
168
168
  onDelete: {
@@ -316,7 +316,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
316
316
  checkStrictly: boolean;
317
317
  onSearch: (params: import("@dt-frames/core").Recordable<any>) => void;
318
318
  onOPenAddDialog: (params: import("@dt-frames/core").Recordable<any>) => void;
319
- onOpenUpdateDialog: (row: import("@dt-frames/core").Recordable<any>, index: number) => void;
319
+ onOpenUpdateDialog: (row: import("@dt-frames/core").Recordable<any>, index: number, rowKey: any) => void;
320
320
  onDelete: (row: import("@dt-frames/core").Recordable<any>, index: number) => void;
321
321
  onDeletes: (params: import("@dt-frames/core").Recordable<any>) => void;
322
322
  authPrefix: string;
@@ -396,7 +396,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
396
396
  setup(props: {
397
397
  column: import("./types/table.type").BasicColumn;
398
398
  record: import("@dt-frames/core").Recordable<any>;
399
- index: Number;
399
+ index: number;
400
400
  }, {}: {}): () => JSX.Element;
401
401
  };
402
402
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("register" | "selection-change" | "columns-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "edit-change")[], "register" | "selection-change" | "columns-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "edit-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -560,7 +560,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
560
560
  default: (params: import("@dt-frames/core").Recordable<any>) => {};
561
561
  };
562
562
  onOpenUpdateDialog: {
563
- type: import("vue").PropType<(row: import("@dt-frames/core").Recordable<any>, index: number) => void>;
563
+ type: import("vue").PropType<(row: import("@dt-frames/core").Recordable<any>, index: number, rowKey: any) => void>;
564
564
  default: (row: import("@dt-frames/core").Recordable<any>, index: number) => {};
565
565
  };
566
566
  onDelete: {
@@ -618,7 +618,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
618
618
  checkStrictly: boolean;
619
619
  onSearch: (params: import("@dt-frames/core").Recordable<any>) => void;
620
620
  onOPenAddDialog: (params: import("@dt-frames/core").Recordable<any>) => void;
621
- onOpenUpdateDialog: (row: import("@dt-frames/core").Recordable<any>, index: number) => void;
621
+ onOpenUpdateDialog: (row: import("@dt-frames/core").Recordable<any>, index: number, rowKey: any) => void;
622
622
  onDelete: (row: import("@dt-frames/core").Recordable<any>, index: number) => void;
623
623
  onDeletes: (params: import("@dt-frames/core").Recordable<any>) => void;
624
624
  }>;
@@ -166,7 +166,7 @@ export declare const TableProps: {
166
166
  default: (params: Recordable) => {};
167
167
  };
168
168
  onOpenUpdateDialog: {
169
- type: PropType<(row: Recordable, index: number) => void>;
169
+ type: PropType<(row: Recordable, index: number, rowKey: any) => void>;
170
170
  default: (row: Recordable, index: number) => {};
171
171
  };
172
172
  onDelete: {
package/index.d.ts CHANGED
@@ -10,4 +10,4 @@ export * from './es/components/table/index.d'
10
10
  export * from './es/components/drawer/index.d'
11
11
  export * from './es/components/tree/index.d'
12
12
  export * from './es/components/upload/index.d'
13
- export * from './es/components/upload/index.d'
13
+ export * from './es/components/iframe/index.d'
package/package.json CHANGED
@@ -1,65 +1,65 @@
1
- {
2
- "name": "@dt-frames/ui",
3
- "version": "2.0.19",
4
- "type": "module",
5
- "license": "MIT",
6
- "main": "./src/index.ts",
7
- "types": "./index.d.ts",
8
- "exports": {
9
- "import": "./index.js",
10
- "require": "./index.js"
11
- },
12
- "keywords": [
13
- "ui",
14
- "dt-ui"
15
- ],
16
- "publishConfig": {
17
- "access": "public",
18
- "registry": "https://registry.npmjs.org/"
19
- },
20
- "scripts": {
21
- "inspect": "vite",
22
- "dev": "pnpm temp --mode dev -w",
23
- "clean": "rimraf ./es",
24
- "temp": "vue-tsc --noEmit && vite build",
25
- "dev:all": "vite",
26
- "dev:theme": "pnpm dev -f theme",
27
- "build:theme": "pnpm temp -f theme",
28
- "dev:upload": "pnpm dev -f upload",
29
- "build:upload": "pnpm temp -f upload",
30
- "dev:form": "pnpm dev -f form",
31
- "build:form": "pnpm temp -f form",
32
- "build:table": "pnpm temp -f table",
33
- "dev:table": "pnpm dev -f table",
34
- "build:modal": "pnpm temp -f modal",
35
- "dev:modal": "pnpm dev -f modal",
36
- "build:source": "pnpm temp -f source",
37
- "dev:source": "pnpm dev -f source",
38
- "build:curd": "pnpm temp -f curd",
39
- "dev:curd": "pnpm dev -f curd",
40
- "build:drawer": "pnpm temp -f drawer",
41
- "dev:drawer": "pnpm dev -f drawer",
42
- "dev:icons": "pnpm dev -f icons",
43
- "build:icons": "pnpm temp -f icons",
44
- "build:container": "pnpm temp -f container",
45
- "dev:tree": "pnpm dev -f tree",
46
- "build:tree": "pnpm temp -f tree",
47
- "dev:iframe": "pnpm dev -f iframe",
48
- "build:iframe": "pnpm temp -f iframe",
49
- "dev:directives": "pnpm dev -f directives",
50
- "build:directives": "pnpm temp -f directives",
51
- "build:all": "npm-run-all clean -s temp build:icons build:upload build:directives build:container build:theme build:modal build:form build:table build:source build:curd build:drawer build:tree build:iframe",
52
- "preview": "vite preview"
53
- },
54
- "dependencies": {
55
- "docx-preview": "^0.1.15",
56
- "lodash-es": "^4.17.21",
57
- "sortablejs": "^1.15.0",
58
- "xlsx": "^0.18.5"
59
- },
60
- "devDependencies": {
61
- "npm-run-all": "^4.1.5",
62
- "rimraf": "^3.0.2",
63
- "vite-plugin-on-success": "^0.0.3"
64
- }
65
- }
1
+ {
2
+ "name": "@dt-frames/ui",
3
+ "version": "2.0.20",
4
+ "type": "module",
5
+ "license": "MIT",
6
+ "main": "./src/index.ts",
7
+ "types": "./index.d.ts",
8
+ "exports": {
9
+ "import": "./index.js",
10
+ "require": "./index.js"
11
+ },
12
+ "keywords": [
13
+ "ui",
14
+ "dt-ui"
15
+ ],
16
+ "publishConfig": {
17
+ "access": "public",
18
+ "registry": "https://registry.npmjs.org/"
19
+ },
20
+ "scripts": {
21
+ "inspect": "vite",
22
+ "dev": "pnpm temp --mode dev -w",
23
+ "clean": "rimraf ./es",
24
+ "temp": "vue-tsc --noEmit && vite build",
25
+ "dev:all": "vite",
26
+ "dev:theme": "pnpm dev -f theme",
27
+ "build:theme": "pnpm temp -f theme",
28
+ "dev:upload": "pnpm dev -f upload",
29
+ "build:upload": "pnpm temp -f upload",
30
+ "dev:form": "pnpm dev -f form",
31
+ "build:form": "pnpm temp -f form",
32
+ "build:table": "pnpm temp -f table",
33
+ "dev:table": "pnpm dev -f table",
34
+ "build:modal": "pnpm temp -f modal",
35
+ "dev:modal": "pnpm dev -f modal",
36
+ "build:source": "pnpm temp -f source",
37
+ "dev:source": "pnpm dev -f source",
38
+ "build:curd": "pnpm temp -f curd",
39
+ "dev:curd": "pnpm dev -f curd",
40
+ "build:drawer": "pnpm temp -f drawer",
41
+ "dev:drawer": "pnpm dev -f drawer",
42
+ "dev:icons": "pnpm dev -f icons",
43
+ "build:icons": "pnpm temp -f icons",
44
+ "build:container": "pnpm temp -f container",
45
+ "dev:tree": "pnpm dev -f tree",
46
+ "build:tree": "pnpm temp -f tree",
47
+ "dev:iframe": "pnpm dev -f iframe",
48
+ "build:iframe": "pnpm temp -f iframe",
49
+ "dev:directives": "pnpm dev -f directives",
50
+ "build:directives": "pnpm temp -f directives",
51
+ "build:all": "npm-run-all clean -s temp build:icons build:upload build:directives build:container build:theme build:modal build:form build:table build:source build:curd build:drawer build:tree build:iframe",
52
+ "preview": "vite preview"
53
+ },
54
+ "dependencies": {
55
+ "docx-preview": "^0.1.15",
56
+ "lodash-es": "^4.17.21",
57
+ "sortablejs": "^1.15.0",
58
+ "xlsx": "^0.18.5"
59
+ },
60
+ "devDependencies": {
61
+ "npm-run-all": "^4.1.5",
62
+ "rimraf": "^3.0.2",
63
+ "vite-plugin-on-success": "^0.0.3"
64
+ }
65
+ }