@pisell/materials 1.0.454 → 1.0.455

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

@@ -34,3 +34,4 @@ export declare const formItemNameReverse: (name: string) => string;
 export declare const withFormItem: <P extends object>(WrappedComponent: React.ComponentType<P>) => React.FC<P & WithFormItemProps>;
 export declare const getNestedValue: (obj: Record<string, any>, path: string) => Record<string, any>;
 export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>) => React.JSX.Element | null;
+export declare function toArr(str: string | number | (string | number)[]): (string | number)[];

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

@@ -33,6 +33,7 @@ __export(utils_exports, {
   formItemNameReverse: () => formItemNameReverse,
   getNestedValue: () => getNestedValue,
   renderValueWithMap: () => renderValueWithMap,
+  toArr: () => toArr,
   withFormItem: () => withFormItem,
   withMode: () => withMode
 });
@@ -43,6 +44,7 @@ var import_antd = require("antd");
 var import_form = __toESM(require("../../form"));
 var import_useDataSource = __toESM(require("../hooks/useDataSource"));
 var import_useFormSetting = __toESM(require("./provider/hooks/useFormSetting"));
+var import_useJsonPrefixPath = __toESM(require("./provider/hooks/useJsonPrefixPath"));
 var withMode = (FieldComponent, ReadPrettyComponent, transformProps) => {
   return ({ renderMode = "edit", value, onChange, ...props }) => {
     const transformedProps = (transformProps == null ? void 0 : transformProps(
@@ -91,11 +93,15 @@ var withFormItem = (WrappedComponent) => {
     typeobj,
     maxobj,
     minobj,
+    normalize,
+    getValueProps,
+    validator,
     style,
     __designMode,
     ...otherProps
   }) => {
     var _a;
+    const prefixPath = (0, import_useJsonPrefixPath.default)();
     const { dataSource } = (0, import_useDataSource.default)();
     const { fields } = dataSource || {};
     const { mode: globalMode } = (0, import_useFormSetting.default)();
@@ -108,6 +114,7 @@ var withFormItem = (WrappedComponent) => {
     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);
@@ -136,13 +143,16 @@ var withFormItem = (WrappedComponent) => {
           ...style,
           opacity: isDesignMode && isHidden ? "0.3" : 1
         },
-        name,
+        name: concatName,
         label,
         tooltip,
         noStyle,
         extra,
         hidden: isHidden && !isDesignMode,
-        rules
+        rules,
+        normalize,
+        getValueProps,
+        validator
       },
       renderComponent
     );
@@ -166,12 +176,16 @@ var renderValueWithMap = (value, valueMap) => {
   }
   return null;
 };
+function toArr(str) {
+  return Array.isArray(str) ? str : [str];
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   formItemNameReplace,
   formItemNameReverse,
   getNestedValue,
   renderValueWithMap,
+  toArr,
   withFormItem,
   withMode
 });

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

