@aplus-frontend/ui 7.0.1 → 7.1.1

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 (115) hide show
  1. package/es/src/ag-grid/hooks/use-columns-def.mjs +20 -19
  2. package/es/src/ag-grid/interface.d.ts +4 -0
  3. package/es/src/ap-descriptions/ap-descriptions.vue.mjs +39 -39
  4. package/es/src/ap-descriptions/style/index.mjs +16 -43
  5. package/es/src/ap-download/ap-download.vue.mjs +43 -43
  6. package/es/src/ap-download/hooks/useStyle.d.ts +1 -1
  7. package/es/src/ap-download/hooks/useStyle.mjs +17 -14
  8. package/es/src/ap-download/style/index.mjs +6 -13
  9. package/es/src/ap-form/modal-form/index.vue.mjs +59 -60
  10. package/es/src/ap-form/style/modal-form.mjs +14 -15
  11. package/es/src/ap-form/style/search-form-sorter.mjs +26 -26
  12. package/es/src/ap-form/style/token.d.ts +4 -0
  13. package/es/src/ap-grid/style/index.mjs +3 -3
  14. package/es/src/ap-pro-card/style/statistic.mjs +3 -3
  15. package/es/src/ap-pro-card/style/token.mjs +1 -1
  16. package/es/src/ap-table/style/index.mjs +2 -2
  17. package/es/src/ap-table/style/setting.mjs +2 -2
  18. package/es/src/ap-tag/ap-tag-group.vue.mjs +61 -61
  19. package/es/src/ap-tag/ap-tag.vue.mjs +19 -20
  20. package/es/src/ap-tag/style/group.mjs +2 -8
  21. package/es/src/ap-tag/style/index.mjs +14 -23
  22. package/es/src/ap-upload/apUpload.vue.mjs +39 -39
  23. package/es/src/ap-upload/components/MultipleFile.vue2.mjs +60 -61
  24. package/es/src/ap-upload/components/Picture.vue2.mjs +90 -91
  25. package/es/src/ap-upload/components/SingleFile.vue2.mjs +72 -72
  26. package/es/src/ap-upload/style/multiple-file.mjs +13 -40
  27. package/es/src/ap-upload/style/picture.mjs +12 -30
  28. package/es/src/ap-upload/style/single-file.mjs +5 -16
  29. package/es/src/business/ap-appendix/style/index.mjs +1 -1
  30. package/es/src/business/ap-attachment/ApAttachment.mjs +42 -39
  31. package/es/src/business/ap-copy/style/index.mjs +1 -1
  32. package/es/src/business/ap-expand-alert/ApExpandAlert.vue2.mjs +45 -46
  33. package/es/src/business/ap-ladder/ApLadder.mjs +20 -22
  34. package/es/src/business/ap-ladder/style/index.mjs +9 -34
  35. package/es/src/business/ap-product-info/ApProductInfo.mjs +21 -22
  36. package/es/src/business/ap-product-info/style/index.mjs +8 -24
  37. package/es/src/business/ap-radio-group/style/index.mjs +1 -1
  38. package/es/src/business/ap-size-input/ApSizeInput.mjs +1 -1
  39. package/es/src/business/ap-table-modal/hooks/use-table-modal.mjs +18 -19
  40. package/es/src/business/ap-table-modal/modal-title.vue2.mjs +13 -13
  41. package/es/src/business/ap-title/style/index.mjs +12 -12
  42. package/es/src/business/ap-upload-file/ap-upload-single/ap-upload-single.vue.mjs +38 -37
  43. package/es/src/business/ap-value-select-card/index.vue2.mjs +36 -37
  44. package/es/src/business/ap-value-select-card/style/index.mjs +7 -29
  45. package/es/src/business/batch-input-group/style/index.mjs +1 -1
  46. package/es/src/check-card/style/index.mjs +31 -31
  47. package/es/src/design-token/constants.mjs +4 -2
  48. package/es/src/design-token/interface.d.ts +36 -39
  49. package/es/src/scroll-bar/style/index.mjs +12 -12
  50. package/es/src/splitter/style/index.mjs +6 -6
  51. package/es/src/style/index.mjs +1 -1
  52. package/es/src/text/style/index.mjs +1 -1
  53. package/es/src/utils/cssinjs/TokenUtil.d.ts +11 -0
  54. package/es/src/utils/cssinjs/TokenUtil.mjs +26 -0
  55. package/es/src/utils/cssinjs/index.mjs +23 -22
  56. package/es/src/version.d.ts +1 -1
  57. package/es/src/version.mjs +1 -1
  58. package/lib/src/ag-grid/hooks/use-columns-def.js +1 -1
  59. package/lib/src/ag-grid/interface.d.ts +4 -0
  60. package/lib/src/ap-descriptions/ap-descriptions.vue.js +1 -1
  61. package/lib/src/ap-descriptions/style/index.js +1 -1
  62. package/lib/src/ap-download/ap-download.vue.js +1 -1
  63. package/lib/src/ap-download/hooks/useStyle.d.ts +1 -1
  64. package/lib/src/ap-download/hooks/useStyle.js +1 -1
  65. package/lib/src/ap-download/style/index.js +1 -1
  66. package/lib/src/ap-form/modal-form/index.vue.js +1 -1
  67. package/lib/src/ap-form/style/modal-form.js +1 -1
  68. package/lib/src/ap-form/style/search-form-sorter.js +1 -1
  69. package/lib/src/ap-form/style/token.d.ts +4 -0
  70. package/lib/src/ap-grid/style/index.js +1 -1
  71. package/lib/src/ap-pro-card/style/statistic.js +1 -1
  72. package/lib/src/ap-pro-card/style/token.js +1 -1
  73. package/lib/src/ap-table/style/index.js +1 -1
  74. package/lib/src/ap-table/style/setting.js +1 -1
  75. package/lib/src/ap-tag/ap-tag-group.vue.js +1 -1
  76. package/lib/src/ap-tag/ap-tag.vue.js +1 -1
  77. package/lib/src/ap-tag/style/group.js +1 -1
  78. package/lib/src/ap-tag/style/index.js +1 -1
  79. package/lib/src/ap-upload/apUpload.vue.js +1 -1
  80. package/lib/src/ap-upload/components/MultipleFile.vue2.js +1 -1
  81. package/lib/src/ap-upload/components/Picture.vue2.js +1 -1
  82. package/lib/src/ap-upload/components/SingleFile.vue2.js +1 -1
  83. package/lib/src/ap-upload/style/multiple-file.js +1 -1
  84. package/lib/src/ap-upload/style/picture.js +1 -1
  85. package/lib/src/ap-upload/style/single-file.js +1 -1
  86. package/lib/src/business/ap-appendix/style/index.js +1 -1
  87. package/lib/src/business/ap-attachment/ApAttachment.js +1 -1
  88. package/lib/src/business/ap-copy/style/index.js +1 -1
  89. package/lib/src/business/ap-expand-alert/ApExpandAlert.vue2.js +1 -1
  90. package/lib/src/business/ap-ladder/ApLadder.js +1 -1
  91. package/lib/src/business/ap-ladder/style/index.js +1 -1
  92. package/lib/src/business/ap-product-info/ApProductInfo.js +1 -1
  93. package/lib/src/business/ap-product-info/style/index.js +1 -1
  94. package/lib/src/business/ap-radio-group/style/index.js +1 -1
  95. package/lib/src/business/ap-size-input/ApSizeInput.js +1 -1
  96. package/lib/src/business/ap-table-modal/hooks/use-table-modal.js +1 -1
  97. package/lib/src/business/ap-table-modal/modal-title.vue2.js +1 -1
  98. package/lib/src/business/ap-title/style/index.js +1 -1
  99. package/lib/src/business/ap-upload-file/ap-upload-single/ap-upload-single.vue.js +1 -1
  100. package/lib/src/business/ap-value-select-card/index.vue2.js +1 -1
  101. package/lib/src/business/ap-value-select-card/style/index.js +1 -1
  102. package/lib/src/business/batch-input-group/style/index.js +1 -1
  103. package/lib/src/check-card/style/index.js +1 -1
  104. package/lib/src/design-token/constants.js +1 -1
  105. package/lib/src/design-token/interface.d.ts +36 -39
  106. package/lib/src/scroll-bar/style/index.js +1 -1
  107. package/lib/src/splitter/style/index.js +1 -1
  108. package/lib/src/style/index.js +1 -1
  109. package/lib/src/text/style/index.js +1 -1
  110. package/lib/src/utils/cssinjs/TokenUtil.d.ts +11 -0
  111. package/lib/src/utils/cssinjs/TokenUtil.js +1 -0
  112. package/lib/src/utils/cssinjs/index.js +1 -1
  113. package/lib/src/version.d.ts +1 -1
  114. package/lib/src/version.js +1 -1
  115. package/package.json +3 -3
