@pisell/materials 6.11.94 → 6.11.95

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 (15) hide show
  1. package/build/lowcode/assets-daily.json +11 -11
  2. package/build/lowcode/assets-dev.json +2 -2
  3. package/build/lowcode/assets-prod.json +11 -11
  4. package/build/lowcode/meta.js +1 -1
  5. package/build/lowcode/render/default/view.css +1 -1
  6. package/build/lowcode/render/default/view.js +1 -1
  7. package/build/lowcode/view.css +1 -1
  8. package/build/lowcode/view.js +1 -1
  9. package/es/components/productCard/cartSkuCard/components/resources/index.less +21 -0
  10. package/es/components/productCard/lineItem/BookingLineItem.js +2 -2
  11. package/es/components/productCard/lineItem/components/Resources/index.js +13 -14
  12. package/lib/components/productCard/cartSkuCard/components/resources/index.less +21 -0
  13. package/lib/components/productCard/lineItem/BookingLineItem.js +1 -1
  14. package/lib/components/productCard/lineItem/components/Resources/index.js +5 -26
  15. package/package.json +1 -1
package/es/components/productCard/cartSkuCard/components/resources/index.less CHANGED
@@ -20,4 +20,25 @@
20
20
  margin-right: 2px;
21
21
  }
22
22
  }
23
+
24
+ &--title {
25
+ align-items: center;
26
+ gap: 6px;
27
+ color: var(--Gray-900, #101828);
28
+ font-size: 16px;
29
+ font-weight: 700;
30
+ line-height: 24px;
31
+
32
+ .resource-title {
33
+ overflow: hidden;
34
+ text-overflow: ellipsis;
35
+ white-space: nowrap;
36
+ }
37
+
38
+ .resource-separator {
39
+ color: var(--Gray-400, #98a2b3);
40
+ flex-shrink: 0;
41
+ font-weight: 600;
42
+ }
43
+ }
23
44
  }
package/es/components/productCard/lineItem/BookingLineItem.js CHANGED
@@ -207,9 +207,9 @@ var BookingLineItem = function BookingLineItem(props) {
207
207
  type: "pisell2-trash-01"
208
208
  })) : null))), /*#__PURE__*/React.createElement("div", {
209
209
  className: "".concat(PREFIX, "__booking-detail")
210
- }, /*#__PURE__*/React.createElement(TimeRange, {
210
+ }, /*#__PURE__*/React.createElement(Resources, {
211
211
  dataSource: dataSource
212
- }), /*#__PURE__*/React.createElement(Resources, {
212
+ }), /*#__PURE__*/React.createElement(TimeRange, {
213
213
  dataSource: dataSource
214
214
  }), resolvedIsFormSubject ? /*#__PURE__*/React.createElement(Holders, {
215
215
  dataSource: dataSource,
package/es/components/productCard/lineItem/components/Resources/index.js CHANGED
@@ -1,12 +1,6 @@
1
1
  import React from 'react';
2
- import { Tag } from 'antd';
3
2
  import "../../../cartSkuCard/components/resources/index.less";
4
3
  var PREFIX = 'pisell-cart-sku-card';
5
- var ResourceTag = Tag;
6
- var colors = ['magenta', 'volcano', 'orange', 'gold', 'green', 'cyan', 'blue', 'geekblue', 'purple'];
7
- function getColor(n) {
8
- return colors[n * 31 % colors.length];
9
- }
10
4
  var getResourceLabel = function getResourceLabel(resource, fallbackLabel) {
11
5
  var _resource$metadata, _resource$metadata2;
12
6
  return (resource === null || resource === void 0 || (_resource$metadata = resource.metadata) === null || _resource$metadata === void 0 ? void 0 : _resource$metadata.resource_name) || (resource === null || resource === void 0 || (_resource$metadata2 = resource.metadata) === null || _resource$metadata2 === void 0 ? void 0 : _resource$metadata2.form_name) || fallbackLabel || '';
@@ -28,15 +22,20 @@ var LineItemResources = function LineItemResources(props) {
28
22
  label: dataSource.relation_form_name
29
23
  });
30
24
  }
31
- if (!resourceLabels.length) return null;
25
+ var visibleResourceLabels = resourceLabels.filter(function (resource) {
26
+ return Boolean(resource.label);
27
+ });
28
+ if (!visibleResourceLabels.length) return null;
32
29
  return /*#__PURE__*/React.createElement("div", {
33
- className: "".concat(PREFIX, "__resources")
34
- }, resourceLabels.map(function (resource) {
35
- return /*#__PURE__*/React.createElement(ResourceTag, {
36
- key: "".concat(resource.id, "-").concat(resource.label),
37
- color: getColor(resource.id),
38
- className: "resource-tag"
39
- }, resource.label);
30
+ className: "".concat(PREFIX, "__resources ").concat(PREFIX, "__resources--title")
31
+ }, visibleResourceLabels.map(function (resource, index) {
32
+ return /*#__PURE__*/React.createElement(React.Fragment, {
33
+ key: "".concat(resource.id, "-").concat(resource.label)
34
+ }, index > 0 ? /*#__PURE__*/React.createElement("span", {
35
+ className: "resource-separator"
36
+ }, "\xB7") : null, /*#__PURE__*/React.createElement("span", {
37
+ className: "resource-title"
38
+ }, resource.label));
40
39
  }));
41
40
  };
42
41
  export default LineItemResources;
package/lib/components/productCard/cartSkuCard/components/resources/index.less CHANGED
@@ -20,4 +20,25 @@
20
20
  margin-right: 2px;
21
21
  }
22
22
  }
23
+
24
+ &--title {
25
+ align-items: center;
26
+ gap: 6px;
27
+ color: var(--Gray-900, #101828);
28
+ font-size: 16px;
29
+ font-weight: 700;
30
+ line-height: 24px;
31
+
32
+ .resource-title {
33
+ overflow: hidden;
34
+ text-overflow: ellipsis;
35
+ white-space: nowrap;
36
+ }
37
+
38
+ .resource-separator {
39
+ color: var(--Gray-400, #98a2b3);
40
+ flex-shrink: 0;
41
+ font-weight: 600;
42
+ }
43
+ }
23
44
  }
package/lib/components/productCard/lineItem/BookingLineItem.js CHANGED
@@ -228,7 +228,7 @@ var BookingLineItem = (props) => {
228
228
  /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-trash-01" })
229
229
  ) : null))
