npm - @pisell/materials - Versions diffs - 1.0.497 → 1.0.499 - Mend

@pisell/materials 1.0.497 → 1.0.499

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 (133) hide show

package/lib/components/dataSourceComponents/fields/Input.TextArea/ReadPretty.js CHANGED Viewed

@@ -33,8 +33,18 @@ __export(ReadPretty_exports, {
 });
 module.exports = __toCommonJS(ReadPretty_exports);
 var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
 var import_ReadPretty = require("./ReadPretty.less");
 var TextAreaReadPretty = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-input-textarea-read-pretty" }, props.value);
+  const { value, renderMode } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      className: (0, import_classnames.default)("pisell-input-textarea-read-pretty", {
+        "pisell-input-textarea-read-pretty-table-view": renderMode === "tableView"
+      })
+    },
+    value
+  );
 };
 var ReadPretty_default = TextAreaReadPretty;

package/lib/components/dataSourceComponents/fields/Input.TextArea/ReadPretty.less CHANGED Viewed

@@ -4,3 +4,8 @@
   font-weight: 600;
   line-height: 24px; /* 150% */
 }
+.pisell-input-textarea-read-pretty-table-view {
+  font-size: 14px;
+  font-weight: 400;
+}

package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.js CHANGED Viewed

@@ -34,9 +34,20 @@ __export(ReadPretty_exports, {
 module.exports = __toCommonJS(ReadPretty_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
 var import_ReadPretty = require("./ReadPretty.less");
 var { Link } = import_antd.Typography;
 var UrlReadPretty = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement(Link, { className: "pisell-url-read-pretty", href: props.value }, props.value);
+  const { value, renderMode } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    Link,
+    {
+      className: (0, import_classnames.default)("pisell-url-read-pretty", {
+        "pisell-url-read-pretty-table-view": renderMode === "tableView"
+      }),
+      href: value
+    },
+    value
+  );
 };
 var ReadPretty_default = UrlReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.less CHANGED Viewed

@@ -4,3 +4,8 @@
   font-weight: 600;
   line-height: 24px; /* 150% */
 }
+.pisell-url-read-pretty-table-view {
+  font-size: 14px;
+  font-weight: 400;
+}

package/lib/components/dataSourceComponents/fields/InputNumber/ReadPretty.js CHANGED Viewed

@@ -33,6 +33,7 @@ __export(ReadPretty_exports, {
 });
 module.exports = __toCommonJS(ReadPretty_exports);
 var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
 var import_utils = require("./utils");
 var import_ReadPretty = require("./ReadPretty.less");
 var ReadPretty = (props) => {
@@ -41,10 +42,14 @@ var ReadPretty = (props) => {
     useThousandsSeparator,
     previewFormatter,
     precision = 0,
-    addonAfter
+    addonAfter,
+    renderMode
   } = props;
+  const className = (0, import_classnames.default)("pisell-input-number-read-pretty", {
+    "pisell-input-number-read-pretty-table-view": renderMode === "tableView"
+  });
   if (!value && value !== 0) {
-    return /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-input-number-read-pretty" }, "-");
+    return /* @__PURE__ */ import_react.default.createElement("span", { className }, "-");
   }
   const formattedValue = (0, import_utils.formatNumberWithUnit)(
     Number(value),
@@ -54,8 +59,8 @@ var ReadPretty = (props) => {
   if (useThousandsSeparator && (!previewFormatter || previewFormatter === "none")) {
     const parts = formattedValue.split(".");
     parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-    return /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-input-number-read-pretty" }, parts.join("."), addonAfter);
+    return /* @__PURE__ */ import_react.default.createElement("span", { className }, parts.join("."), addonAfter);
   }
-  return /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-input-number-read-pretty" }, formattedValue, addonAfter);
+  return /* @__PURE__ */ import_react.default.createElement("span", { className }, formattedValue, addonAfter);
 };
 var ReadPretty_default = ReadPretty;

package/lib/components/dataSourceComponents/fields/InputNumber/ReadPretty.less CHANGED Viewed

@@ -4,3 +4,8 @@
   font-weight: 600;
   line-height: 24px; /* 150% */
 }
+.pisell-input-number-read-pretty-table-view {
+  font-size: 14px;
+  font-weight: 400;
+}

package/lib/components/dataSourceComponents/fields/Radio/ReadPretty.js CHANGED Viewed

@@ -39,9 +39,9 @@ var RadioReadPretty = (props) => {
   return (0, import_utils.renderValueWithMap)(value);
 };
 var RadioGroupReadPretty = (props) => {
-  const { value, options } = props;
+  const { value, options, renderMode } = props;
   const valueMap = (0, import_useValueMap.default)(options || []);
-  return (0, import_utils.renderValueWithMap)(value, valueMap);
+  return (0, import_utils.renderValueWithMap)(value, valueMap, renderMode);
 };
 RadioReadPretty.Group = RadioGroupReadPretty;
 var ReadPretty_default = RadioReadPretty;

package/lib/components/dataSourceComponents/fields/Select/ReadPretty.js CHANGED Viewed

@@ -35,8 +35,8 @@ module.exports = __toCommonJS(ReadPretty_exports);
 var import_utils = require("../../dataSourceForm/utils");
 var import_useValueMap = __toESM(require("../../hooks/useValueMap"));
 var SelectReadPretty = (props) => {
-  const { value, options } = props;
+  const { value, options, renderMode } = props;
   const valueMap = (0, import_useValueMap.default)(options || []);
-  return (0, import_utils.renderValueWithMap)(value, valueMap);
+  return (0, import_utils.renderValueWithMap)(value, valueMap, renderMode);
 };
 var ReadPretty_default = SelectReadPretty;

package/lib/components/dataSourceComponents/fields/TimePicker/ReadPretty.js CHANGED Viewed

@@ -33,9 +33,18 @@ __export(ReadPretty_exports, {
 });
 module.exports = __toCommonJS(ReadPretty_exports);
 var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
 var import_ReadPretty = require("./ReadPretty.less");
 var TimePickerReadPretty = (props) => {
-  const { value } = props;
-  return /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-picker-read-pretty" }, value);
+  const { value, renderMode } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      className: (0, import_classnames.default)("pisell-time-picker-read-pretty", {
+        "pisell-time-picker-read-pretty-table-view": renderMode === "tableView"
+      })
+    },
+    value
+  );
 };
 var ReadPretty_default = TimePickerReadPretty;

package/lib/components/dataSourceComponents/fields/TimePicker/ReadPretty.less CHANGED Viewed

@@ -4,3 +4,8 @@
   font-weight: 600;
   line-height: 24px; /* 150% */
 }
+.pisell-time-picker-read-pretty-table-view {
+  font-size: 14px;
+  font-weight: 400;
+}

package/lib/components/dataSourceComponents/fields/Upload/BaseUpload.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
 import { UploadProps } from './type';
 import './index.less';
-declare const BaseUpload: (props: UploadProps) => React.JSX.Element;
+declare const BaseUpload: React.FC<UploadProps>;
 export default BaseUpload;