@@ -24,7 +24,7 @@ __export(useDesignMode_exports, {
 module.exports = __toCommonJS(useDesignMode_exports);
 var import_react = require("react");
 var useDesignMode = (props, { registerVariable, openDrawer, closeDrawer, data }) => {
-  const { __designMode, showDetailButton, showEditButton } = props;
+  const { __designMode, showDetailButton, showEditButton, showAddButton } = props;
   (0, import_react.useEffect)(() => {
     var _a;
     if (__designMode === "design") {
@@ -51,5 +51,17 @@ var useDesignMode = (props, { registerVariable, openDrawer, closeDrawer, data })
       }
     }
   }, [showEditButton, __designMode]);
+  (0, import_react.useEffect)(() => {
+    if (__designMode === "design") {
+      if (showAddButton) {
+        openDrawer("add");
+        registerVariable == null ? void 0 : registerVariable({
+          currentRecord: null
+        });
+      } else {
+        closeDrawer();
+      }
+    }
+  }, [showAddButton, __designMode]);
 };
 var useDesignMode_default = useDesignMode;

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

@@ -47,10 +47,11 @@ var import_useDrawerState = __toESM(require("./hooks/useDrawerState"));
 var import_useDesignMode = __toESM(require("./hooks/useDesignMode"));
 var import_useTableQuery = __toESM(require("./hooks/useTableQuery"));
 var import_useSetRequest = __toESM(require("../../../hooks/useSetRequest"));
+var import_locales = require("../../../locales");
 var DRAWER_TITLES = {
-  detail: "详情",
-  edit: "编辑",
-  add: "添加"
+  detail: (0, import_locales.getText)("pisell-data-source-table-detail"),
+  edit: (0, import_locales.getText)("pisell-data-source-table-edit"),
+  add: (0, import_locales.getText)("pisell-data-source-table-add")
 };
 var DataSourceTable = (props) => {
   const {
@@ -126,15 +127,15 @@ var DataSourceTable = (props) => {
               onClick: () => handleOpenDrawer(record, "detail"),
               type: "link"
             },
-            "详情"
+            (0, import_locales.getText)("pisell-data-source-table-detail")
           ), showEditButton && /* @__PURE__ */ import_react.default.createElement(
             import_antd.Button,
             {
               onClick: () => handleOpenDrawer(record, "edit"),
               type: "link"
             },
-            "编辑"
-          ), showDeleteButton && /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: () => handleDelete(record), type: "link", danger: true }, "删除"));
+            (0, import_locales.getText)("pisell-data-source-table-edit")
+          ), showDeleteButton && /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: () => handleDelete(record), type: "link", danger: true }, (0, import_locales.getText)("pisell-data-source-table-delete")));
         }
       }
     ];
@@ -160,7 +161,7 @@ var DataSourceTable = (props) => {
       type: "primary",
       onClick: () => handleOpenDrawer(null, "add")
     },