230
230
  ),
231
- /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__booking-detail` }, /* @__PURE__ */ import_react.default.createElement(import_TimeRange.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_Resources.default, { dataSource }), resolvedIsFormSubject ? /* @__PURE__ */ import_react.default.createElement(
231
+ /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__booking-detail` }, /* @__PURE__ */ import_react.default.createElement(import_Resources.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_TimeRange.default, { dataSource }), resolvedIsFormSubject ? /* @__PURE__ */ import_react.default.createElement(
232
232
  import_Holders.default,
233
233
  {
234
234
  dataSource,
package/lib/components/productCard/lineItem/components/Resources/index.js CHANGED
@@ -33,24 +33,8 @@ __export(Resources_exports, {
33
33
  });
34
34
  module.exports = __toCommonJS(Resources_exports);
35
35
  var import_react = __toESM(require("react"));
36
- var import_antd = require("antd");
37
36
  var import_resources = require("../../../cartSkuCard/components/resources/index.less");
38
37
  var PREFIX = "pisell-cart-sku-card";
39
- var ResourceTag = import_antd.Tag;
40
- var colors = [
41
- "magenta",
42
- "volcano",
43
- "orange",
44
- "gold",
45
- "green",
46
- "cyan",
47
- "blue",
48
- "geekblue",
49
- "purple"
50
- ];
51
- function getColor(n) {
52
- return colors[n * 31 % colors.length];
53
- }
54
38
  var getResourceLabel = (resource, fallbackLabel) => {
55
39
  var _a, _b;
56
40
  return ((_a = resource == null ? void 0 : resource.metadata) == null ? void 0 : _a.resource_name) || ((_b = resource == null ? void 0 : resource.metadata) == null ? void 0 : _b.form_name) || fallbackLabel || "";
@@ -69,15 +53,10 @@ var LineItemResources = (props) => {
69
53
  label: dataSource.relation_form_name
70
54
  });
71
55
  }
72
- if (!resourceLabels.length) return null;
73
- return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__resources` }, resourceLabels.map((resource) => /* @__PURE__ */ import_react.default.createElement(
74
- ResourceTag,
75
- {
76
- key: `${resource.id}-${resource.label}`,
77
- color: getColor(resource.id),
78
- className: "resource-tag"
79
- },
80
- resource.label
81
- )));
56
+ const visibleResourceLabels = resourceLabels.filter(
57
+ (resource) => Boolean(resource.label)
58
+ );
59
+ if (!visibleResourceLabels.length) return null;
60
+ return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__resources ${PREFIX}__resources--title` }, visibleResourceLabels.map((resource, index) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: `${resource.id}-${resource.label}` }, index > 0 ? /* @__PURE__ */ import_react.default.createElement("span", { className: "resource-separator" }, "·") : null, /* @__PURE__ */ import_react.default.createElement("span", { className: "resource-title" }, resource.label))));
82
61
  };
83
62
  var Resources_default = LineItemResources;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pisell/materials",
3
- "version": "6.11.94",
3
+ "version": "6.11.95",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.js",
6
6
  "types": "./lib/index.d.ts",