@pisell/materials 1.0.472 → 1.0.474

package/es/components/typography/index.d.ts

@@ -1,2 +1,2 @@
-import { Typography as AntTypography } from "antd";
-export default AntTypography;
+declare const Typography: import("antd").TypographyProps;
+export default Typography;

package/es/components/typography/index.js

@@ -62,6 +62,7 @@ var Title = function Title(props) {
   }, [pcIsEllipsis, padIsEllipsis, mobileIsEllipsis, ellipsis, responsive]);
   return /*#__PURE__*/React.createElement(AntTitle, _extends({}, others, ellipsisObj));
 };
-AntTypography.Paragraph = Paragraph;
-AntTypography.Title = Title;
-export default AntTypography;
+var Typography = AntTypography;
+Typography.Paragraph = Paragraph;
+Typography.Title = Title;
+export default Typography;

package/es/components/walletCard/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import './index.less';
 interface WalletCardProps {
+    platform: 'pc' | 'h5' | 'ipad';
     mode?: 'dark' | 'light';
     cardStyle?: 'normal' | 'full';
     codeType?: 'one' | 'two';
@@ -17,10 +18,11 @@ interface WalletCardProps {
     coupon?: boolean;
     vouCher?: boolean;
     discountCard?: boolean;
-    pointsValue: number;
-    balanceValue: number;
-    couponValue: number;
-    vouCherValue: number;
+    pointsValue?: number;
+    balanceValue?: number;
+    couponValue?: number;
+    vouCherValue?: number;
+    discountCardValue?: number;
 }
 declare const WalletCard: (props: WalletCardProps) => React.JSX.Element;
 export default WalletCard;

package/es/components/walletCard/index.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useState } from 'react';
-import { Card, Flex, Modal, QRCode } from 'antd';
+import { Card, Flex, QRCode } from 'antd';
 import cfg from "./../../../../../application/admin/src/configs";
 import Iconfont from "./../iconfont";
 import useEngineContext from "../../hooks/useEngineContext";
@@ -38,6 +38,8 @@ var WalletCard = function WalletCard(props) {
     vouCherValue = _props$vouCherValue === void 0 ? 0 : _props$vouCherValue,
     _props$couponValue = props.couponValue,
     couponValue = _props$couponValue === void 0 ? 0 : _props$couponValue,
+    _props$discountCardVa = props.discountCardValue,
+    discountCardValue = _props$discountCardVa === void 0 ? 0 : _props$discountCardVa,
     _props$cardNo = props.cardNo,
     cardNo = _props$cardNo === void 0 ? '' : _props$cardNo,
     _props$isShowCardNo = props.isShowCardNo,
@@ -55,7 +57,8 @@ var WalletCard = function WalletCard(props) {
     _props$vouCher = props.vouCher,
     vouCher = _props$vouCher === void 0 ? true : _props$vouCher,
     _props$discountCard = props.discountCard,
-    discountCard = _props$discountCard === void 0 ? true : _props$discountCard; // 裁剪形状
+    discountCard = _props$discountCard === void 0 ? true : _props$discountCard,
+    platform = props.platform; // 裁剪形状
   var context = useEngineContext();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -79,6 +82,20 @@ var WalletCard = function WalletCard(props) {
       bordered: false
     }));
   };