-    "添加"
+    (0, import_locales.getText)("pisell-data-source-table-add")
   )), /* @__PURE__ */ import_react.default.createElement(
     import_table.default,
     {

package/lib/components/pisellQrcode/index.js

@@ -48,11 +48,6 @@ var PisellQrcode = (props) => {
   const modalRef = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
     if (open) {
-      console.log(
-        "%c [ modalRef ]-22",
-        "font-size:13px; background:pink; color:#bf2c9f;",
-        modalRef
-      );
     }
   }, [open]);
   const modalProps = {

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

@@ -6,5 +6,5 @@ interface PisellStatisticProps {
     hint?: React.ReactNode;
     tags?: React.ReactNode;
 }
-declare const pisellStatistic: (props: PisellStatisticProps) => import("react").JSX.Element;
-export default pisellStatistic;
+declare const PisellStatistic: (props: PisellStatisticProps) => import("react").JSX.Element;
+export default PisellStatistic;

package/lib/components/pisellStatistic/index.js

@@ -36,11 +36,11 @@ var import_react = require("react");
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_index = require("./index.less");
-var pisellStatistic = (props) => {
+var PisellStatistic = (props) => {
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
   }, []);
-  const { title = "123123", number, hint, tags } = props;
+  const { title = "", number, hint, tags } = props;
   return /* @__PURE__ */ React.createElement("div", { className: (0, import_classnames.default)("pisell-statistic-wrap") }, /* @__PURE__ */ React.createElement("div", { className: (0, import_classnames.default)("pisell-statistic-hint") }, hint), /* @__PURE__ */ React.createElement("div", { className: (0, import_classnames.default)("pisell-statistic-tags") }, tags), /* @__PURE__ */ React.createElement(import_antd.Statistic, { title, value: number }));
 };
-var pisellStatistic_default = pisellStatistic;
+var pisellStatistic_default = PisellStatistic;

package/lib/components/productCard/index.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(productCard_exports);
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
 var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
 var import_cardPro = __toESM(require("../cardPro"));
 var import_Header = __toESM(require("./components/Header"));
 var import_Time = __toESM(require("./components/Time"));
@@ -44,7 +45,9 @@ var import_AmountFooter = __toESM(require("./components/AmountFooter"));
 var import_Note = __toESM(require("./components/Note"));
 var import_Action = __toESM(require("./components/Action"));
 var import_useOpenNote = __toESM(require("./hooks/useOpenNote"));
+var import_locales = __toESM(require("./locales"));
 var import_index = require("./index.less");
+import_utils.locales.init(import_locales.default, localStorage.getItem("umi_locale") || "en");
 var ProductCard = (props) => {
   var _a, _b;
   const {

package/lib/components/productCard/utils.js

@@ -142,6 +142,7 @@ var getServiceTime = (item, currentDate) => {
     return "";
   const locale = (item == null ? void 0 : item.locale) || "en-US";
   const isEn = locale === "en-US" || locale === "en";
+  import_dayjs.default.locale(locale);
   const startDate = (0, import_dayjs.default)(
     (currentDate == null ? void 0 : currentDate.format("YYYY-MM-DD")) + " " + getServeStartTime((_b = item == null ? void 0 : item._extend) == null ? void 0 : _b.start_time)
   );

package/lib/components/record-view/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import './index.less';
 export interface RecordViewProps {
     dataSource: any[];
+    doubleList: boolean;
     header?: React.ReactNode;
     footer?: React.ReactNode;
     renderItem?: (item: any) => React.ReactNode;

package/lib/components/record-view/index.js

@@ -63,8 +63,12 @@ var RecordView = (props) => {
     children,
     locale,
     emptyButtons = [],
+    doubleList = false,
     ...others
   } = props;
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
   const responsive = (0, import_hooks.useResponsive)();
   const [detailModalShow, setDetailModalShow] = (0, import_react.useState)(false);
   const detailModalDisplay = (0, import_react.useMemo)(() => {
@@ -157,7 +161,25 @@ var RecordView = (props) => {
         )
       ), _footer && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}scroll-footer-wrap` }, _footer));
     }
-    return /* @__PURE__ */ import_react.default.createElement(
+    return doubleList ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 12, align: "center", style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement("p", { className: `${prefix}list-title` }, "可用"), /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { className: `${prefix}list-tag` }, 1)), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.List,
+      {
+        ...others,
+        renderItem: _renderItem,
+        header,
+        footer: _footer
+      },
+      emptyDom
+    ), /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 12, align: "center", style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement("p", { className: `${prefix}detail-list-title` }, "不可用"), /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { className: `${prefix}detail-list-tag` }, 2)), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.List,
+      {
+        ...others,
+        renderItem: _renderItem,
+        header,
+        footer: _footer
+      },
+      emptyDom
+    )) : /* @__PURE__ */ import_react.default.createElement(
       import_antd.List,
       {
         ...others,

package/lib/components/record-view/index.less

@@ -1,7 +1,5 @@
 @pisell-prefix: pisell-lowcode;
 
-
-
 .@{pisell-prefix} {
   &-record-view {
     .pisell-lowcode-pagination {
@@ -12,6 +10,25 @@
       border: none;
     }
   }
+
+  &-list-title {
+    color: #000;
+
+    /* Text md/Semibold */
+    font-family: Inter;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px; /* 150% */
+    margin: 0;
+  }
+  &-list-tag {
+    border-radius: 16px;
+    border: 1px solid var(--Gray-200, #eaecf0);
+    background: var(--Gray-50, #f9fafb);
+    mix-blend-mode: multiply;
+  }
+
   &-empty-button {
     display: flex;
     justify-content: center;

package/lib/components/tabs/index.js

@@ -60,8 +60,6 @@ var Tabs = class extends import_react.Component {
     };
     this.renderIconLabelTabBar = (props, DefaultTabBar) => {
       var _a;
-      console.log("%c [ props ]-31", "font-size:13px; background:#4d3662; color:#917aa6;", props);
-      debugger;
       const { items, sidebarWidth } = this.props;
       let wrapStyle = {
         gap: props.tabBarGutter

package/lib/index.d.ts

@@ -126,6 +126,7 @@ export { ColorPicker } from 'antd';
 export { default as DataSourceForm } from './components/dataSourceComponents/dataSourceForm';
 export { default as FormGroup } from './components/dataSourceComponents/dataSourceForm/group';
 export { default as SubmitButton } from './components/dataSourceComponents/dataSourceForm/submitButton';
+export { default as JsonWrapper } from './components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperProvider';
 export { default as FormItemCheckbox } from './components/dataSourceComponents/fields/Checkbox';
 export { default as FormItemColorPicker } from './components/dataSourceComponents/fields/ColorPicker';
 export { default as FormItemDatePicker } from './components/dataSourceComponents/fields/DatePicker';

package/lib/index.js

@@ -81,6 +81,7 @@ __export(src_exports, {
   Input: () => import_input.default,
   InputNumber: () => import_antd15.InputNumber,
   InputNumberRange: () => import_input_number_range.default,
+  JsonWrapper: () => import_JsonWrapperProvider.default,
   List: () => import_list.default,
   LowCodePage: () => import_lowCodePage.default,
   Mentions: () => import_antd18.Mentions,
@@ -297,6 +298,7 @@ var import_antd38 = require("antd");
 var import_dataSourceForm = __toESM(require("./components/dataSourceComponents/dataSourceForm"));
 var import_group = __toESM(require("./components/dataSourceComponents/dataSourceForm/group"));
 var import_submitButton = __toESM(require("./components/dataSourceComponents/dataSourceForm/submitButton"));
+var import_JsonWrapperProvider = __toESM(require("./components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperProvider"));
 var import_Checkbox = __toESM(require("./components/dataSourceComponents/fields/Checkbox"));
 var import_ColorPicker = __toESM(require("./components/dataSourceComponents/fields/ColorPicker"));
 var import_DatePicker = __toESM(require("./components/dataSourceComponents/fields/DatePicker"));
@@ -360,6 +362,7 @@ var import_dataSourceTable = __toESM(require("./components/dataSourceComponents/
   Input,
   InputNumber,
   InputNumberRange,
+  JsonWrapper,
   List,
   LowCodePage,
   Mentions,

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

@@ -126,5 +126,9 @@ declare const _default: {
     'pisell-adjust-price-discount-can-be-maximum': string;
     'pisell-discount-card-title': string;
     'pisell-discount-card-unit': string;
+    'pisell-data-source-table-add': string;
+    'pisell-data-source-table-edit': string;
+    'pisell-data-source-table-detail': string;
+    'pisell-data-source-table-delete': string;
 };
 export default _default;

package/lib/locales/en-US.js

@@ -158,5 +158,10 @@ var en_US_default = {
   "pisell-adjust-price-total-after-discount": "Total after discount: ",
   "pisell-adjust-price-discount-can-be-maximum": "Discount can be maximum",
   "pisell-discount-card-title": "Discount",
-  "pisell-discount-card-unit": "off"
+  "pisell-discount-card-unit": "off",
+  // 数据源表格
+  "pisell-data-source-table-add": "Add",
+  "pisell-data-source-table-edit": "Edit",
+  "pisell-data-source-table-detail": "Detail",
+  "pisell-data-source-table-delete": "Delete"
 };

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

@@ -126,5 +126,9 @@ declare const _default: {
     'pisell-adjust-price-discount-can-be-maximum': string;
     'pisell-discount-card-title': string;
     'pisell-discount-card-unit': string;
+    'pisell-data-source-table-add': string;
+    'pisell-data-source-table-edit': string;
+    'pisell-data-source-table-detail': string;
+    'pisell-data-source-table-delete': string;
 };
 export default _default;

package/lib/locales/zh-CN.js

@@ -158,5 +158,9 @@ var zh_CN_default = {
   "pisell-adjust-price-total-after-discount": "打折后总价",
   "pisell-adjust-price-discount-can-be-maximum": "折扣最高可达",
   "pisell-discount-card-title": "折扣",
-  "pisell-discount-card-unit": "折扣"
+  "pisell-discount-card-unit": "折扣",
+  "pisell-data-source-table-add": "添加",
+  "pisell-data-source-table-edit": "编辑",
+  "pisell-data-source-table-detail": "详情",
+  "pisell-data-source-table-delete": "删除"
 };

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

@@ -126,5 +126,9 @@ declare const _default: {
     'pisell-adjust-price-discount-can-be-maximum': string;
     'pisell-discount-card-title': string;
     'pisell-discount-card-unit': string;
+    'pisell-data-source-table-add': string;
+    'pisell-data-source-table-edit': string;
+    'pisell-data-source-table-detail': string;
+    'pisell-data-source-table-delete': string;
 };
 export default _default;

package/lib/locales/zh-TW.js

@@ -158,5 +158,10 @@ var zh_TW_default = {
   "pisell-adjust-price-total-after-discount": "打折后總價",
   "pisell-adjust-price-discount-can-be-maximum": "折扣最高可達",
   "pisell-discount-card-title": "折扣",
-  "pisell-discount-card-unit": "折扣"
+  "pisell-discount-card-unit": "折扣",
+  // 数据源表格
+  "pisell-data-source-table-add": "添加",
+  "pisell-data-source-table-edit": "編輯",
+  "pisell-data-source-table-detail": "詳情",
+  "pisell-data-source-table-delete": "刪除"
 };

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

@@ -4,8 +4,9 @@ export const nocobaseCpt2PisellCptMap: Record<string, any> = {
   Percent: 'FormItemInputNumber',
   DatePicker: 'FormItemDatePicker',
   Input: 'FormItemInput',
-  'Input.JSON': 'FormItemInput.JSON',
+  'Input.JSON': 'JsonWrapper',
   'Input.URL': 'FormItemInput.URL',
+  'Input.TextArea': 'FormItemInput.TextArea',
   Password: 'FormItemInput.Password',
   Select: 'FormItemSelect',
   Radio: 'FormItemRadio',
@@ -36,4 +37,6 @@ export const systemFields = [
   'deletedAt',
   'createdBy',
   'updatedBy',
+  'shop_id',
+  'tenant_id'
 ];

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

@@ -93,6 +93,7 @@ export const createFormItemSchema = (
   item: {
     name: string;
     uiSchema: UiSchema;
+    children?: any[];
   },
   mode: string
 ) => {
@@ -102,6 +103,7 @@ export const createFormItemSchema = (
     mode,
   };
   let componentName = item.uiSchema['x-component'];
+  let childrenSchema: any[] = [];
 
   if (
     item.uiSchema['x-validator'] &&
@@ -113,21 +115,30 @@ export const createFormItemSchema = (
     };
   }
   if (item.uiSchema['x-component'] === 'Input.JSON') {
-    props.normalize = {
-      type: 'JSExpression',
-      value:
-        '(value) => {\n  try {\n    return JSON.parse(value);\n  } catch(error) {\n    console.log(error)\n  }\n  return value\n}',
-    };
-    props.getValueProps = {
-      type: 'JSExpression',
-      value:
-        '(value) => {\n  try {\n   return { value: value != "" && typeof value === \'object\' ? JSON.stringify(value) : value};\n  } catch(error) {\n    console.log(error)\n  }\n  return {value: value}\n}',
-    };
-    props.validator = {
-      type: 'JSExpression',
-      value:
-        "async (value) => {\n try {\n    if (typeof value === 'string' && value.trim() !== '') {\n      JSON.parse(value);\n    }\n  } catch (err) {\n    return Promise.reject(new Error(err.message));\n  }\n}",
-    };
+    // props.normalize = {
+    //   type: 'JSExpression',
+    //   value:
+    //     '(value) => {\n  try {\n    return JSON.parse(value);\n  } catch(error) {\n    console.log(error)\n  }\n  return value\n}',
+    // };
+    // props.getValueProps = {
+    //   type: 'JSExpression',
+    //   value:
+    //     '(value) => {\n  try {\n   return { value: value != "" && typeof value === \'object\' ? JSON.stringify(value) : value};\n  } catch(error) {\n    console.log(error)\n  }\n  return {value: value}\n}',
+    // };
+    // props.validator = {
+    //   type: 'JSExpression',
+    //   value:
+    //     "async (value) => {\n try {\n    if (typeof value === 'string' && value.trim() !== '') {\n      JSON.parse(value);\n    }\n  } catch (err) {\n    return Promise.reject(new Error(err.message));\n  }\n}",
+    // };
+
+    props.prefix = item.name;
+
+    // 如果有children属性,递归创建子表单项
+    if (item.children && item.children.length > 0) {
+      childrenSchema = item.children.map((child: any) =>
+        createFormItemSchema(child, mode)
+      );
+    }
   }
 
   if (
@@ -156,6 +167,7 @@ export const createFormItemSchema = (
   return {
     componentName: nocobaseCpt2PisellCptMap[componentName],
     props,
+    children: childrenSchema,
   };
 };
 

package/lowcode/form-item-input.text-area/meta.ts

@@ -3,7 +3,7 @@ import { formItemGeneralProps } from "../_utils/defaultSchema";
 
 export default {
   snippets,
-  componentName: 'Input.TextArea',
+  componentName: 'FormItemInput.TextArea',
   title: '长文本',
   category: '表单',
   group: '无代码组件',
@@ -13,7 +13,7 @@ export default {
   npm: {
     package: "@pisell/materials",
     version: "1.0.1",
-    exportName: "Input",
+    exportName: "FormItemInput",
     main: "src/index.tsx",
     destructuring: true,
     subName: "TextArea",

package/lowcode/json-wrapper/meta.ts

@@ -0,0 +1,65 @@
+
+import { ComponentMetadata } from '@alilc/lowcode-types';
+import snippets from './snippets';
+
+const JsonWrapperMeta: ComponentMetadata = {
+  componentName: 'JsonWrapper',
+  title: 'JSON包装器',
+  category: '表单',
+  group: '无代码组件',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'JsonWrapper',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  configure: {
+    props: [
+      {
+        name: 'prefix',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Prefix Path',
+            'zh-CN': '前缀路径',
+          },
+          tip: '用于指定JSON数据的路径前缀',
+        },
+        propType: {
+          type: 'oneOfType',
+          value: ['string', 'number', { type: 'arrayOf', value: ['string', 'number'] }]
+        },
+        setter: ['StringSetter', 'NumberSetter', 'ArraySetter', 'VariableSetter'],
+        defaultValue: '',
+      },
+      {
+        name: 'label',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Label',
+            'zh-CN': '标签',
+          },
+        },
+        propType: 'string',
+        setter: ['StringSetter', 'PisellI18nSetter'],
+      }
+    ],
+    supports: {
+      style: true,
+      className: true,
+      isContainer: true,
+    },
+    component: {
+        isContainer: true,
+      },
+  },
+  snippets,
+};
+
+export default JsonWrapperMeta;

package/lowcode/json-wrapper/snippets.ts

@@ -0,0 +1,16 @@
+
+const snippets = [
+  {
+    title: 'JSON包装器',
+    screenshot: '',
+    schema: {
+      componentName: 'JsonWrapper',
+      props: {
+        prefix: '',
+        label: '标签'
+      }
+    }
+  }
+];
+
+export default snippets;

package/lowcode/record-view/meta.ts

@@ -207,6 +207,14 @@ const DivMeta: ComponentMetadata = {
         },
       },
     },
+    {
+      name: "doubleList",
+      title: {
+        label: "双重列表",
+        tip: "doubleList | 双重列表",
+      },
+      propType: "bool",
+    },
     {
       name: "search",
       title: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.454",
+  "version": "1.0.455",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -65,9 +65,9 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.10",
     "styled-components": "^6.0.0-rc.3",
-    "@pisell/utils": "1.0.43",
+    "@pisell/date-picker": "1.0.112",
     "@pisell/icon": "0.0.10",
-    "@pisell/date-picker": "1.0.112"
+    "@pisell/utils": "1.0.43"
   },
   "peerDependencies": {
     "react": "^18.0.0",