@pisell/materials 1.0.483 → 1.0.485

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

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 declare const formFieldMap: {
-    Checkbox: import("react").FC<{}> & {
+    FormItemCheckbox: 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>;
     };
-    ColorPicker: import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-    DatePicker: import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps>;
-    Input: import("react").FC<import("./Input/type").InputProps> & {
+    FormItemColorPicker: import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    FormItemDatePicker: import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps>;
+    FormItemInput: 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>;
@@ -15,12 +15,12 @@ declare const formFieldMap: {
         Email: import("react").FC<import("antd").InputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
         Phone: import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     };
-    Radio: import("react").FC<{}> & {
+    FormItemRadio: import("react").FC<{}> & {
         Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
     } & {
         Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
     };
-    Select: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
+    FormItemSelect: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
         options?: any;
         optionSourceType?: "default" | "custom" | "api" | undefined;
         labelField: string;
@@ -28,16 +28,16 @@ declare const formFieldMap: {
     } & {
         dataSource?: any;
     }) => import("react").JSX.Element;
-    InputNumber: import("react").FC<any>;
-    Percent: import("react").FC<any>;
-    TimePicker: import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-    'Input.JSON': import("react").FC<any>;
-    'Input.URL': import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-    'Input.Password': import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-    'Radio.Group': import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-    'Checkbox.Group': import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-    DateRangePicker: import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-    Upload: import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    FormItemInputNumber: import("react").FC<any>;
+    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.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>;
+    'FormItemCheckbox.Group': import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+    FormItemDateRangePicker: import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+    FormItemUpload: import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
 declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<any> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;

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

@@ -44,22 +44,22 @@ var import_TimePicker = __toESM(require("./TimePicker"));
 var import_DateRangePicker = __toESM(require("./DateRangePicker"));
 var import_Upload = __toESM(require("./Upload"));
 var formFieldMap = {
-  Checkbox: import_Checkbox.default,
-  ColorPicker: import_ColorPicker.default,
-  DatePicker: import_DatePicker.default,
-  Input: import_Input.default,
-  Radio: import_Radio.default,
-  Select: import_Select.default,
-  InputNumber: import_InputNumber.default,
-  Percent: import_InputNumber.default,
-  TimePicker: import_TimePicker.default,
-  "Input.JSON": import_Input.default.JSON,
-  "Input.URL": import_Input.default.URL,
-  "Input.Password": import_Input.default.Password,
-  "Radio.Group": import_Radio.default.Group,
-  "Checkbox.Group": import_Checkbox.default.Group,
-  DateRangePicker: import_DateRangePicker.default,
-  Upload: import_Upload.default
+  FormItemCheckbox: import_Checkbox.default,
+  FormItemColorPicker: import_ColorPicker.default,
+  FormItemDatePicker: import_DatePicker.default,
+  FormItemInput: import_Input.default,
+  FormItemRadio: import_Radio.default,
+  FormItemSelect: import_Select.default,
+  FormItemInputNumber: import_InputNumber.default,
+  FormItemPercent: import_InputNumber.default,
+  FormItemTimePicker: import_TimePicker.default,
+  "FormItemInput.JSON": import_Input.default.JSON,
+  "FormItemInput.URL": import_Input.default.URL,
+  "FormItemInput.Password": import_Input.default.Password,
+  "FormItemRadio.Group": import_Radio.default.Group,
+  "FormItemCheckbox.Group": import_Checkbox.default.Group,
+  FormItemDateRangePicker: import_DateRangePicker.default,
+  FormItemUpload: import_Upload.default
 };
 var getFieldComponent = (fieldComponent) => {
   return formFieldMap[fieldComponent];

package/lib/components/iconfont/index.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(iconfont_exports);
 var import_icons = require("@ant-design/icons");
 var import_react = __toESM(require("react"));
 var MyIcon = (0, import_icons.createFromIconfontCN)({
-  scriptUrl: "https://static.pisellcdn.com/pisell2iconfont.js"
+  scriptUrl: "https://static.pisellcdn.com/pisell2iconfont1.0.js"
   // 在 iconfont.cn 上生成
 });
 var IconFont = (props) => {

package/lib/components/pisellCard/index.d.ts

@@ -2,6 +2,11 @@ import React from 'react';
 import { CardProps } from 'antd';
 import './index.less';
 export interface PisellCardProps extends CardProps {
+    bordered: boolean;
+    selected: boolean;
+    loading: boolean;
+    padding: number;
+    borderRadius: number;
 }
 /**
  * Pisell 卡片容器组件

package/lib/components/pisellCard/index.js

@@ -37,13 +37,38 @@ var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_index = require("./index.less");
 var PisellCard = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Card,
-    {
-      ...props,
-      className: (0, import_classnames.default)("pisell-card-wrap", props.className),
-      style: props.style
-    }
+  const {
+    borderRadius = 12,
+    padding = 16,
+    loading = false,
+    selected = false,
+    bordered = true,
+    disabled = false,
+    style,
+    className
+  } = props;
+  console.log(
+    "%c [ props ]-30",
+    "font-size:13px; background:pink; color:#bf2c9f;",
+    props
   );
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const cardProps = {
+    style: {
+      "--card-padding": `${padding}px`,
+      "--card-borderRadius": `${borderRadius}px`,
+      ...style
+    },
+    className: (0, import_classnames.default)(
+      "pisell-card-wrap",
+      selected && "pisell-card-wrap-selected",
+      disabled && "pisell-card-wrap-disabled",
+      className
+    ),
+    ...props
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { ...cardProps });
 };
 var pisellCard_default = PisellCard;

package/lib/components/pisellCard/index.less

@@ -1,9 +1,29 @@
 .pisell-card-wrap {
-  border-radius: 12px;
+  border-radius: var(--card-borderRadius, 12px);
+  box-sizing: border-box;
+  cursor: pointer;
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  &.pisell-card-wrap-selected {
+    border-width: 2px;
+    border-color: var(--theme-color, #7f56d9);
+  }
+  &.pisell-card-wrap-disabled {
+    cursor: not-allowed;
+    opacity: 0.4;
+    // pointer-events: none;
+
+    &:hover,
+    &:active,
+    &.focus {
+      background-color: inherit;
+      color: inherit;
+      text-decoration: none;
+    }
+  }
   .pisell-lowcode-card-body {
-    padding: 16px;
+    padding: var(--card-padding, 16px);
   }
   &:hover {
-    background: var(--Gray-50, #F9FAFB);
+    background: var(--Gray-50, #f9fafb);
   }
-}
+}

package/lib/components/tabs/index.js

@@ -127,10 +127,12 @@ var Tabs = class extends import_react.Component {
       }).filter(Boolean);
     }
     items = this.filterHiddenTabs(items);
-    otherProps = {
-      // renderTabBar: this.renderIconLabelTabBar,
-      // type: 'line',
-    };
+    if (type === "icon-label") {
+      otherProps = {
+        renderTabBar: this.renderIconLabelTabBar,
+        type: "line"
+      };
+    }
     if (type === "line") {
       items = items.map((item) => {
         return {

package/lib/components/tabs/index.less

@@ -31,7 +31,7 @@
     border-radius: 99px;
     background: #f2f2f7;
     margin-bottom: 6px;
-    color: #ACACAC;
+    color: #acacac;
     transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
     border: 1px solid #f2f2f7;
     &:hover {
@@ -46,12 +46,12 @@
     line-height: 20px;
   }
 
-  &-tab-bar-item-active  &-tab-bar-icon-wrap {
-    background: var(--primary-600, #7F56D9);
+  &-tab-bar-item-active &-tab-bar-icon-wrap {
+    background: var(--primary-600, #7f56d9);
     color: #fff;
   }
-  &-tab-bar-item-active > &-tab-bar-label {
-    color: var(--primary-600, #7F56D9);
+  &-tab-bar-item-active &-tab-bar-label {
+    color: var(--primary-600, #7f56d9);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import './index.less';
 interface WalletCardProps {
-    platform: 'pc' | 'h5' | 'ipad';
+    platform?: 'pc' | 'h5' | 'ipad';
     mode?: 'dark' | 'light';
     cardStyle?: 'normal' | 'full';
     codeType?: 'one' | 'two';
@@ -16,13 +16,14 @@ interface WalletCardProps {
     points?: boolean;
     balance?: boolean;
     coupon?: boolean;
-    vouCher?: boolean;
-    discountCard?: boolean;
+    isShowVouCher?: boolean;
+    isShowDiscountCard?: boolean;
     pointsValue?: number;
     balanceValue?: number;
     couponValue?: number;
     vouCherValue?: number;
     discountCardValue?: number;
+    items: [];
 }
 declare const WalletCard: (props: WalletCardProps) => React.JSX.Element;
 export default WalletCard;

package/lib/components/walletCard/index.js

@@ -67,8 +67,9 @@ var WalletCard = (props) => {
     balance = true,
     coupon = true,
     vouCher = true,
-    discountCard = true,
-    platform
+    isShowDiscountCard = true,
+    platform = "pc",
+    items = []
   } = props;
   const context = (0, import_useEngineContext.default)();
   const [isModalOpen, setIsModalOpen] = (0, import_react.useState)(false);
@@ -130,7 +131,7 @@ var WalletCard = (props) => {
               gap: 10,
               align: "center"
             },
-            /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-icon" }, icon),
+            icon && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-icon" }, icon),
             vipLevel && /* @__PURE__ */ import_react.default.createElement(
               "p",
               {
@@ -148,14 +149,20 @@ var WalletCard = (props) => {
           import_iconfont.default,
           {
             type: "pisell2-Barcode",
-            onClick: () => setIsModalOpen(true),
+            onClick: (e) => {
+              e.stopPropagation();
+              setIsModalOpen(true);
+            },
             className: (0, import_classnames.default)("pisell-wallet-card-icon")
           }
         ) : /* @__PURE__ */ import_react.default.createElement(
           import_iconfont.default,
           {
             type: "pisell2-a-qr-code-02",
-            onClick: () => setIsModalOpen(true),
+            onClick: (e) => {
+              e.stopPropagation();
+              setIsModalOpen(true);
+            },
             className: (0, import_classnames.default)("pisell-wallet-card-icon")
           }
         )))
@@ -173,38 +180,23 @@ var WalletCard = (props) => {
             className: (0, import_classnames.default)("pisell-wallet-card-row"),
             justify: "space-around"
           },
-          points && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "Points"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
-            import_Amount.default,
-            {
-              className: "pisell-card-amount-item-value",
-              useThousandsSeparator: true,
-              value: pointsValue
-            }
-          ))),
-          balance && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "Balance"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
-            import_Amount.default,
-            {
-              className: "pisell-card-amount-item-value",
-              useThousandsSeparator: true,
-              value: balanceValue
-            }
-          ))),
-          discountCard && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "Discount card"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
-            import_Amount.default,
-            {
-              className: "pisell-card-amount-item-value",
-              useThousandsSeparator: true,
-              value: discountCardValue
-            }
-          ))),
-          vouCher && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "VouCher"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
-            import_Amount.default,
-            {
-              className: "pisell-card-amount-item-value",
-              useThousandsSeparator: true,
-              value: vouCherValue
-            }
-          )))
+          items.map((item, index) => {
+            console.log(
+              "%c [ item ]-187",
+              "font-size:13px; background:pink; color:#bf2c9f;",
+              item
+            );
+            const { hidden = false, key = "" } = item;
+            return /* @__PURE__ */ import_react.default.createElement("div", { key: index, hidden }, /* @__PURE__ */ import_react.default.createElement("p", null, " ", (0, import_locales.getText)(`walletCard-${key}`)), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
+              import_Amount.default,
+              {
+                className: "pisell-card-amount-item-value",
+                useThousandsSeparator: true,
+                showCurrencySymbol: true,
+                value: pointsValue
+              }
+            )));
+          })
         )
       )
     ),

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