+  var modalProps = {
+    title: 'QR code',
+    platform: platform,
+    onCancel: function onCancel() {
+      return setIsModalOpen(false);
+    },
+    open: isModalOpen,
+    footer: null,
+    mobileModalHeight: 'auto',
+    className: classNames('pisell-qrcode-modal'),
+    bodyStyle: {
+      padding: 0
+    }
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card, {
     className: classNames('pisell-wallet-card-wrapper')
   }, /*#__PURE__*/React.createElement(Flex, {
@@ -135,27 +152,29 @@ var WalletCard = function WalletCard(props) {
     className: "pisell-card-amount-item-value",
     useThousandsSeparator: true,
     value: balanceValue
-  }))), coupon && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "Coupon"), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Amount, {
+  }))), discountCard && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "Discount card"), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Amount, {
     className: "pisell-card-amount-item-value",
     useThousandsSeparator: true,
-    value: couponValue
+    value: discountCardValue
   }))), vouCher && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "VouCher"), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Amount, {
     className: "pisell-card-amount-item-value",
     useThousandsSeparator: true,
     value: vouCherValue
-  })))), /*#__PURE__*/React.createElement(Flex, {
-    className: classNames('pisell-wallet-card-row')
-  }, discountCard && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "Discount card"), /*#__PURE__*/React.createElement("p", null, 0))))), showCode && cardStyle === 'full' && /*#__PURE__*/React.createElement("div", {
+  })))))), showCode && cardStyle === 'full' && /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-wallet-card-showCode')
-  }, codeRender()))), /*#__PURE__*/React.createElement(Modal, {
-    open: isModalOpen,
-    onCancel: function onCancel() {
-      return setIsModalOpen(false);
-    },
+  }, codeRender()))), /*#__PURE__*/React.createElement(PisellModal, modalProps, /*#__PURE__*/React.createElement(QRCode, {
+    size: 200,
+    value: value,
     style: {
-      bottom: 0
+      marginTop: 24
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    className: classNames('pisell-qrcode-modal-value')
+  }, value), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return setIsModalOpen(false);
     },
-    footer: null
-  }, codeRender()));
+    className: classNames('pisell-qrcode-modal-button')
+  }, "Done")));
 };
 export default WalletCard;

package/es/index.d.ts

@@ -136,3 +136,7 @@ export { default as FormItemRadio } from './components/dataSourceComponents/fiel
 export { default as FormItemSelect } from './components/dataSourceComponents/fields/Select';
 export { default as FormItemTimePicker } from './components/dataSourceComponents/fields/TimePicker';
 export { default as DataSourceTable } from './components/dataSourceComponents/dataSourceTable';
+export { default as DataSourceWrapper } from './components/dataSourceComponents/dataSourceWrapper';
+export { default as DataSourceTypography } from './components/dataSourceComponents/dataSourceShow/dataSourceTypography';
+export { default as DataSourceImage } from './components/dataSourceComponents/dataSourceShow/dataSourceImage';
+export { default as DataSourceQRCode } from './components/dataSourceComponents/dataSourceShow/dataSourceQRCode';

package/es/index.js

@@ -162,4 +162,8 @@ export { default as FormItemInputNumber } from "./components/dataSourceComponent
 export { default as FormItemRadio } from "./components/dataSourceComponents/fields/Radio";
 export { default as FormItemSelect } from "./components/dataSourceComponents/fields/Select";
 export { default as FormItemTimePicker } from "./components/dataSourceComponents/fields/TimePicker";
-export { default as DataSourceTable } from "./components/dataSourceComponents/dataSourceTable";
+export { default as DataSourceTable } from "./components/dataSourceComponents/dataSourceTable";
+export { default as DataSourceWrapper } from "./components/dataSourceComponents/dataSourceWrapper";
+export { default as DataSourceTypography } from "./components/dataSourceComponents/dataSourceShow/dataSourceTypography";
+export { default as DataSourceImage } from "./components/dataSourceComponents/dataSourceShow/dataSourceImage";
+export { default as DataSourceQRCode } from "./components/dataSourceComponents/dataSourceShow/dataSourceQRCode";

package/es/locales/en-US.d.ts

@@ -133,5 +133,12 @@ declare const _default: {
     'pisell-data-source-table-delete': string;
     'pisell-record-view-available': string;
     'pisell-record-view-unavailable': string;
+    'pisell-data-source-form-required-message': string;
+    'pisell-data-source-form-email-message': string;
+    'pisell-data-source-form-phone-message': string;
+    'pisell-data-source-form-min-length-message': (minLength: number) => string;
+    'pisell-data-source-form-max-length-message': (maxLength: number) => string;
+    'pisell-data-source-form-min-value-message': (minValue: number) => string;
+    'pisell-data-source-form-max-value-message': (maxValue: number) => string;
 };
 export default _default;

package/es/locales/en-US.js