@@ -1,12 +1,12 @@
1
- import { getTableRenderProps as c, objectToString as D } from "../../ap-table/utils.mjs";
1
+ import { getTableRenderProps as c, objectToString as S } from "../../ap-table/utils.mjs";
2
2
  import { rendererMap as x } from "../renderer/index.mjs";
3
- import { isNumber as u, isFunction as m } from "lodash-unified";
4
- import { ref as P, unref as v, computed as y } from "vue";
3
+ import { isNumber as u, isFunction as b } from "lodash-unified";
4
+ import { ref as D, unref as v, computed as y } from "vue";
5
5
  import "../components/body-cell/index.vue.mjs";
6
6
  import "../components/header-cell/index.vue.mjs";
7
7
  import "../components/tooltip/index.vue.mjs";
8
8
  import "../../config-provider/index.mjs";
9
- import { dataIndexToField as S } from "../../ap-grid/utils/col.mjs";
9
+ import { dataIndexToField as P } from "../../ap-grid/utils/col.mjs";
10
10
  import { isDef as I } from "../../utils/index.mjs";
11
11
  import { useGlobalConfig as _ } from "../../config-provider/hooks/use-global-config.mjs";
12
12
  import { useNamespace as G } from "../../config-provider/hooks/use-namespace.mjs";
