@pisell/materials 1.0.492 → 1.0.493

package/es/components/dataSourceComponents/provider/dataSource/DataSourceContext.d.ts

@@ -89,6 +89,7 @@ export declare type DataSourceContextProps = {
         get?: boolean;
     };
     __id?: string;
+    __designMode?: string;
 };
 export interface DataSourceContextType {
     dataSource?: DataSourceType;
@@ -97,6 +98,7 @@ export interface DataSourceContextType {
     get: Result<any, any>;
     update: Result<any, any>;
     create: Result<any, any>;
+    __designMode?: string;
 }
 export declare const DataSourceContext: import("react").Context<DataSourceContextType>;
 export default DataSourceContext;

package/es/components/dataSourceComponents/provider/dataSource/DataSourceProvider.js

@@ -22,7 +22,8 @@ var DataSourceProvider = function DataSourceProvider(props) {
     currentValue = props.currentValue,
     externalActions = props.actions,
     overrideData = props.overrideData,
-    autoRun = props.autoRun;
+    autoRun = props.autoRun,
+    __designMode = props.__designMode;
   useSetRequest();
   var _useVariables = useVariables(),
     parseVariable = _useVariables.parseVariable;
@@ -31,7 +32,8 @@ var DataSourceProvider = function DataSourceProvider(props) {
   // 处理标准数据源
   var standardActions = useActions({
     dataSource: dataSource,
-    currentValue: currentValue
+    currentValue: currentValue,
+    __designMode: __designMode
   });
 
   // 使用外部Promise或标准actions
@@ -57,6 +59,7 @@ var DataSourceProvider = function DataSourceProvider(props) {
   });
   var value = useMemo(function () {
     return {
+      __designMode: __designMode,
       dataSource: dataSource,
       list: _objectSpread(_objectSpread({}, listResult), {}, {
         data: (overrideData === null || overrideData === void 0 ? void 0 : overrideData.list) || listResult.data
@@ -68,7 +71,7 @@ var DataSourceProvider = function DataSourceProvider(props) {
       update: updateResult,
       create: createResult
     };
-  }, [dataSource, listResult, destroyResult, getResult, updateResult, createResult, overrideData]);
+  }, [dataSource, listResult, destroyResult, getResult, updateResult, createResult, overrideData, __designMode]);
   return /*#__PURE__*/React.createElement(DataSourceContext.Provider, {
     value: value
   }, children);

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

@@ -21,7 +21,7 @@ export interface PisellWalletPassCardProps {
     /** 禁用原因 */
     disabledReason?: string;
     /** 是否展示禁用原因 */
-    showDisabledReason?: string;
+    showDisabledReason?: boolean;
     /** 封面图 */
     cover?: string;
     /** 余额标题文案 */

package/es/components/select/index.js

@@ -8,6 +8,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useCallback, useMemo, forwardRef, useState } from 'react';
 import { Checkbox, Divider, Select as OriginalSelect, Input } from 'antd';
 import { useControllableValue, useMemoizedFn } from 'ahooks';
+import classNames from 'classnames';
 import Iconfont from "../iconfont";
 import { getText } from "../../locales";
 import { withWrap } from "../../utils/hoc";
@@ -23,7 +24,8 @@ var SelectBase = /*#__PURE__*/forwardRef(function (props, ref) {
     showSearch = props.showSearch,
     styleType = props.styleType,
     _props$optionFilterPr = props.optionFilterProp,
-    optionFilterProp = _props$optionFilterPr === void 0 ? 'value' : _props$optionFilterPr;
+    optionFilterProp = _props$optionFilterPr === void 0 ? 'value' : _props$optionFilterPr,
+    popupClassName = props.popupClassName;
   var _useControllableValue = useControllableValue(props),
     _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
     state = _useControllableValue2[0],
@@ -98,7 +100,8 @@ var SelectBase = /*#__PURE__*/forwardRef(function (props, ref) {
       return setState(value, option);
     },
     dropdownRender: dropdownRender,
-    options: filteredOptions
+    options: filteredOptions,
+    popupClassName: classNames('pisell-base-select-dropdown', popupClassName)
   }));
 });
 var Select = withWrap(SelectBase);

package/es/components/select/index.less

@@ -9,3 +9,14 @@
     padding: 0 5px 5px;
   }
 }