@@ -161,5 +161,20 @@ export default {
   'pisell-data-source-table-delete': 'Delete',
   // recordView组件
   'pisell-record-view-available': 'Available',
-  'pisell-record-view-unavailable': 'No available'
+  'pisell-record-view-unavailable': 'No available',
+  'pisell-data-source-form-required-message': 'This field is required',
+  'pisell-data-source-form-email-message': 'Please enter a valid email address',
+  'pisell-data-source-form-phone-message': 'Please enter a valid phone number',
+  'pisell-data-source-form-min-length-message': function pisellDataSourceFormMinLengthMessage(minLength) {
+    return "Length must be at least ".concat(minLength, " character");
+  },
+  'pisell-data-source-form-max-length-message': function pisellDataSourceFormMaxLengthMessage(maxLength) {
+    return "Length must be at most ".concat(maxLength, " character");
+  },
+  'pisell-data-source-form-min-value-message': function pisellDataSourceFormMinValueMessage(minValue) {
+    return "Value must be greater than or equal to ".concat(minValue);
+  },
+  'pisell-data-source-form-max-value-message': function pisellDataSourceFormMaxValueMessage(maxValue) {
+    return "Value must be less than or equal to ".concat(maxValue);
+  }
 };

package/es/locales/zh-CN.d.ts

@@ -133,5 +133,12 @@ declare const _default: {
     'pisell-data-source-table-delete': string;
     'pisell-record-view-available': string;
     'pisell-record-view-unavailable': string;
+    'pisell-data-source-form-required-message': string;
+    'pisell-data-source-form-email-message': string;
+    'pisell-data-source-form-phone-message': string;
+    'pisell-data-source-form-min-length-message': (minLength: number) => string;
+    'pisell-data-source-form-max-length-message': (maxLength: number) => string;
+    'pisell-data-source-form-min-value-message': (minValue: number) => string;
+    'pisell-data-source-form-max-value-message': (maxValue: number) => string;
 };
 export default _default;

package/es/locales/zh-CN.js

@@ -160,5 +160,20 @@ export default {
   'pisell-data-source-table-delete': '删除',
   // recordView组件
   'pisell-record-view-available': '可用',
-  'pisell-record-view-unavailable': '不可用'
+  'pisell-record-view-unavailable': '不可用',
+  'pisell-data-source-form-required-message': '该字段为必填项',
+  'pisell-data-source-form-email-message': '请输入有效的电子邮件地址',
+  'pisell-data-source-form-phone-message': '请输入有效的电话号码',
+  'pisell-data-source-form-min-length-message': function pisellDataSourceFormMinLengthMessage(minLength) {
+    return "\u957F\u5EA6\u5FC5\u987B\u81F3\u5C11\u4E3A".concat(minLength, "\u4E2A\u5B57\u7B26");
+  },
+  'pisell-data-source-form-max-length-message': function pisellDataSourceFormMaxLengthMessage(maxLength) {
+    return "\u957F\u5EA6\u5FC5\u987B\u6700\u591A\u4E3A".concat(maxLength, "\u4E2A\u5B57\u7B26");
+  },
+  'pisell-data-source-form-min-value-message': function pisellDataSourceFormMinValueMessage(minValue) {
+    return "\u503C\u5FC5\u987B\u5927\u4E8E\u6216\u7B49\u4E8E".concat(minValue);
+  },
+  'pisell-data-source-form-max-value-message': function pisellDataSourceFormMaxValueMessage(maxValue) {
+    return "\u503C\u5FC5\u987B\u5C0F\u4E8E\u6216\u7B49\u4E8E".concat(maxValue);
+  }
 };

package/es/locales/zh-TW.d.ts

@@ -133,5 +133,12 @@ declare const _default: {
     'pisell-data-source-table-delete': string;
     'pisell-record-view-available': string;
     'pisell-record-view-unavailable': string;
+    'pisell-data-source-form-required-message': string;
+    'pisell-data-source-form-email-message': string;
+    'pisell-data-source-form-phone-message': string;
+    'pisell-data-source-form-min-length-message': (minLength: number) => string;
+    'pisell-data-source-form-max-length-message': (maxLength: number) => string;
+    'pisell-data-source-form-min-value-message': (minValue: number) => string;
+    'pisell-data-source-form-max-value-message': (maxValue: number) => string;
 };
 export default _default;