@@ -18,7 +18,7 @@ function F(t) {
18
18
  }
19
19
  function M(t, a) {
20
20
  if (a.bodyCellTooltip)
21
- return m(a.bodyCellTooltip) ? a.bodyCellTooltip(t.value, t.data) : a.bodyCellTooltip;
21
+ return b(a.bodyCellTooltip) ? a.bodyCellTooltip(t.value, t.data) : a.bodyCellTooltip;
22
22
  if (a.renderText)
23
23
  return a.renderText({
24
24
  value: t.value,
@@ -41,10 +41,10 @@ function M(t, a) {
41
41
  );
42
42
  return p(f);
43
43
  }
44
- return D(t.value);
44
+ return S(t.value);
45
45
  }
46
46
  const X = (t, a, d) => {
47
- const p = _("valueTypeMap"), C = P(), { em: f } = G("ag-grid"), b = (r) => {
47
+ const p = _("valueTypeMap"), C = D(), { em: f } = G("ag-grid"), m = (r) => {
48
48
  const i = {
49
49
  cellRenderer: W,
50
50
  cellRendererParams: {
@@ -64,11 +64,11 @@ const X = (t, a, d) => {
64
64
  text: o.value
65
65
  })
66
66
  };
67
- const s = r.valueType || "text", e = x[s];
67
+ const l = r.valueType || "text", e = x[l];
68
68
  return e ? {
69
69
  valueFormatter: (o) => {
70
- const l = c(
71
- { ...r, valueType: s },
70
+ const s = c(
71
+ { ...r, valueType: l },
72
72
  {
73
73
  value: o.value,
74
74
  text: o.value,
@@ -78,12 +78,12 @@ const X = (t, a, d) => {
78
78
  pinned: o.node?.rowPinned
79
79
  }
80
80
  );
81
- return e(l);
81
+ return e(s);
82
82
  }
83
83
  } : i;
84
84
  }, w = (r) => {
85
- const i = r.valueType || "text", s = x[i], e = {}, o = r.bodyCellTooltip || !r.customRender && s && (r.ellipsis === !0 || r.ellipsis === "tooltip" || u(r.ellipsis)), l = u(r.ellipsis) && r.ellipsis > 1, n = u(r.ellipsis) ? r.ellipsis : 1;
86
- return e.tooltipValueGetter = o ? (T) => M(T, r) : void 0, e.wrapText = !r.ellipsis || l, e.cellStyle = {
85
+ const i = r.valueType || "text", l = x[i], e = {}, o = r.bodyCellTooltip || !r.customRender && l && (r.ellipsis === !0 || r.ellipsis === "tooltip" || u(r.ellipsis)), s = u(r.ellipsis) && r.ellipsis > 1, n = u(r.ellipsis) ? r.ellipsis : 1;
86
+ return e.tooltipValueGetter = o ? (T) => M(T, r) : void 0, e.wrapText = !r.ellipsis || s, e.cellStyle = {
87
87
  "--ag-grid-line-clamp": n
88
88
  }, e.tooltipComponent = z, e.tooltipComponentParams = {
89
89
  lineClamp: n,
@@ -91,10 +91,10 @@ const X = (t, a, d) => {
91
91
  }, e;
92
92
  }, g = y(() => {
93
93
  const r = v(t);
94
- function i(s) {
95
- return s.map((e) => {
94
+ function i(l) {
95
+ return l.map((e) => {
96
96
  const o = {
97
- field: S(e.dataIndex),
97
+ field: P(e.dataIndex),
98
98
  colId: I(e.key) ? String(e.key) : void 0,
99
99
  sortable: !!e.sorter,
100
100
  comparator: e.sorter === !0 ? () => 0 : e.sorter,
@@ -111,20 +111,21 @@ const X = (t, a, d) => {
111
111
  // undefined to null
112
112
  colSpan: e.colSpan,
113
113
  spanRows: e.spanRows,
114
- cellClass: d((l) => {
115
- const n = e.cellClass || "", T = m(n) ? n(l.data, l.node) : n;
114
+ cellClass: d((s) => {
115
+ const n = e.cellClass || "", T = b(n) ? n(s.data, s.node) : n;
116
116
  return [
117
117
  `${f("cell", e.align || "left")}`,
118
118
  F(e.ellipsis) ? f("cell", "multiline") : null,
119
119
  T
120
120
  ].flat().filter(Boolean);
121
121
  }),
122
+ cellStyle: e.cellStyle,
122
123
  headerStyle: e.headerStyle,
123
124
  headerClass: e.headerClass,
124
125
  autoHeight: !0,
125
126
  // 设置自动计算高度以自适应多行换行的场景
126
127
  ...w(e),
127
- ...b(e)
128
+ ...m(e)
128
129
  };
129
130
  return e.children?.length ? {
130
131
  ...o,
@@ -96,6 +96,10 @@ export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueTyp
96
96
  * @returns
97
97
  */
98
98
  cellClass?: string | string[] | ((data: RecordType, node: IRowNode<RecordType>) => string | string[] | undefined) | undefined;
99
+ /**
100
+ * 自定义单元格样式
101
+ */
102
+ cellStyle?: ColDef<RecordType>['cellStyle'];
99
103
  /**
100
104
  * 仅用于和接口交互的字段,如果不设置将会尝试使用`dataIndex`和`key`
101
105
  */
@@ -1,14 +1,14 @@
1
- import { defineComponent as B, createElementBlock as n, openBlock as r, normalizeStyle as E, normalizeClass as f, unref as o, createVNode as _, mergeProps as w, withCtx as d, Fragment as a, renderList as A, createCommentVNode as M, createBlock as i, h as p, renderSlot as j, resolveDynamicComponent as z } from "vue";
2
- import { Descriptions as F, DescriptionsItem as b } from "@aplus-frontend/antdv";
3
- import { mixinsAttachmentExtraProps as G, transformValue as I, isEmptyWithType as L } from "./helper.mjs";
4
- import { get as m } from "lodash-unified";
1
+ import { defineComponent as V, createElementBlock as n, openBlock as o, normalizeStyle as x, normalizeClass as y, unref as r, createVNode as B, mergeProps as E, withCtx as f, Fragment as a, renderList as _, createCommentVNode as w, createBlock as i, h as p, renderSlot as A, resolveDynamicComponent as j } from "vue";
2
+ import { Descriptions as z, DescriptionsItem as d } from "@aplus-frontend/antdv";
3
+ import { mixinsAttachmentExtraProps as F, transformValue as G, isEmptyWithType as I } from "./helper.mjs";
4
+ import { get as b } from "lodash-unified";
5
5
  import "./help-message/index.vue.mjs";
6
6
  import "../config-provider/index.mjs";
7
- import R from "./style/index.mjs";
8
- import { useGlobalConfig as c } from "../config-provider/hooks/use-global-config.mjs";
9
- import { useNamespace as $ } from "../config-provider/hooks/use-namespace.mjs";
10
- import O from "./help-message/index.vue2.mjs";
11
- const W = { key: 0 }, ee = /* @__PURE__ */ B({
7
+ import L from "./style/index.mjs";
8
+ import { useGlobalConfig as m } from "../config-provider/hooks/use-global-config.mjs";
9
+ import { useNamespace as M } from "../config-provider/hooks/use-namespace.mjs";
10
+ import R from "./help-message/index.vue2.mjs";
11
+ const $ = { key: 0 }, Z = /* @__PURE__ */ V({
12
12
  name: "ApDescriptions",
13
13
  __name: "ap-descriptions",
14
14
  props: {
@@ -19,23 +19,23 @@ const W = { key: 0 }, ee = /* @__PURE__ */ B({
19
19
  className: {}
20
20
  },
21
21
  setup(S) {
22
- const l = S, g = c("uiMode", "admin"), v = c("apDescriptions"), C = c("downloadCenterTriggerConfig"), { m: k, b: P, be: D } = $("ap-descriptions"), N = R("ap-descriptions"), T = (e = {}) => {
22
+ const l = S, g = m("apDescriptions"), v = m("downloadCenterTriggerConfig"), { b: C, be: k } = M("ap-descriptions"), P = L("ap-descriptions"), D = (e = {}) => {
23
23
  let s = "";
24
24
  return l.descriptionsProps?.layout === "vertical" && (s = "start"), {
25
25
  justifyContent: s,
26
26
  ...e
27
27
  };
28
- }, u = (e) => {
29
- const s = m(l.dataSource, e.field);
28
+ }, c = (e) => {
29
+ const s = b(l.dataSource, e.field);
30
30
  if (e.customRender)
31
31
  return e.customRender(l.dataSource);
32
- e.valueType === "attachment" && (e.extraProps = G(e.extraProps, {
33
- fromConfig: v.value?.downloadFile,
34
- fromGlobal: C.value?.trigger
32
+ e.valueType === "attachment" && (e.extraProps = F(e.extraProps, {
33
+ fromConfig: g.value?.downloadFile,
34
+ fromGlobal: v.value?.trigger
35
35
  }));
36
36
  const t = e.format ? e.format(s, l.dataSource || {}) : s;
37
- return I({ value: t, record: l.dataSource }, e);
38
- }, V = (e) => e.valueType === "text" && !!e.extraProps?.ellipsis, x = (e) => {
37
+ return G({ value: t, record: l.dataSource }, e);
38
+ }, N = (e) => e.valueType === "text" && !!e.extraProps?.ellipsis, T = (e) => {
39
39
  if (e.visible != null) {
40
40
  if (typeof e.visible == "boolean")
41
41
  return e.visible;
@@ -47,28 +47,28 @@ const W = { key: 0 }, ee = /* @__PURE__ */ B({
47
47
  }
48
48
  return !0;
49
49
  };
50
- return (e, s) => (r(), n("div", {
51
- class: f([e.className, o(P)(), o(k)(o(g)), o(N)]),
52
- style: E(e.style)
50
+ return (e, s) => (o(), n("div", {
51
+ class: y([e.className, r(C)(), r(P)]),
52
+ style: x(e.style)
53
53
  }, [
54
- _(o(F), w(e.descriptionsProps, {
55
- "label-style": T({ ...e.descriptionsProps?.labelStyle || {} })
54
+ B(r(z), E(e.descriptionsProps, {
55
+ "label-style": D({ ...e.descriptionsProps?.labelStyle || {} })
56
56
  }), {
57
- default: d(() => [
58
- (r(!0), n(a, null, A(e.schemas, (t, y) => (r(), n(a, {
59
- key: t.field || "empty" + y
57
+ default: f(() => [
58
+ (o(!0), n(a, null, _(e.schemas, (t, u) => (o(), n(a, {
59
+ key: t.field || "empty" + u
60
60
  }, [
61
- x(t) ? (r(), n(a, { key: 0 }, [
62
- t.valueType === "empty" ? (r(), i(o(b), {
61
+ T(t) ? (o(), n(a, { key: 0 }, [
62
+ t.valueType === "empty" ? (o(), i(r(d), {
63
63
  key: 0,
64
64
  "content-style": t.contentStyle,
65
65
  "label-style": t.labelStyle,
66
66
  span: t.span
67
- }, null, 8, ["content-style", "label-style", "span"])) : (r(), i(o(b), {
67
+ }, null, 8, ["content-style", "label-style", "span"])) : (o(), i(r(d), {
68
68
  key: 1,
69
- class: f(V(t) ? o(D)("item", "ellipsis") : ""),
69
+ class: y(N(t) ? r(k)("item", "ellipsis") : ""),
70
70
  label: t.label ? p(a, [
71
- p(O, {
71
+ p(R, {
72
72
  helpMessage: t.helpMessage,
73
73
  label: t.label
74
74
  })
@@ -77,17 +77,17 @@ const W = { key: 0 }, ee = /* @__PURE__ */ B({
77
77
  "content-style": t.contentStyle,
78
78
  "label-style": t.labelStyle
79
79
  }, {
80
- default: d(() => [
81
- o(L)(o(m)(e.dataSource, t.field), t) ? (r(), n("span", W, "--")) : (r(), n(a, { key: 1 }, [
82
- t.contentSlotName ? j(e.$slots, t.contentSlotName, {
80
+ default: f(() => [
81
+ r(I)(r(b)(e.dataSource, t.field), t) ? (o(), n("span", $, "--")) : (o(), n(a, { key: 1 }, [
82
+ t.contentSlotName ? A(e.$slots, t.contentSlotName, {
83
83
  key: 0,
84
- index: y,
85
- item: u(t),
84
+ index: u,
85
+ item: c(t),
86
86
  record: e.dataSource
87
- }) : (r(), i(z(
87
+ }) : (o(), i(j(
88
88
  p(a, [
89
89
  t.prefix,
90
- u(t),
90
+ c(t),
91
91
  t.suffix
92
92
  ])
93
93
  ), { key: 1 }))
@@ -95,7 +95,7 @@ const W = { key: 0 }, ee = /* @__PURE__ */ B({
95
95
  ]),
96
96
  _: 2
97
97
  }, 1032, ["class", "label", "span", "content-style", "label-style"]))
98
- ], 64)) : M("", !0)
98
+ ], 64)) : w("", !0)
99
99
  ], 64))), 128))
100
100
  ]),
101
101
  _: 3
@@ -104,5 +104,5 @@ const W = { key: 0 }, ee = /* @__PURE__ */ B({
104
104
  }
105
105
  });
106
106
  export {
107
- ee as default
107
+ Z as default
108
108
  };
@@ -44,58 +44,31 @@ const e = (t) => {
44
44
  },
45
45
  ".ant-descriptions-row": {
46
46
  ".ant-descriptions-item-label": {
47
+ justifyContent: "flex-end",
48
+ width: "var(--ap-descriptions-item-label-width, auto)",
49
+ color: t.textColor3,
50
+ ".ap-descriptions-item-content__help": {
51
+ fontSize: t.fontSizeLG,
52
+ marginInlineStart: "4px",
53
+ color: t.textColor3
54
+ },
47
55
  ".ant-typography": {
48
56
  color: "inherit"
49
57
  }
50
- }
51
- },
52
- "&--admin": {
53
- ".ant-descriptions-row": {
54
- ".ant-descriptions-item-label": {
55
- justifyContent: "flex-end",
56
- width: "var(--ap-descriptions-item-label-width, auto)",
57
- color: "#999",
58
- ".ap-descriptions-item-content__help": {
59
- fontSize: t.fontSizeLG,
60
- marginInlineStart: "4px",
61
- color: "#999"
62
- }
63
- },
64
- ".ant-descriptions-item-content": {
65
- color: "#333",
66
- ".ap-descriptions-item-content__link": {
67
- color: "#1890ff",
68
- cursor: "pointer"
69
- }
70
- }
71
- }
72
- },
73
- "&--aplus": {
74
- ".ant-descriptions-row": {
75
- ".ant-descriptions-item-label": {
76
- justifyContent: "flex-end",
77
- width: "var(--ap-descriptions-item-label-width, auto)",
78
- color: "#8896B0",
79
- ".ap-descriptions-item-content__help": {
80
- fontSize: t.fontSizeLG,
81
- marginInlineStart: "4px",
82
- color: "#8896B0"
83
- }
84
- },
85
- ".ant-descriptions-item-content": {
86
- color: "#182948",
87
- ".ap-descriptions-item-content__link": {
88
- color: "#0070FF",
89
- cursor: "pointer"
90
- }
58
+ },
59
+ ".ant-descriptions-item-content": {
60
+ color: t.textColor1,
61
+ ".ap-descriptions-item-content__link": {
62
+ color: t.colorLink,
63
+ cursor: "pointer"
91
64
  }
92
65
  }
93
66
  }
94
67
  }
95
68
  };
96
- }, s = n("ApDescriptions", (t) => [
69
+ }, r = n("ApDescriptions", (t) => [
97
70
  e(t)
98
71
  ]);
99
72
  export {
100
- s as default
73
+ r as default
101
74
  };
@@ -1,20 +1,20 @@
1
- import { defineComponent as F, ref as A, useSlots as L, computed as s, unref as t, createBlock as S, openBlock as i, mergeProps as x, withCtx as j, createElementVNode as u, normalizeClass as I, createElementBlock as f, createCommentVNode as g, createVNode as M, renderSlot as T, toDisplayString as U } from "vue";
2
- import { Button as V } from "@aplus-frontend/antdv";
3
- import { LoadingOutlined as D } from "@ant-design/icons-vue";
1
+ import { defineComponent as O, ref as z, useSlots as A, computed as s, unref as t, createBlock as L, openBlock as i, mergeProps as S, withCtx as x, createElementVNode as m, normalizeClass as j, createElementBlock as f, createCommentVNode as u, createVNode as I, renderSlot as F, toDisplayString as T } from "vue";
2
+ import { Button as U } from "@aplus-frontend/antdv";
3
+ import { LoadingOutlined as V } from "@ant-design/icons-vue";
4
4
  import "../config-provider/index.mjs";
5
- import { useOssInit as E } from "./hooks/index.mjs";
6
- import { getFileInfo as y } from "./utils/getFileInfo.mjs";
7
- import { useStyle as P } from "./hooks/useStyle.mjs";
8
- import { omit as G } from "lodash-unified";
9
- import { useLocale as R } from "../config-provider/hooks/use-locale.mjs";
10
- import { useGlobalConfig as r } from "../config-provider/hooks/use-global-config.mjs";
11
- const W = {
5
+ import { useOssInit as D } from "./hooks/index.mjs";
6
+ import { getFileInfo as g } from "./utils/getFileInfo.mjs";
7
+ import { useStyle as E } from "./hooks/useStyle.mjs";
8
+ import { omit as P } from "lodash-unified";
9
+ import { useLocale as G } from "../config-provider/hooks/use-locale.mjs";
10
+ import { useGlobalConfig as y } from "../config-provider/hooks/use-global-config.mjs";
11
+ const M = {
12
12
  key: 0,
13
13
  class: "spin"
14
- }, $ = {
14
+ }, R = {
15
15
  key: 1,
16
16
  class: "icon"
17
- }, q = { class: "text" }, ae = /* @__PURE__ */ F({
17
+ }, W = { class: "text" }, oe = /* @__PURE__ */ O({
18
18
  name: "ApDownload",
19
19
  __name: "ap-download",
20
20
  props: {
@@ -45,57 +45,57 @@ const W = {
45
45
  },
46
46
  emits: ["downloadCallback"],
47
47
  setup(C, { emit: N }) {
48
- const c = N, l = A(!1), { lang: b } = R(), v = L(), w = s(() => b.value === "zh-cn" ? "zh_CN" : "en_US"), h = r("uiMode"), e = C, n = r("apUpload"), d = r(
48
+ const r = N, n = z(!1), { lang: b } = G(), w = A(), h = s(() => b.value === "zh-cn" ? "zh_CN" : "en_US"), e = C, l = y("apUpload"), c = y(
49
49
  "downloadCenterTriggerConfig"
50
- ), p = s(() => e.disabled), _ = s(() => e.color ? e.color : h.value === "aplus" ? "#0070FF" : "#1890FF"), k = s(() => e.size), { getInnerWrapperClass: B } = P(_, k, p), O = s(() => e.getOssAccess || n.value?.getOssAccess), z = async () => {
50
+ ), d = s(() => e.disabled), v = s(() => e.size), { getInnerWrapperClass: _ } = E(v, d), k = s(() => e.getOssAccess || l.value?.getOssAccess), B = async () => {
51
51
  if (!e.disabled) {
52
- l.value = !0;
52
+ n.value = !0;
53
53
  try {
54
- if (d.value?.trigger) {
55
- let a = y(
56
- e.needName ?? n?.value?.needName,
54
+ if (c.value?.trigger) {
55
+ let a = g(
56
+ e.needName ?? l?.value?.needName,
57
57
  e.fileName
58
- ).map((m) => ({
59
- objectName: m.path,
60
- fileName: m.fileName
58
+ ).map((p) => ({
59
+ objectName: p.path,
60
+ fileName: p.fileName
61
61
  }));
62
- await d.value?.trigger(a), c("downloadCallback", a);
62
+ await c.value?.trigger(a), r("downloadCallback", a);
63
63
  } else {
64
- const a = await (await E(
65
- O.value,
66
- t(w)
64
+ const a = await (await D(
65
+ k.value,
66
+ t(h)
67
67
  )).downloadFile(
68
- y(
69
- e.needName ?? n?.value?.needName,
68
+ g(
69
+ e.needName ?? l?.value?.needName,
70
70
  e.fileName
71
71
  )
72
72
  );
73
- c("downloadCallback", a);
73
+ r("downloadCallback", a);
74
74
  }
75
75
  } catch (o) {
76
76
  console.error(o);
77
77
  } finally {
78
- l.value = !1;
78
+ n.value = !1;
79
79
  }
80
80
  }
81
81
  };
82
- return (o, a) => (i(), S(t(V), x(t(G)(e, ["getOssAccess", "fileName", "needName"]), {
82
+ return (o, a) => (i(), L(t(U), S(t(P)(e, ["getOssAccess", "fileName", "needName"]), {
83
83
  type: e.type,
84
84
  size: e.size,
85
- disabled: p.value,
86
- onClick: z
85
+ disabled: d.value,
86
+ onClick: B
87
87
  }), {
88
- default: j(() => [
89
- u("div", {
90
- class: I(t(B))
88
+ default: x(() => [
89
+ m("div", {
90
+ class: j(t(_))
91
91
  }, [
92
- l.value ? (i(), f("span", W, [
93
- M(t(D), { spin: !0 })
94
- ])) : g("", !0),
95
- t(v).icon ? (i(), f("span", $, [
96
- T(o.$slots, "icon")
97
- ])) : g("", !0),
98
- u("span", q, U(o.text), 1)
92
+ n.value ? (i(), f("span", M, [
93
+ I(t(V), { spin: !0 })
94
+ ])) : u("", !0),
95
+ t(w).icon ? (i(), f("span", R, [
96
+ F(o.$slots, "icon")
97
+ ])) : u("", !0),
98
+ m("span", W, T(o.text), 1)
99
99
  ], 2)
100
100
  ]),
101
101
  _: 3
@@ -103,5 +103,5 @@ const W = {
103
103
  }
104
104
  });
105
105
  export {
106
- ae as default
106
+ oe as default
107
107
  };
@@ -1,5 +1,5 @@
1
1
  import { ComputedRef } from 'vue';
2
- export declare function useStyle(color: ComputedRef<string>, size: ComputedRef<string>, disabled: ComputedRef<boolean>): {
2
+ export declare function useStyle(size: ComputedRef<string>, disabled: ComputedRef<boolean>): {
3
3
  wrapperStyle: ComputedRef<Record<string, any>>;
4
4
  getWrapperClass: ComputedRef<string[]>;
5
5
  getInnerWrapperClass: ComputedRef<string[]>;
@@ -1,25 +1,28 @@
1
1
  import { computed as o } from "vue";
2
- import { getHexWithOpacity as m } from "../utils/getFileInfo.mjs";
2
+ import { getHexWithOpacity as c } from "../utils/getFileInfo.mjs";
3
3
  import "../../config-provider/index.mjs";
4
- import c from "../style/index.mjs";
4
+ import m from "../style/index.mjs";
5
+ import { useToken as d } from "../../config-provider/hooks/use-token.mjs";
5
6
  import { useNamespace as w } from "../../config-provider/hooks/use-namespace.mjs";
6
- import { useGlobalConfig as f } from "../../config-provider/hooks/use-global-config.mjs";
7
- function S(p, n, l) {
8
- const { b: r, bm: e } = w("ap-download"), t = c("ap-download"), i = f("uiMode"), s = o(() => ({
9
- "--download-main-color": p.value,
10
- "--download-main-color-opacity": m(p.value, 0.6)
11
- })), u = o(() => [r("wrapper"), e("wrapper", n.value), t.value].filter(
7
+ function g(a, l) {
8
+ const { b: r, bm: e } = w("ap-download"), n = m("ap-download"), { token: p } = d(), s = o(() => ({
9
+ "--download-main-color": p.value?.colorLink,
10
+ "--download-main-color-opacity": c(
11
+ p.value?.colorLink,
12
+ 0.6
13
+ )
14
+ })), i = o(() => [r("wrapper"), e("wrapper", a.value), n.value].filter(
12
15
  Boolean
13
- )), d = o(() => {
14
- const a = [r(), r("inner-wrapper"), e("inner-wrapper", n.value)];
15
- return l.value && (i.value === "aplus" ? a.push(e("inner-wrapper", "disabled")) : a.push(e("inner-wrapper", "disabled-admin"))), [...a, t.value];
16
+ )), u = o(() => {
17
+ const t = [r(), r("inner-wrapper"), e("inner-wrapper", a.value)];
18
+ return l.value && t.push(e("inner-wrapper", "disabled")), [...t, n.value];
16
19
  });
17
20
  return {
18
21
  wrapperStyle: s,
19
- getWrapperClass: u,
20
- getInnerWrapperClass: d
22
+ getWrapperClass: i,
23
+ getInnerWrapperClass: u
21
24
  };
22
25
  }
23
26
  export {
24
- S as useStyle
27
+ g as useStyle
25
28
  };
@@ -1,6 +1,6 @@
1
1
  import { genComponentStyleHook as l } from "../../utils/cssinjs/index.mjs";
2
- const i = (o) => {
3
- const { componentCls: e } = o, n = `${e}-inner-wrapper`;
2
+ const r = (o) => {
3
+ const { componentCls: e, textColor3: n } = o, i = `${e}-inner-wrapper`;
4
4
  return {
5
5
  [e]: {
6
6
  "&-wrapper": {
@@ -8,7 +8,7 @@ const i = (o) => {
8
8
  display: "inline-block"
9
9
  }
10
10
  },
11
- [n]: {
11
+ [i]: {
12
12
  display: "flex",
13
13
  color: "var(--download-main-color)",
14
14
  cursor: "pointer",
@@ -40,23 +40,16 @@ const i = (o) => {
40
40
  fontSize: o.fontSizeSM
41
41
  },
42
42
  "&--disabled": {
43
- color: "#8896b0",
43
+ color: n,
44
44
  cursor: "not-allowed",
45
45
  "&:hover": {
46
- color: "#8896b0"
47
- }
48
- },
49
- "&--disabled-admin": {
50
- cursor: "not-allowed",
51
- color: "#999",
52
- "&:hover": {
53
- color: "#999"
46
+ color: n
54
47
  }
55
48
  }
56
49
  }
57
50
  };
58
51
  }, a = l("ApDownload", (o) => [
59
- i(o)
52
+ r(o)
60
53
  ]);
61
54
  export {
62
55
  a as default