@@ -151,5 +151,9 @@ declare const _default: {
     'pisell-upload-setting-size-error': (maxSize: number) => string;
     'pisell-upload-setting-type-error': (type: string) => string;
     'pisell-upload-count-error': (count: number) => string;
+    'walletCard-points': string;
+    'walletCard-rechargeable': string;
+    'walletCard-voucher': string;
+    'walletCard-discount': string;
 };
 export default _default;

package/lib/locales/en-US.js

@@ -187,5 +187,9 @@ var en_US_default = {
   "pisell-upload-button": "Upload",
   "pisell-upload-setting-size-error": (maxSize) => `Each file should not exceed ${maxSize}MB in size.`,
   "pisell-upload-setting-type-error": (type) => `${type} file type is not supported for upload.`,
-  "pisell-upload-count-error": (count) => `Please upload ${count} file`
+  "pisell-upload-count-error": (count) => `Please upload ${count} file`,
+  "walletCard-points": "Points",
+  "walletCard-rechargeable": "Recharge",
+  "walletCard-voucher": "Voucher",
+  "walletCard-discount": "Discount"
 };

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

@@ -151,5 +151,9 @@ declare const _default: {
     'pisell-upload-setting-size-error': (maxSize: number) => string;
     'pisell-upload-setting-type-error': (type: string) => string;
     'pisell-upload-count-error': (count: number) => string;
+    'walletCard-points': string;
+    'walletCard-rechargeable': string;
+    'walletCard-voucher': string;
+    'walletCard-discount': string;
 };
 export default _default;