package/es/locales/zh-TW.js

@@ -161,5 +161,20 @@ export default {
   'pisell-data-source-table-delete': '刪除',
   // recordView组件
   'pisell-record-view-available': '可用',
-  'pisell-record-view-unavailable': '不可用'
+  'pisell-record-view-unavailable': '不可用',
+  'pisell-data-source-form-required-message': '該字段為必填項',
+  'pisell-data-source-form-email-message': '請輸入有效的電子郵件地址',
+  'pisell-data-source-form-phone-message': '請輸入有效的電話號碼',
+  'pisell-data-source-form-min-length-message': function pisellDataSourceFormMinLengthMessage(minLength) {
+    return "\u9577\u5EA6\u5FC5\u9808\u81F3\u5C11\u70BA".concat(minLength, "\u4E2A\u5B57\u7B26");
+  },
+  'pisell-data-source-form-max-length-message': function pisellDataSourceFormMaxLengthMessage(maxLength) {
+    return "\u9577\u5EA6\u5FC5\u9808\u6700\u591A\u70BA".concat(maxLength, "\u4E2A\u5B57\u7B26");
+  },
+  'pisell-data-source-form-min-value-message': function pisellDataSourceFormMinValueMessage(minValue) {
+    return "\u503C\u5FC5\u9808\u5927\u65BC\u6216\u7B49\u65BC".concat(minValue);
+  },
+  'pisell-data-source-form-max-value-message': function pisellDataSourceFormMaxValueMessage(maxValue) {
+    return "\u503C\u5FC5\u9808\u5C0F\u65BC\u6216\u7B49\u65BC".concat(maxValue);
+  }
 };

package/lib/components/cardMetricItem/index.less

@@ -3,6 +3,7 @@
   padding: 24px;
   border: 1px solid var(--Gray-200, #eaecf0);
   border-radius: 12px;
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
 
   &.pc {
     width: fit-content;

package/lib/components/dataSourceComponents/dataSourceForm/index.less

@@ -1,5 +1,5 @@
 .pisell-lowcode-data-source-form {
-  padding: 20px;
+  
 }
 
 .pisell-lowcode-data-source-form-header {

package/lib/components/dataSourceComponents/dataSourceForm/serve.d.ts

@@ -128,6 +128,7 @@ export declare const updateNocobaseData: (params: {
     key: string;
     id: string;
     data: any;
+    headers?: any;
 }) => Promise<any>;
 /**
  * 获取nocobase数据列表

package/lib/components/dataSourceComponents/dataSourceForm/serve.js

@@ -104,9 +104,10 @@ var customApi = async (url, data, options) => {
   return import_utils.request.getRequest()[requestMethod](requestUrl, requestData, { headers: requestHeaders, isCustomApi: true });
 };
 var updateNocobaseData = async (params) => {
-  const { key, id, data } = params;
+  const { key, id, data, headers } = params;
   return import_utils.request.getRequest().post(`/${key}:update?filterByTk=${id}`, data, {
-    isNocobase: true
+    isNocobase: true,
+    headers
   });
 };
 var getNocobaseDataList = async (allParams) => {

package/lib/components/dataSourceComponents/dataSourceForm/utils.d.ts

@@ -31,13 +31,13 @@ export declare const formItemNameReverse: (name: string) => string;
  * @Author: shengjie.zuo
  * @Date: 2024-11-23 17:14:25
  */
-export declare const withFormItem: <P extends object>(WrappedComponent: React.ComponentType<P>) => React.FC<P & WithFormItemProps>;
+export declare const withFormItem: <P extends object>(WrappedComponent: React.ComponentType<P>, otherFormItemProps?: Record<string, any>) => React.FC<P & WithFormItemProps>;
 export declare const withDataSource: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     dataSource?: any;
 }) => React.JSX.Element;
 export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     options?: any;
-    optionSourceType?: string | undefined;
+    optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
 }) => React.JSX.Element;

