aoi-comp 1.0.17 → 1.0.18

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 (2) hide show
  1. package/dist/comps.js +174 -171
  2. package/package.json +1 -1
package/dist/comps.js CHANGED
@@ -20717,81 +20717,81 @@ var FE = 4, IE = [
20717
20717
  "button",
20718
20718
  "query",
20719
20719
  "action"
20720
- ], LE = ({ pSize: e, tHeight: t, whereConfig: n, where: r, setKey: i, onQuery: a, onInit: o, toolClick: s }) => {
20721
- let { t: c } = ge(), l = n.map((n) => {
20722
- let { label: l, span: u, labelWidth: d = 70, type: f, ...p } = n, m = n.prop;
20723
- if (!u) return;
20724
- let h = !IE.includes(f);
20725
- h && (p.value = r[m]), p.width = `calc(100% - ${h ? `${d}px - ${FE}px` : "0px"} )`;
20726
- let g = null;
20727
- switch (f) {
20720
+ ], LE = ({ pSize: e, tHeight: t, whereConfig: n, where: r, labelWidths: i = 70, setKey: a, onQuery: o, onInit: s, toolClick: c }) => {
20721
+ let { t: l } = ge(), u = n.map((n) => {
20722
+ let { label: u, span: d, labelWidth: f = i, type: p, ...m } = n, h = n.prop;
20723
+ if (!d) return;
20724
+ let g = !IE.includes(p);
20725
+ g && (m.value = r[h]), m.width = `calc(100% - ${g ? `${f}px - ${FE}px` : "0px"} )`;
20726
+ let _ = null;
20727
+ switch (p) {
20728
20728
  case "number":
20729
- g = /* @__PURE__ */ G(TE, {
20730
- ...p,
20731
- onChange: (e) => i(m, e)
20732
- }, l);
20729
+ _ = /* @__PURE__ */ G(TE, {
20730
+ ...m,
20731
+ onChange: (e) => a(h, e)
20732
+ }, u);
20733
20733
  break;
20734
20734
  case "input":
20735
- g = /* @__PURE__ */ G(CE, {
20736
- ...p,
20737
- onChange: (e) => i(m, e)
20738
- }, l);
20735
+ _ = /* @__PURE__ */ G(CE, {
20736
+ ...m,
20737
+ onChange: (e) => a(h, e)
20738
+ }, u);
20739
20739
  break;
20740
20740
  case "date":
20741
- g = /* @__PURE__ */ G(yE, {
20742
- ...p,
20743
- onChange: (e) => i(m, e)
20744
- }, l);
20741
+ _ = /* @__PURE__ */ G(yE, {
20742
+ ...m,
20743
+ onChange: (e) => a(h, e)
20744
+ }, u);
20745
20745
  break;
20746
20746
  case "button":
20747
20747
  case "query": {
20748
- let { width: e, onClick: t, ...r } = p;
20749
- g = /* @__PURE__ */ G(mn, {
20748
+ let { width: e, onClick: t, ...r } = m;
20749
+ _ = /* @__PURE__ */ G(mn, {
20750
20750
  style: { width: e },
20751
- onClick: f === "query" ? () => a() : s(t),
20751
+ onClick: p === "query" ? () => o() : c(t),
20752
20752
  ...r,
20753
- children: c(n.label)
20754
- }, l);
20753
+ children: l(n.label)
20754
+ }, u);
20755
20755
  break;
20756
20756
  }
20757
20757
  case "form":
20758
20758
  case "action":
20759
- g = p?.render?.({
20760
- label: l,
20761
- ...p,
20762
- setKey: h ? i : void 0
20759
+ _ = m?.render?.({
20760
+ label: u,
20761
+ ...m,
20762
+ setKey: g ? a : void 0
20763
20763
  });
20764
20764
  break;
20765
- default: g = /* @__PURE__ */ G(ME, {
20765
+ default: _ = /* @__PURE__ */ G(ME, {
20766
20766
  allowClear: !0,
20767
- ...p,
20768
- initFetch: o,
20769
- onChange: (e) => i(m, e)
20770
- }, l);
20767
+ ...m,
20768
+ initFetch: s,
20769
+ onChange: (e) => a(h, e)
20770
+ }, u);
20771
20771
  }
20772
20772
  return /* @__PURE__ */ K("div", {
20773
20773
  style: {
20774
- width: u,
20774
+ width: d,
20775
20775
  height: t,
20776
20776
  padding: e
20777
20777
  },
20778
20778
  className: "where-item",
20779
- children: [h ? /* @__PURE__ */ K("div", {
20779
+ children: [g ? /* @__PURE__ */ K("div", {
20780
20780
  className: "where-label",
20781
- title: c(n.label),
20781
+ title: l(n.label),
20782
20782
  style: {
20783
20783
  lineHeight: `${t - e * 2}px`,
20784
- width: d,
20785
- minWidth: d
20784
+ width: f,
20785
+ minWidth: f
20786
20786
  },
20787
- children: [c(n.label), ":"]
20788
- }) : /* @__PURE__ */ G(Zn, {}), g]
20789
- }, l);
20787
+ children: [l(n.label), ":"]
20788
+ }) : /* @__PURE__ */ G(Zn, {}), _]
20789
+ }, u);
20790
20790
  });
20791
20791
  return /* @__PURE__ */ G("div", {
20792
20792
  className: "aoi-where-tools",
20793
20793
  style: { "--aoi-where-gap": `${FE}px` },
20794
- children: l
20794
+ children: u
20795
20795
  });
20796
20796
  };
20797
20797
  LE.gSize = FE, LE.propTypes = {
@@ -20801,6 +20801,7 @@ LE.gSize = FE, LE.propTypes = {
20801
20801
  onQuery: q.default.func,
20802
20802
  onInit: q.default.func,
20803
20803
  tHeight: q.default.string,
20804
+ labelWidths: q.default.number,
20804
20805
  pSize: q.default.string,
20805
20806
  toolClick: q.default.func
20806
20807
  };
@@ -21247,157 +21248,158 @@ $E.propTypes = {
21247
21248
  var { Sider: eD, Content: tD, Footer: nD } = Sn, { gSize: rD } = LE, iD = "calc(50% - var(--ant-layout-gap) / 2)", { MeasureLineSvg: aD, DeleteLineSvg: oD } = Y, sD = ({ dataKey: e = "id", column: t, columns: n = [], toolColumns: a = [1, 6], visibleOk: o = !0, rightWidth: s = iD, footerHeight: c = iD, contentInitial: l = {
21248
21249
  width: 906,
21249
21250
  height: 467
21250
- }, whereConfig: u = [], toolConfig: d = ["measure"], menuConfig: f = ["delete"], viewProps: p, rightProps: m, initWhere: h, queryWhere: g, statisWhere: _, getterData: v, footer: y, right: b, rightLayer: x = !1, onWhere: S, onLayer: C }) => {
21251
- let w = U(), T = U(), D = U(), O = U(), { t: k } = ge(), { db: A, defects: j, level: M } = Ce("simple"), [N, P] = Oe((e) => Ie(e)), [F] = ve(null, w, l), [I, ee] = W(!1), [L, R] = W(!1), [z, te] = W(!1), [ne, re] = W(!1), [ie, ae] = W([]), [oe, se] = W({
21251
+ }, labelWidths: u, whereConfig: d = [], toolConfig: f = ["measure"], menuConfig: p = ["delete"], viewProps: m, rightProps: h, initWhere: g, queryWhere: _, statisWhere: v, getterData: y, footer: b, right: x, rightLayer: S = !1, onWhere: C, onLayer: w }) => {
21252
+ let T = U(), D = U(), O = U(), k = U(), { t: A } = ge(), { db: j, defects: M, level: N } = Ce("simple"), [P, F] = Oe((e) => Le(e)), [I] = ve(null, T, l), [ee, L] = W(!1), [R, z] = W(!1), [te, ne] = W(!1), [re, ie] = W(!1), [ae, oe] = W([]), [se, ce] = W({
21252
21253
  id: null,
21253
21254
  x: 0,
21254
21255
  y: 0
21255
- }), [ce, le] = W(1), [ue, de] = W(j.reduce((e, t) => ({
21256
+ }), [le, ue] = W(1), [de, fe] = W(M.reduce((e, t) => ({
21256
21257
  ...e,
21257
21258
  [t.type]: !0
21258
- }), o ? { 0: !0 } : {})), [fe, pe] = be({
21259
+ }), o ? { 0: !0 } : {})), [pe, me] = be({
21259
21260
  data: null,
21260
21261
  statis: null
21261
- }), [me, { cSize: he, pSize: _e, cHeight: ye, tHeight: xe }, we] = wp(u, t), [Te, Ee] = Cp(x ? O : D, ne, ce), De = [{
21262
+ }), [he, { cSize: _e, pSize: ye, cHeight: xe, tHeight: we }, Te] = wp(d, t), [Ee, De] = Cp(S ? k : O, re, le), ke = [{
21262
21263
  type: "measure",
21263
21264
  icon: aD,
21264
- active: ne,
21265
- title: k("ui.tool.measure"),
21266
- onClick: () => re((e) => !e && JE)
21267
- }], ke = [{
21265
+ active: re,
21266
+ title: A("ui.tool.measure"),
21267
+ onClick: () => ie((e) => !e && JE)
21268
+ }], Ae = [{
21268
21269
  type: "delete",
21269
21270
  icon: oD,
21270
21271
  color: "danger",
21271
- title: k("ui.tool.delete")
21272
- }], Ae = ` ORDER BY ${e} DESC`, je = Xn(() => d.map((e) => {
21273
- let t = E(e, "string"), n = De.find((t) => t.type === (e?.type ?? e));
21274
- return n ? Object.assign({ ...n }, t ? {} : e) : e;
21275
- }), [d]), Me = Xn(() => f.map((e) => {
21272
+ title: A("ui.tool.delete")
21273
+ }], je = ` ORDER BY ${e} DESC`, Me = Xn(() => f.map((e) => {
21276
21274
  let t = E(e, "string"), n = ke.find((t) => t.type === (e?.type ?? e));
21277
21275
  return n ? Object.assign({ ...n }, t ? {} : e) : e;
21278
- }), [f]), Ne = B((e, t) => {
21279
- let n = we.setKey(e, t);
21280
- S?.(n);
21281
- }), Pe = B(async (e) => {
21282
- if (!E(_, "function")) return null;
21283
- R(!0);
21284
- let t = await _(e);
21285
- return R(!1), t;
21276
+ }), [f]), Ne = Xn(() => p.map((e) => {
21277
+ let t = E(e, "string"), n = Ae.find((t) => t.type === (e?.type ?? e));
21278
+ return n ? Object.assign({ ...n }, t ? {} : e) : e;
21279
+ }), [p]), Pe = B((e, t) => {
21280
+ let n = Te.setKey(e, t);
21281
+ C?.(n);
21286
21282
  }), Fe = B(async (e) => {
21287
- if (!h) return Promise.resolve([]);
21288
- if (E(h, "function")) return await h(e);
21289
- let t = h.tableName, n = A.getTable(t);
21283
+ if (!E(v, "function")) return null;
21284
+ z(!0);
21285
+ let t = await v(e);
21286
+ return z(!1), t;
21287
+ }), Ie = B(async (e) => {
21288
+ if (!g) return Promise.resolve([]);
21289
+ if (E(g, "function")) return await g(e);
21290
+ let t = g.tableName, n = j.getTable(t);
21290
21291
  if (!n) return [];
21291
- let r = e.prop, i = (n.sqls?.[h.sqlKey] ?? h.sqlKey).replace(/\?/g, r);
21292
- return (await A.select(t, i)).map((e) => ({
21292
+ let r = e.prop, i = (n.sqls?.[g.sqlKey] ?? g.sqlKey).replace(/\?/g, r);
21293
+ return (await j.select(t, i)).map((e) => ({
21293
21294
  label: e[r],
21294
21295
  value: e[r]
21295
21296
  }));
21296
- }), Ie = B(async (e) => {
21297
- if (!g) return null;
21298
- let t = we.getSql();
21299
- ee(!0);
21300
- let { current: n, pageSize: r } = e ?? P, i = ` LIMIT ${(n - 1) * r}, ${r}`, a = 0, o = [];
21301
- if (E(g, "function")) [a, o] = await g({
21297
+ }), Le = B(async (e) => {
21298
+ if (!_) return null;
21299
+ let t = Te.getSql();
21300
+ L(!0);
21301
+ let { current: n, pageSize: r } = e ?? F, i = ` LIMIT ${(n - 1) * r}, ${r}`, a = 0, o = [];
21302
+ if (E(_, "function")) [a, o] = await _({
21302
21303
  limitSql: i,
21303
- sortSql: Ae,
21304
+ sortSql: je,
21304
21305
  whereSql: t
21305
21306
  }, e);
21306
21307
  else {
21307
- let n = g.tableName;
21308
- e || (a = (await A.getter(n, `${g.totalSql}${t}`))?.total ?? 0), o = await A.select(n, `${g.querySql}${t}${Ae}${i}`);
21309
- }
21310
- if (P.setValue(o, e ? void 0 : a), !e) {
21311
- pe.data = null;
21312
- let e = await Pe(t, !0);
21313
- pe.statis = e, x ? Ee.destroy() : Ee.clear(), C?.(!1), ae([]);
21314
- }
21315
- ee(!1);
21316
- }), Le = B(async (e, t) => {
21317
- if (!v) return;
21318
- if (te(!0), E(v, "function")) {
21319
- let n = await v(e, t);
21320
- pe.data = n;
21308
+ let n = _.tableName;
21309
+ e || (a = (await j.getter(n, `${_.totalSql}${t}`))?.total ?? 0), o = await j.select(n, `${_.querySql}${t}${je}${i}`);
21310
+ }
21311
+ if (F.setValue(o, e ? void 0 : a), !e) {
21312
+ me.data = null;
21313
+ let e = await Fe(t, !0);
21314
+ me.statis = e, S ? De.destroy() : De.clear(), w?.(!1), oe([]);
21315
+ }
21316
+ L(!1);
21317
+ }), Re = B(async (e, t) => {
21318
+ if (!y) return;
21319
+ if (ne(!0), E(y, "function")) {
21320
+ let n = await y(e, t);
21321
+ me.data = n;
21321
21322
  } else {
21322
- let n = await A.getter(v.tableName, v.sqlKey, e);
21323
- pe.data = n && Object.assign(n, t);
21324
- }
21325
- let n = await Pe(t, !1);
21326
- pe.statis = n, x ? Ee.destroy() : Ee.clear(), C?.(!1), te(!1);
21327
- }), Re = B((e, t, n) => {
21328
- if (!M.editing) return;
21329
- let { offsetWidth: r } = w.current, i = n?.clientX ?? 0;
21330
- i > r && (i = r - 12), se({
21323
+ let n = await j.getter(y.tableName, y.sqlKey, e);
21324
+ me.data = n && Object.assign(n, t);
21325
+ }
21326
+ let n = await Fe(t, !1);
21327
+ me.statis = n, S ? De.destroy() : De.clear(), w?.(!1), ne(!1);
21328
+ }), V = B((e, t, n) => {
21329
+ if (!N.editing) return;
21330
+ let { offsetWidth: r } = T.current, i = n?.clientX ?? 0;
21331
+ i > r && (i = r - 12), ce({
21331
21332
  id: e,
21332
21333
  x: i,
21333
21334
  y: n?.clientY ?? 0
21334
21335
  });
21335
- }), V = B((e) => {
21336
- oe?.id !== e && se({
21336
+ }), ze = B((e) => {
21337
+ se?.id !== e && ce({
21337
21338
  id: null,
21338
21339
  x: 0,
21339
21340
  y: 0
21340
21341
  });
21341
- }), ze = (e) => {
21342
- e ? Ee.clear() : Ee.pop();
21343
- }, Be = (e) => {
21344
- e || Ee.destroy(), C?.(e);
21345
- }, Ve = (e) => async () => {
21346
- let t = oe?.id;
21347
- await e?.(t), se({
21342
+ }), Be = (e) => {
21343
+ e ? De.clear() : De.pop();
21344
+ }, Ve = (e) => {
21345
+ e || De.destroy(), w?.(e);
21346
+ }, He = (e) => async () => {
21347
+ let t = se?.id;
21348
+ await e?.(t), ce({
21348
21349
  id: null,
21349
21350
  x: 0,
21350
21351
  y: 0
21351
21352
  });
21352
- }, He = (e) => async () => {
21353
- let t = g && we.getSql();
21353
+ }, Ue = (e) => async () => {
21354
+ let t = _ && Te.getSql();
21354
21355
  await e?.(t);
21355
- }, Ue = B(() => {
21356
- de(j.reduce((e, t) => ({
21356
+ }, We = B(() => {
21357
+ fe(M.reduce((e, t) => ({
21357
21358
  ...e,
21358
- [t.type]: ue?.[t.type] ?? !0
21359
+ [t.type]: de?.[t.type] ?? !0
21359
21360
  }), o ? { 0: !0 } : {}));
21360
21361
  });
21361
- return Jn(Ue, [j, o]), Se(() => {
21362
- Ie?.();
21362
+ return Jn(We, [M, o]), Se(() => {
21363
+ Le?.();
21363
21364
  }, i.historyUpdated, !0), /* @__PURE__ */ K(Zn, { children: [/* @__PURE__ */ K(Sn, { children: [/* @__PURE__ */ K(tD, {
21364
- ref: w,
21365
+ ref: T,
21365
21366
  className: "aoi-layout-content",
21366
21367
  children: [
21367
21368
  /* @__PURE__ */ G(LE, {
21368
- pSize: _e,
21369
- tHeight: xe,
21370
- where: me,
21371
- whereConfig: u,
21372
- setKey: Ne,
21373
- onQuery: Ie,
21374
- onInit: Fe,
21375
- toolClick: He
21369
+ pSize: ye,
21370
+ tHeight: we,
21371
+ labelWidths: u,
21372
+ where: he,
21373
+ whereConfig: d,
21374
+ setKey: Pe,
21375
+ onQuery: Le,
21376
+ onInit: Ie,
21377
+ toolClick: Ue
21376
21378
  }),
21377
21379
  /* @__PURE__ */ G(XT, {
21378
21380
  rowKey: e,
21379
21381
  selected: !0,
21380
- loading: I,
21381
- width: F.width - _e / 2,
21382
- height: F.height - ye * 2 - xe * he - rD - 1,
21383
- pagination: P,
21384
- total: P?.total,
21385
- selecteds: ie,
21386
- setSelecteds: ae,
21387
- data: N,
21382
+ loading: ee,
21383
+ width: I.width - ye / 2,
21384
+ height: I.height - xe * 2 - we * _e - rD - 1,
21385
+ pagination: F,
21386
+ total: F?.total,
21387
+ selecteds: ae,
21388
+ setSelecteds: oe,
21389
+ data: P,
21388
21390
  columns: n,
21389
- onRowClick: Le,
21390
- onContextMenu: Re,
21391
- onMouseEnter: V
21391
+ onRowClick: Re,
21392
+ onContextMenu: V,
21393
+ onMouseEnter: ze
21392
21394
  }),
21393
- oe.id && M.editing ? /* @__PURE__ */ G("div", {
21395
+ se.id && N.editing ? /* @__PURE__ */ G("div", {
21394
21396
  className: "current-menu",
21395
- style: { transform: `translate(calc(${oe.x}px + ${rD}px - 100%), calc(${oe.y}px - ${rD}px))` },
21396
- children: Me.map((e) => /* @__PURE__ */ K(mn, {
21397
+ style: { transform: `translate(calc(${se.x}px + ${rD}px - 100%), calc(${se.y}px - ${rD}px))` },
21398
+ children: Ne.map((e) => /* @__PURE__ */ K(mn, {
21397
21399
  color: e.color,
21398
21400
  variant: "outlined",
21399
- disabled: !M.editing,
21400
- onClick: Ve(e.onClick),
21401
+ disabled: !N.editing,
21402
+ onClick: He(e.onClick),
21401
21403
  children: [/* @__PURE__ */ G(Y, {
21402
21404
  active: !0,
21403
21405
  size: 14,
@@ -21411,60 +21413,60 @@ var { Sider: eD, Content: tD, Footer: nD } = Sn, { gSize: rD } = LE, iD = "calc(
21411
21413
  className: "aoi-layout-footer",
21412
21414
  style: { height: c },
21413
21415
  children: /* @__PURE__ */ G(kn, {
21414
- spinning: L,
21415
- children: ie.length > 0 ? y?.current?.(pe.data) : y?.summary?.(pe.statis)
21416
+ spinning: R,
21417
+ children: ae.length > 0 ? b?.current?.(me.data) : b?.summary?.(me.statis)
21416
21418
  })
21417
21419
  })] }), /* @__PURE__ */ G(eD, {
21418
21420
  className: "aoi-sider-right",
21419
21421
  width: s,
21420
21422
  children: /* @__PURE__ */ K(kn, {
21421
- spinning: z,
21423
+ spinning: te,
21422
21424
  style: { "--aoi-view-bgc": r },
21423
21425
  children: [
21424
21426
  /* @__PURE__ */ G(WE, {
21425
- id: fe.data,
21427
+ id: pe.data,
21426
21428
  visibleOk: o,
21427
- defects: j,
21428
- data: pe.data,
21429
- tools: je,
21430
- check: ue,
21429
+ defects: M,
21430
+ data: me.data,
21431
+ tools: Me,
21432
+ check: de,
21431
21433
  columns: a,
21432
- toggle: !!x,
21433
- setCheck: de,
21434
- footer: x ? b?.tool?.() : null,
21435
- onButton: Be
21434
+ toggle: !!S,
21435
+ setCheck: fe,
21436
+ footer: S ? x?.tool?.() : null,
21437
+ onButton: Ve
21436
21438
  }),
21437
21439
  /* @__PURE__ */ K("div", {
21438
21440
  className: "defect-view-canvas",
21439
- ref: T,
21441
+ ref: D,
21440
21442
  children: [/* @__PURE__ */ G(mE, {
21441
- ...p,
21442
- ref: D,
21443
- id: fe.data,
21444
- data: pe.data,
21443
+ ...m,
21444
+ ref: O,
21445
+ id: pe.data,
21446
+ data: me.data,
21445
21447
  tools: [],
21446
- depend: ue,
21447
- children: b?.view?.()
21448
- }), x ? /* @__PURE__ */ G("div", {
21448
+ depend: de,
21449
+ children: x?.view?.()
21450
+ }), S ? /* @__PURE__ */ G("div", {
21449
21451
  className: "defect-view-layer",
21450
21452
  children: /* @__PURE__ */ G(mE, {
21451
- ref: O,
21453
+ ref: k,
21452
21454
  tools: [],
21453
- ...m,
21454
- children: b?.layer?.()
21455
+ ...h,
21456
+ children: x?.layer?.()
21455
21457
  })
21456
21458
  }) : /* @__PURE__ */ G(Zn, {})]
21457
21459
  }),
21458
21460
  /* @__PURE__ */ G($E, {
21459
- open: ne,
21460
- vessel: T,
21461
+ open: re,
21462
+ vessel: D,
21461
21463
  defaultX: 8,
21462
21464
  defaultY: 0,
21463
- eqv: ce,
21464
- disabled: !Te,
21465
- onEqv: le,
21466
- onChange: re,
21467
- onRemove: ze
21465
+ eqv: le,
21466
+ disabled: !Ee,
21467
+ onEqv: ue,
21468
+ onChange: ie,
21469
+ onRemove: Be
21468
21470
  })
21469
21471
  ]
21470
21472
  })
@@ -21482,6 +21484,7 @@ sD.propTypes = {
21482
21484
  width: q.default.number,
21483
21485
  height: q.default.number
21484
21486
  }),
21487
+ labelWidths: q.default.number,
21485
21488
  whereConfig: q.default.array,
21486
21489
  toolConfig: q.default.array,
21487
21490
  menuConfig: q.default.array,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "aoi-comp",
3
- "version": "1.0.17",
3
+ "version": "1.0.18",
4
4
  "private": false,
5
5
  "description": "AOI React Component Library",
6
6
  "keywords": [