package/lib/locales/zh-CN.js

@@ -186,5 +186,9 @@ var zh_CN_default = {
   "pisell-upload-button": "上传",
   "pisell-upload-setting-size-error": (maxSize) => `每个文件的大小不超过${maxSize}MB`,
   "pisell-upload-setting-type-error": (type) => `不支持上传${type}类型的文件`,
-  "pisell-upload-count-error": (count) => `请上传${count}个文件`
+  "pisell-upload-count-error": (count) => `请上传${count}个文件`,
+  "walletCard-points": "积分卡",
+  "walletCard-rechargeable": "充值卡",
+  "walletCard-voucher": "代金券",
+  "walletCard-discount": "折扣卡"
 };

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

@@ -151,5 +151,9 @@ declare const _default: {
     'pisell-upload-setting-size-error': (maxSize: number) => string;
     'pisell-upload-setting-type-error': (type: string) => string;
     'pisell-upload-count-error': (count: number) => string;
+    'walletCard-points': string;
+    'walletCard-rechargeable': string;
+    'walletCard-voucher': string;
+    'walletCard-discount': string;
 };
 export default _default;

package/lib/locales/zh-TW.js

@@ -187,5 +187,9 @@ var zh_TW_default = {
   "pisell-upload-button": "上傳",
   "pisell-upload-setting-size-error": (maxSize) => `每個文件的大小不超過${maxSize}MB`,
   "pisell-upload-setting-type-error": (type) => `不支持上傳${type}類型的文件`,
-  "pisell-upload-count-error": (count) => `請上傳${count}個文件`
+  "pisell-upload-count-error": (count) => `請上傳${count}個文件`,
+  "walletCard-points": "積分卡",
+  "walletCard-rechargeable": "充值卡",
+  "walletCard-voucher": "代金券",
+  "walletCard-discount": "折扣卡"
 };