package/lib/components/dataSourceComponents/dataSourceForm/utils.js

@@ -43,6 +43,7 @@ module.exports = __toCommonJS(utils_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import_antd = require("antd");
+var import_locales = require("../../../locales");
 var import_form = __toESM(require("../../form"));
 var import_useDataSource = __toESM(require("../hooks/useDataSource"));
 var import_useFormSetting = __toESM(require("./provider/hooks/useFormSetting"));
@@ -81,7 +82,7 @@ var formItemNameReplace = (name) => {
 var formItemNameReverse = (name) => {
   return name.replace(new RegExp(FORM_ITEM_SPLIT_CHAR, "g"), ".");
 };
-var withFormItem = (WrappedComponent) => {
+var withFormItem = (WrappedComponent, otherFormItemProps) => {
   return ({
     name: propsName,
     label: propsLabel,
@@ -100,7 +101,10 @@ var withFormItem = (WrappedComponent) => {
     getValueProps,
     validator,
     style,
+    validateTrigger,
     __designMode,
+    labelCol,
+    innerStyle,
     ...otherProps
   }) => {
     var _a;
@@ -112,30 +116,70 @@ var withFormItem = (WrappedComponent) => {
     const label = propsLabel || ((_a = field == null ? void 0 : field.uiSchema) == null ? void 0 : _a.title) || propsName;
     const effectiveMode = propsMode || globalMode;
     const renderComponent = (0, import_react.useMemo)(() => {
-      return /* @__PURE__ */ import_react.default.createElement(WrappedComponent, { ...otherProps, renderMode: effectiveMode });
-    }, [effectiveMode, otherProps]);
+      return /* @__PURE__ */ import_react.default.createElement(
+        WrappedComponent,
+        {
+          ...otherProps,
+          mode: propsMode,
+          renderMode: effectiveMode,
+          style: {
+            ...(otherFormItemProps == null ? void 0 : otherFormItemProps.innerStyle) || {},
+            ...innerStyle
+          }
+        }
+      );
+    }, [effectiveMode, otherProps, propsMode, innerStyle, otherFormItemProps == null ? void 0 : otherFormItemProps.innerStyle]);
     const isDesignMode = __designMode === "design";
     const isHidden = effectiveMode === "hidden";
     const name = (0, import_utils.isString)(propsName) && propsName.includes(".") ? [propsName] : propsName;
     const concatName = name !== void 0 ? [...prefixPath, ...toArr(name)] : void 0;
     const rules = [];
     if (requiredobj && requiredobj.required) {
-      rules.push(requiredobj);
+      rules.push({
+        ...requiredobj,
+        message: requiredobj.message || (0, import_locales.getText)("pisell-data-source-form-required-message")
+      });
     }
     if (typeobj && typeobj.enabled) {
-      rules.push(typeobj);
+      if (typeobj.type === "email") {
+        rules.push({
+          ...typeobj,
+          message: typeobj.message || (0, import_locales.getText)("pisell-data-source-form-email-message")
+        });
+      } else {
+        rules.push({
+          ...typeobj,
+          message: typeobj.message || (0, import_locales.getText)("pisell-data-source-form-type-message")(typeobj == null ? void 0 : typeobj.type)
+        });
+      }
     }
     if (maxLengthobj && maxLengthobj.enabled) {
-      rules.push(maxLengthobj);
+      rules.push({
+        ...maxLengthobj,
+        message: maxLengthobj.message || (0, import_locales.getText)("pisell-data-source-form-max-length-message")(
+          maxLengthobj == null ? void 0 : maxLengthobj.max
+        )
+      });
     }
     if (minLengthobj && minLengthobj.enabled) {
-      rules.push(minLengthobj);
+      rules.push({
+        ...minLengthobj,
+        message: minLengthobj.message || (0, import_locales.getText)("pisell-data-source-form-min-length-message")(
+          minLengthobj == null ? void 0 : minLengthobj.min
+        )
+      });
     }
     if (maxobj && maxobj.enabled) {
-      rules.push(maxobj);
+      rules.push({
+        ...maxobj,
+        message: maxobj.message || (0, import_locales.getText)("pisell-data-source-form-max-value-message")(maxobj == null ? void 0 : maxobj.max)
+      });
     }
     if (minobj && minobj.enabled) {
-      rules.push(minobj);
+      rules.push({
+        ...minobj,
+        message: minobj.message || (0, import_locales.getText)("pisell-data-source-form-min-value-message")(minobj == null ? void 0 : minobj.min)
+      });
     }
     return /* @__PURE__ */ import_react.default.createElement(
       import_form.default.Item,
@@ -155,7 +199,10 @@ var withFormItem = (WrappedComponent) => {
         rules,
         normalize,
         getValueProps,
-        validator
+        validator,
+        validateTrigger,
+        labelCol,
+        ...otherFormItemProps
       },
       renderComponent
     );
@@ -195,7 +242,7 @@ var withOptions = (WrappedComponent) => {
         value: item[valueField]
       }))) || [];
     }, [propsOptions, optionSourceType, (_a = list == null ? void 0 : list.data) == null ? void 0 : _a.data]);