+
+// 添加选项间距
+.pisell-base-select-dropdown {
+  .pisell-lowcode-select-item {
+    margin-bottom: 4px;
+    
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}

package/es/components/table/Tabs/index.js

@@ -1,3 +1,9 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React, { useCallback, useMemo } from 'react';
 import OriginTabs from "../../tabs";
 var Tabs = function Tabs(_ref) {
@@ -11,10 +17,10 @@ var Tabs = function Tabs(_ref) {
   // 转换成antd tabs需要的格式
   var tabItems = useMemo(function () {
     return items.map(function (item, index) {
-      return {
+      return _objectSpread(_objectSpread({}, item), {}, {
         key: String(index),
         label: item.name
-      };
+      });
     });
   }, [items]);
 

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

@@ -161,5 +161,6 @@ declare const _default: {
     'walletCard-discount': string;
     'pisellQrcode-done': string;
     'pisellQrcode-qrcode': string;
+    'pisell-design-mode-action-disabled': string;
 };
 export default _default;

package/es/locales/en-US.js

@@ -211,5 +211,6 @@ export default {
   'walletCard-discount': 'Discount',
   //PisellQrcode组件
   'pisellQrcode-done': 'Done',
-  'pisellQrcode-qrcode': 'QR code'
+  'pisellQrcode-qrcode': 'QR code',
+  'pisell-design-mode-action-disabled': 'This action cannot be performed in edit mode'
 };

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

@@ -161,5 +161,6 @@ declare const _default: {
     'walletCard-discount': string;
     'pisellQrcode-done': string;
     'pisellQrcode-qrcode': string;
+    'pisell-design-mode-action-disabled': string;
 };
 export default _default;

package/es/locales/zh-CN.js

@@ -210,5 +210,6 @@ export default {
   'walletCard-discount': '折扣卡',
   //PisellQrcode组件
   'pisellQrcode-done': '完成',
-  'pisellQrcode-qrcode': '二维码'
+  'pisellQrcode-qrcode': '二维码',
+  'pisell-design-mode-action-disabled': '编辑模式下不可执行此操作'
 };

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

@@ -161,5 +161,6 @@ declare const _default: {
     'walletCard-discount': string;
     'pisellQrcode-done': string;
     'pisellQrcode-qrcode': string;
+    'pisell-design-mode-action-disabled': string;
 };
 export default _default;

package/es/locales/zh-TW.js

@@ -211,5 +211,6 @@ export default {
   'walletCard-discount': '折扣卡',
   //PisellQrcode组件
   'pisellQrcode-done': '完成',
-  'pisellQrcode-qrcode': '二維碼'
+  'pisellQrcode-qrcode': '二維碼',
+  'pisell-design-mode-action-disabled': '編輯模式下不可執行此操作'
 };

package/lib/components/browserSelect/index.js

@@ -51,12 +51,12 @@ var BrowserSelect = (props) => {
       onChange == null ? void 0 : onChange(selectedOption.value, selectedOption);
     }
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "browser-select-wrapper", style: { ...style } }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-browser-select-wrapper", style: { ...style } }, /* @__PURE__ */ import_react.default.createElement(
     "select",
     {
       ...resetProps,
       value,
-      className: (0, import_classnames.default)("date-picker-pisell-browser-select", resetProps.className),
+      className: (0, import_classnames.default)("pisell-date-picker-pisell-browser-select", resetProps.className),
       onChange: handleChange
     },
     _options

package/lib/components/browserSelect/index.less

@@ -1,62 +1,64 @@
-.browser-select-wrapper {
+.pisell-browser-select-wrapper {
   position: relative;
   width: 100%;
   display: inline-block;
-}
 
-.browser-select-icon {
-  position: absolute;
-  right: 10px;
-  top: 50%;
-  transform: translateY(-50%);
-  color: #D0D5DD;
-  pointer-events: none;
-  font-size: 16px;
-}
+  .browser-select-icon {
+    position: absolute;
+    right: 10px;
+    top: 50%;
+    transform: translateY(-50%);
+    color: #D0D5DD;
+    pointer-events: none;
+    font-size: 16px;
+  }
 
-.date-picker-pisell-browser-select {
-  padding: 10px 16px;
-  padding-right: 30px;
-  border-radius: 8px;
-  background-color: #fff;
-  color: var(--Gray-true-900, #141414);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 600;
-  border: 1px solid var(--Gray-300, #D0D5DD);
-  cursor: pointer;
-  appearance: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  width: 100%;
+  .pisell-date-picker-pisell-browser-select {
+    padding: 10px 16px;
+    padding-right: 30px;
+    border-radius: 8px;
+    background-color: #fff;
+    color: var(--Gray-true-900, #141414);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    border: 1px solid var(--Gray-300, #D0D5DD);
+    cursor: pointer;
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    width: 100%;
 
-  &:hover {
-    border-color: var(--theme-color, #7F56D9);
-    & + .browser-select-icon {
-      color: var(--theme-color, #7F56D9);
+    &:hover {
+      border-color: var(--theme-color, #7F56D9);
+      & + .browser-select-icon {
+        color: var(--theme-color, #7F56D9);
+      }
     }
-  }
 
-  &:focus {
-    border-color: var(--theme-color, #7F56D9);
-    box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
-    outline: none;
-    & + .browser-select-icon {
-      color: var(--theme-color, #7F56D9);
+    &:focus {
+      border-color: var(--theme-color, #7F56D9);
+      box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
+      outline: none;
+      & + .browser-select-icon {
+        color: var(--theme-color, #7F56D9);
+      }
     }
-  }
 
-  &:active {
-    border-color: var(--theme-color, #7F56D9);
-  }
+    &:active {
+      border-color: var(--theme-color, #7F56D9);
+    }
 
-  &:disabled {
-    background-color: rgba(0, 0, 0, 0.04);
-    border-color: #d9d9d9;
-    cursor: not-allowed;
-    color: rgba(0, 0, 0, 0.25);
-    & + .browser-select-icon {
+    &:disabled {
+      background-color: rgba(0, 0, 0, 0.04);
+      border-color: #d9d9d9;
+      cursor: not-allowed;
       color: rgba(0, 0, 0, 0.25);
+      & + .browser-select-icon {
+        color: rgba(0, 0, 0, 0.25);
+      }
     }
   }
+
 }
+

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

@@ -39,8 +39,16 @@ var import_BaseForm = __toESM(require("./BaseForm"));
 var import_index = require("./index.less");
 var DataSourceForm = (0, import_react.forwardRef)(
   (props, ref) => {
-    const { dataSource, currentValue } = props;
-    return /* @__PURE__ */ import_react.default.createElement(import_DataSourceProvider.default, { dataSource, currentValue }, /* @__PURE__ */ import_react.default.createElement(import_BaseForm.default, { ...props, ref }));
+    const { dataSource, currentValue, __designMode } = props;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_DataSourceProvider.default,
+      {
+        dataSource,
+        currentValue,
+        __designMode
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_BaseForm.default, { ...props, ref })
+    );
   }
 );
 DataSourceForm.List = import_form.default.List;

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

@@ -1,5 +1,14 @@
 .pisell-lowcode-form-vertical {
-    .pisell-data-source-form-item .pisell-lowcode-form-item-label>label {
-        height: auto;
-    }
+  .pisell-data-source-form-item .pisell-lowcode-form-item-label > label {
+    height: auto;
+  }
+}
+
+.pisell-form-read-pretty {
+  &-value {
+    color: var(--Gray-900, #101828);
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px; /* 150% */
+  }
 }

package/lib/components/dataSourceComponents/dataSourceForm/submitButton/index.d.ts

@@ -4,6 +4,7 @@ import './index.less';
 export interface SubmitButtonProps extends ButtonProps {
     status: 'normal' | 'disabled' | 'hidden';
     children: React.ReactNode;
+    childrenString?: string;
     confirmConfig?: {
         enable: boolean;
         title: string;

package/lib/components/dataSourceComponents/dataSourceForm/submitButton/index.js

@@ -51,8 +51,11 @@ var SubmitButton = (props) => {
     refreshData,
     afterSubmitType,
     afterSubmitModalConfig,
-    afterSubmitNotificationConfig
+    afterSubmitNotificationConfig,
+    childrenString
   } = props;
+  console.log(props, "propsprops");
+  console.log(childrenString, "childrenchildren");
   const [loading, setLoading] = (0, import_react.useState)(false);
   const [api, contextHolder] = import_antd.notification.useNotification();
   const form = import_antd.Form.useFormInstance();
@@ -153,7 +156,7 @@ var SubmitButton = (props) => {
       onClick: onSubmitClick,
       disabled: isDisabled
     },
-    children
+    childrenString
   ), contextHolder));
 };
 var submitButton_default = SubmitButton;

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

@@ -14,4 +14,5 @@ export interface DataSourceFormProps {
     children: React.ReactNode;
     className?: string;
     size?: 'small' | 'middle' | 'large';
+    __designMode?: string;
 }

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

@@ -42,7 +42,6 @@ __export(utils_exports, {
 module.exports = __toCommonJS(utils_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
-var import_antd = require("antd");
 var import_libphonenumber_js = require("libphonenumber-js");
 var import_locales = require("../../../locales");
 var import_form = __toESM(require("../../form"));
@@ -298,9 +297,9 @@ var getNestedValue = (obj, path) => {
 };
 var renderValueWithMap = (value, valueMap) => {
   if ((0, import_utils.isArr)(value)) {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, value.map((item) => /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { key: item }, valueMap == null ? void 0 : valueMap[item])));
+    return /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-form-read-pretty-text" }, value.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { key: item, className: "pisell-form-read-pretty-value" }, valueMap == null ? void 0 : valueMap[item]), index < value.length - 1 && ",")));
   } else if ((0, import_utils.isString)(value)) {
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, null, (valueMap == null ? void 0 : valueMap[value]) || value);
+    return /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-form-read-pretty-text" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-form-read-pretty-value" }, (valueMap == null ? void 0 : valueMap[value]) || value));
   }
   return null;
 };

package/lib/components/dataSourceComponents/dataSourceTable/filter/utils.js

@@ -50,19 +50,20 @@ var genGetField = (dataSource) => {
   };
 };
 var fieldType2FilterMap = {
-  Checkbox: "Select",
-  ColorPicker: "Input",
-  DatePicker: "DateRangePicker",
-  Input: "Input",
-  Radio: "Select",
-  Select: "Select",
-  Percent: "Percent",
-  InputNumber: "Input",
-  "Input.JSON": "Input",
-  "Input.URL": "Input",
-  "Input.Password": "Input",
-  "Radio.Group": "Select",
-  "Checkbox.Group": "Select"
+  Checkbox: "FormItemSelect",
+  ColorPicker: "FormItemInput",
+  DatePicker: "FormItemDateRangePicker",
+  Input: "FormItemInput",
+  Radio: "FormItemSelect",
+  Select: "FormItemSelect",
+  Percent: "FormItemPercent",
+  InputNumber: "FormItemInputNumber",
+  "Input.JSON": "FormItemInput",
+  "Input.Email": "FormItemInput",
+  "Input.URL": "FormItemInput",
+  "Input.Password": "FormItemInput",
+  "Radio.Group": "FormItemSelect",
+  "Checkbox.Group": "FormItemSelect"
 };
 var getCptProps = (field, cptType, item) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.js

@@ -102,8 +102,9 @@ var useTableProps = (props) => {
         currentRecord: record
       });
       setTimeout(async () => {
-        await (destroy == null ? void 0 : destroy.run(record.id));
-        refreshData();
+        destroy == null ? void 0 : destroy.runAsync(record.id).then(() => {
+          refreshData();
+        });
       });
     } catch (error) {
       console.error(error);

package/lib/components/dataSourceComponents/dataSourceTable/index.d.ts

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

package/lib/components/dataSourceComponents/dataSourceTable/index.js

@@ -37,7 +37,7 @@ var import_BaseTable = __toESM(require("./BaseTable"));
 var import_DataSourceProvider = __toESM(require("../provider/dataSource/DataSourceProvider"));
 var import_index = require("./index.less");
 var DataSourceTable = (props) => {
-  const { dataSource } = props;
-  return /* @__PURE__ */ import_react.default.createElement(import_DataSourceProvider.default, { dataSource }, /* @__PURE__ */ import_react.default.createElement(import_BaseTable.default, { ...props }));
+  const { dataSource, __designMode } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_DataSourceProvider.default, { dataSource, __designMode }, /* @__PURE__ */ import_react.default.createElement(import_BaseTable.default, { ...props }));
 };
 var dataSourceTable_default = DataSourceTable;

package/lib/components/dataSourceComponents/dataSourceWrapper/index.js

@@ -36,7 +36,15 @@ var import_react = __toESM(require("react"));
 var import_DataSourceProvider = __toESM(require("../provider/dataSource/DataSourceProvider"));
 var import_BaseWrapper = __toESM(require("./BaseWrapper"));
 var DataSourceWrapper = (props) => {
-  const { children, dataSource, overrideData, autoRun, actions, currentValue } = props;
+  const {
+    children,
+    dataSource,
+    overrideData,
+    autoRun,
+    actions,
+    currentValue,
+    __designMode
+  } = props;
   return /* @__PURE__ */ import_react.default.createElement(
     import_DataSourceProvider.default,
     {
@@ -44,7 +52,8 @@ var DataSourceWrapper = (props) => {
       overrideData,
       actions,
       autoRun,
-      currentValue
+      currentValue,
+      __designMode
     },
     /* @__PURE__ */ import_react.default.createElement(import_BaseWrapper.default, { ...props }, children)
   );

package/lib/components/dataSourceComponents/fields/Checkbox/ReadPretty.js

@@ -33,13 +33,22 @@ __export(ReadPretty_exports, {
 });
 module.exports = __toCommonJS(ReadPretty_exports);
 var import_react = __toESM(require("react"));
-var import_icons = require("@ant-design/icons");
 var import_useValueMap = __toESM(require("../../hooks/useValueMap"));
 var import_utils = require("../../dataSourceForm/utils");
 var import_ReadPretty = require("./ReadPretty.less");
+var import_iconfont = __toESM(require("../../../iconfont"));
 var CheckboxReadPretty = (props) => {
   const { value } = props;
-  return value ? /* @__PURE__ */ import_react.default.createElement(import_icons.CheckOutlined, { style: { color: "rgb(82, 196, 26)" } }) : null;
+  return value ? /* @__PURE__ */ import_react.default.createElement(
+    import_iconfont.default,
+    {
+      type: "pisell2-check",
+      style: {
+        color: "var(--theme-color)",
+        fontSize: 20
+      }
+    }
+  ) : null;
 };
 var CheckboxGroupReadPretty = (props) => {
   const { value, options } = props;

package/lib/components/dataSourceComponents/fields/Upload/BaseUpload.js

@@ -328,7 +328,8 @@ var BaseUpload = (props) => {
         };
       },
       headers: getHeaders == null ? void 0 : getHeaders(),
-      beforeUpload
+      beforeUpload,
+      className: "pisell-data-source-upload"
     },
     fileList.length >= calcMaxCount ? null : uploadButton
   ), previewImage && /* @__PURE__ */ import_react.default.createElement(

package/lib/components/dataSourceComponents/fields/Upload/ReadPretty.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { UploadProps } from './type';
-declare const UploadReadPretty: (props: UploadProps) => React.JSX.Element;
+import './ReadPretty.less';
+declare const UploadReadPretty: (props: UploadProps) => React.JSX.Element | null;
 export default UploadReadPretty;

package/lib/components/dataSourceComponents/fields/Upload/ReadPretty.js

@@ -34,7 +34,21 @@ __export(ReadPretty_exports, {
 module.exports = __toCommonJS(ReadPretty_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
+var import_fallback = __toESM(require("./fallback.png"));
+var import_ReadPretty = require("./ReadPretty.less");
 var UploadReadPretty = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Image, { src: props.value });
+  if (!props.value) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Image,
+    {
+      className: "pisell-upload-read-pretty",
+      src: props == null ? void 0 : props.value,
+      width: 100,
+      height: 100,
+      fallback: import_fallback.default
+    }
+  );
 };
 var ReadPretty_default = UploadReadPretty;

package/lib/components/dataSourceComponents/fields/Upload/ReadPretty.less

@@ -0,0 +1,8 @@
+.pisell-upload-read-pretty {
+  display: flex;
+  width: 100px;
+  height: 100px;
+  padding: 10px;
+  border-radius: 10px;
+  border: 1px solid var(--Gray-300, #d0d5dd);
+}

package/lib/components/dataSourceComponents/fields/Upload/index.less

@@ -11,3 +11,12 @@
   //   opacity: 0.4;
   // }
 }
+.pisell-data-source-upload {
+  .pisell-lowcode-upload-list-item-container {
+    .pisell-lowcode-upload-list-item-action {
+      &:hover {
+        background: none;
+      }
+    }
+  }
+}

package/lib/components/dataSourceComponents/fields/index.d.ts

@@ -32,6 +32,7 @@ declare const formFieldMap: {
     FormItemPercent: import("react").FC<any>;
     FormItemTimePicker: import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     'FormItemInput.JSON': import("react").FC<any>;
+    'FormItemInput.Email': import("react").FC<import("antd").InputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     'FormItemInput.URL': import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     'FormItemInput.Password': import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     'FormItemRadio.Group': import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -43,7 +44,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
+}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
     JSON: import("react").FC<any>;
     Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;

package/lib/components/dataSourceComponents/fields/index.js

@@ -54,6 +54,7 @@ var formFieldMap = {
   FormItemPercent: import_InputNumber.default,
   FormItemTimePicker: import_TimePicker.default,
   "FormItemInput.JSON": import_Input.default.JSON,
+  "FormItemInput.Email": import_Input.default.Email,
   "FormItemInput.URL": import_Input.default.URL,
   "FormItemInput.Password": import_Input.default.Password,
   "FormItemRadio.Group": import_Radio.default.Group,