package/lowcode/card/snippets.ts

@@ -1,58 +1,58 @@
 export default [
-  {
-    title: '卡片',
-    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/card-1.png',
-    schema: {
-      componentName: 'Card',
-      props: {
-        title: 'Default size card',
-      },
-    },
-  },
-  {
-    title: '卡片2',
-    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/card-1.png',
-    schema: {
-      "componentName": "Card",
-      "id": "node_ocljnoao28d",
-      "props": {
-        "title": "Default size card",
-        "bordered": true,
-        "hoverable": false,
-        "loading": false,
-        "size": "default",
-        "type": "default"
-      },
-      "hidden": false,
-      "title": "",
-      "isLocked": false,
-      "ignore": true,
-      "condition": true,
-      "conditionGroup": "",
-      "children": [
-        {
-          "componentName": "Typography.Text",
-          "id": "node_ocljnoao28f",
-          "props": {
-            "children": "text12212",
-            "code": false,
-            "delete": false,
-            "disabled": false,
-            "mark": false,
-            "keyboard": false,
-            "underline": false,
-            "strong": false
-          },
-          "hidden": false,
-          "title": "",
-          "isLocked": true,
-          "locked": true,
-          "ignore": true,
-          "condition": true,
-          "conditionGroup": ""
-        }
-      ]
-    },
-  },
+  // {
+  //   title: '卡片',
+  //   screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/card-1.png',
+  //   schema: {
+  //     componentName: 'Card',
+  //     props: {
+  //       title: 'Default size card',
+  //     },
+  //   },
+  // },
+  // {
+  //   title: '卡片2',
+  //   screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/card-1.png',
+  //   schema: {
+  //     "componentName": "Card",
+  //     "id": "node_ocljnoao28d",
+  //     "props": {
+  //       "title": "Default size card",
+  //       "bordered": true,
+  //       "hoverable": false,
+  //       "loading": false,
+  //       "size": "default",
+  //       "type": "default"
+  //     },
+  //     "hidden": false,
+  //     "title": "",
+  //     "isLocked": false,
+  //     "ignore": true,
+  //     "condition": true,
+  //     "conditionGroup": "",
+  //     "children": [
+  //       {
+  //         "componentName": "Typography.Text",
+  //         "id": "node_ocljnoao28f",
+  //         "props": {
+  //           "children": "text12212",
+  //           "code": false,
+  //           "delete": false,
+  //           "disabled": false,
+  //           "mark": false,
+  //           "keyboard": false,
+  //           "underline": false,
+  //           "strong": false
+  //         },
+  //         "hidden": false,
+  //         "title": "",
+  //         "isLocked": true,
+  //         "locked": true,
+  //         "ignore": true,
+  //         "condition": true,
+  //         "conditionGroup": ""
+  //       }
+  //     ]
+  //   },
+  // },
 
 ];