-    return /* @__PURE__ */ import_react.default.createElement(import_DataSourceProvider.default, { dataSource: options }, /* @__PURE__ */ import_react.default.createElement(WrappedComponent, { ...props, options }));
+    return /* @__PURE__ */ import_react.default.createElement(WrappedComponent, { ...props, options });
   };
 };
 var getNestedValue = (obj, path) => {

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DataSourceImage: (props: import("../utils").ParsedProps) => React.JSX.Element;
+export default DataSourceImage;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.js

@@ -0,0 +1,38 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.tsx
+var dataSourceImage_exports = {};
+__export(dataSourceImage_exports, {
+  default: () => dataSourceImage_default
+});
+module.exports = __toCommonJS(dataSourceImage_exports);
+var import_antd = require("antd");
+var import_utils = __toESM(require("../utils"));
+var DataSourceImage = (0, import_utils.default)(import_antd.Image, ["src"]);
+var dataSourceImage_default = DataSourceImage;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const DataSourceQRCode: (props: any) => import("react").JSX.Element;
+export default DataSourceQRCode;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.js

@@ -0,0 +1,38 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.tsx
+var dataSourceQRCode_exports = {};
+__export(dataSourceQRCode_exports, {
+  default: () => dataSourceQRCode_default
+});
+module.exports = __toCommonJS(dataSourceQRCode_exports);
+var import_qrcode = __toESM(require("../../../qrcode"));
+var import_utils = __toESM(require("../utils"));
+var DataSourceQRCode = (0, import_utils.default)(import_qrcode.default, ["value"]);
+var dataSourceQRCode_default = DataSourceQRCode;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceTypography/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface DataSourceTypographyProps {
+    dataSourceKey: string;
+    children: React.ReactNode;
+}
+declare const DataSourceTypography: {
+    (props: DataSourceTypographyProps): React.JSX.Element;
+    Text: (props: import("../utils").ParsedProps) => React.JSX.Element;
+};
+export default DataSourceTypography;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceTypography/index.js

@@ -0,0 +1,44 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/dataSourceShow/dataSourceTypography/index.tsx
+var dataSourceTypography_exports = {};
+__export(dataSourceTypography_exports, {
+  default: () => dataSourceTypography_default
+});
+module.exports = __toCommonJS(dataSourceTypography_exports);
+var import_react = __toESM(require("react"));
+var import_typography = __toESM(require("../../../typography"));
+var import_utils = __toESM(require("../utils"));
+var DataSourceTypography = (props) => {
+  const { children, dataSourceKey, ...rest } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_typography.default, { ...rest }, children);
+};
+var Text = (0, import_utils.default)(import_typography.default.Text, ["children"]);
+DataSourceTypography.Text = Text;
+var dataSourceTypography_default = DataSourceTypography;

package/lib/components/dataSourceComponents/dataSourceShow/utils.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ParsedProps {
+    [key: string]: unknown;
+}
+declare const withParseVariables: <P extends ParsedProps>(Component: React.ComponentType<P>, keys: string[]) => (props: P) => React.JSX.Element;
+export default withParseVariables;