package/lowcode/data-source-form/constants.ts

@@ -1,3 +1,48 @@
+import formItemCheckboxMeta from '../form-item-checkbox/meta';
+import formItemCheckboxGroupMeta from '../form-item-checkbox.group/meta';
+import formItemColorPickerMeta from '../form-item-color-picker/meta';
+import formItemDatePickerMeta from '../form-item-date-picker/meta';
+import formItemInputMeta from '../form-item-input/meta';
+import formItemInputNumberMeta from '../form-item-input-number/meta';
+import formItemInputEmailMeta from '../form-item-input.email/meta';
+import formItemInputJsonMeta from '../form-item-input.json/meta';
+import formItemInputPasswordMeta from '../form-item-input.password/meta';
+import formItemInputPhoneMeta from '../form-item-input.phone/meta';
+import formItemInputTextAreaMeta from '../form-item-input.text-area/meta';
+import formItemInputUrlMeta from '../form-item-input.url/meta';
+import formItemRadioMeta from '../form-item-radio/meta';
+import formItemRadioGroupMeta from '../form-item-radio.group/meta';
+import formItemSelectMeta from '../form-item-select/meta';
+import formItemTimePickerMeta from '../form-item-time-picker/meta';
+import formItemUploadMeta from '../form-item-upload/meta';
+
+export const metaAll = [
+  formItemCheckboxMeta,
+  formItemCheckboxGroupMeta,
+  formItemColorPickerMeta,
+  formItemDatePickerMeta,
+  formItemInputMeta,
+  formItemInputNumberMeta,
+  formItemInputEmailMeta,
+  formItemInputJsonMeta,
+  formItemInputPasswordMeta,
+  formItemInputPhoneMeta,
+  formItemInputTextAreaMeta,
+  formItemInputUrlMeta,
+  formItemRadioMeta,
+  formItemRadioGroupMeta,
+  formItemSelectMeta,
+  formItemTimePickerMeta,
+  formItemUploadMeta,
+]
+
+export const formItemMetaMap: Record<string, any> = metaAll.reduce((p, c) => {
+  return {
+    ...p,
+    [c.componentName]: c,
+  };
+}, {});
+
 // nocobase组件映射到pisell组件
 export const nocobaseCpt2PisellCptMap: Record<string, any> = {
   InputNumber: 'FormItemInputNumber',
@@ -23,6 +68,8 @@ export const nocobaseCpt2PisellCptMap: Record<string, any> = {
   Upload: 'FormItemUpload',
 };
 
+
+
 export const pisellCptMap: Record<string, boolean> = Object.entries(
   nocobaseCpt2PisellCptMap
 ).reduce((p, [key, value]) => {