@pisell/materials 6.3.27 → 6.3.28

package/lib/components/PisellTabbar3/mock.d.ts

@@ -0,0 +1,47 @@
+declare const _default: {
+    id: number;
+    shop_id: number;
+    parent_id: number;
+    name: string;
+    slug: string;
+    icon: string;
+    status: string;
+    last_applicable_time: number;
+    sort: number;
+    create_account_id: number;
+    update_account_id: number;
+    created_at: string;
+    updated_at: string;
+    children: {
+        id: number;
+        shop_id: number;
+        parent_id: number;
+        name: string;
+        slug: string;
+        icon: string;
+        status: string;
+        last_applicable_time: number;
+        sort: number;
+        create_account_id: number;
+        update_account_id: number;
+        created_at: string;
+        updated_at: string;
+        children: {
+            id: number;
+            shop_id: number;
+            parent_id: number;
+            name: string;
+            slug: string;
+            icon: string;
+            status: string;
+            last_applicable_time: number;
+            sort: number;
+            create_account_id: number;
+            update_account_id: number;
+            created_at: string;
+            updated_at: string;
+            children: never[];
+        }[];
+    }[];
+}[];
+export default _default;

package/lib/components/PisellTabbar3/types.d.ts

@@ -0,0 +1,111 @@
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * Tabbar 数据源项类型
+ */
+export interface TabbarDataSource {
+    /** 唯一标识 */
+    id: string | number;
+    /** 店铺ID */
+    shop_id?: number;
+    /** 父级ID */
+    parent_id?: number;
+    /** 显示名称 */
+    name: string;
+    /** URL slug */
+    slug?: string;
+    /** 图标 URL 或图标名称 */
+    icon?: string;
+    /** 子级数据 */
+    children?: TabbarDataSource[];
+    /** 自定义点击事件标识 */
+    customClick?: boolean;
+    /** 唯一 key */
+    key?: string;
+}
+/**
+ * 层级配置
+ */
+export interface TabbarLevelConfig {
+    /** SuperTabs 背景色 */
+    superTabsBg: string;
+    /** 卡片宽度 */
+    cardWidth: number;
+    /** 卡片高度 */
+    cardHeight: number;
+    /** 左侧缩进 */
+    paddingLeft?: number;
+}
+/**
+ * 展开配置
+ */
+export interface ExpandConfig {
+    /** 激活状态配置 */
+    active: {
+        icon: string;
+        text: string;
+    };
+    /** 未激活状态配置 */
+    inactive: {
+        icon: string;
+        text: string;
+    };
+}
+/**
+ * 展开状态
+ */
+export interface ExpandState {
+    level1: boolean;
+    level2: boolean;
+    level3: boolean;
+}
+/**
+ * 层级类型
+ */
+export declare type LevelType = 'level1' | 'level2' | 'level3';
+/**
+ * TabbarLevel 组件属性
+ */
+export interface TabbarLevelProps {
+    /** SKU ID */
+    skuId: string;
+    /** 数据源 */
+    dataSource: TabbarDataSource[];
+    /** 当前激活的面板 key */
+    activePanelKey: string | number;
+    /** 层级 */
+    level: LevelType;
+    /** 设置激活面板 key */
+    setActivePanelKey: (key: string | number, item?: TabbarDataSource) => void;
+    /** 是否展开 */
+    expand: boolean;
+    /** 展开处理函数 */
+    handleExpand: () => void;
+    /** 渲染子级内容 */
+    renderChildren?: (panelProps: any) => ReactNode;
+    /** 层级配置 */
+    levelConfig?: TabbarLevelConfig;
+    /** 展开配置 */
+    expandConfig?: ExpandConfig;
+}
+/**
+ * PisellTabbar 组件属性
+ */
+export interface PisellTabbarProps {
+    /** 数据源 */
+    dataSource?: TabbarDataSource[];
+    /** 当前选中的值（多层级 key 数组） */
+    value?: (string | number)[];
+    /** 值变化回调 */
+    onChange?: (value: (string | number)[]) => void;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 层级配置（可按层级自定义） */
+    levelConfig?: Partial<Record<LevelType, Partial<TabbarLevelConfig>>>;
+    /** 展开配置 */
+    expandConfig?: ExpandConfig;
+    /** 最大层级数 */
+    maxLevel?: 1 | 2 | 3;
+    __designMode?: boolean;
+}

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

@@ -0,0 +1,24 @@
+/**
+ * URL参数处理工具方法
+ */
+/**
+ * 从浏览器URL获取查询参数
+ * @returns Record<string, string> URL查询参数对象
+ */
+export declare const getUrlParams: () => Record<string, string>;
+/**
+ * 从URL参数中提取formSettingMeta相关的参数
+ * @param urlParams URL查询参数对象，如果不传则自动从浏览器获取
+ * @returns 包含business_code、channel_code和isBoard参数的对象
+ */
+export declare const getFormSettingParams: (urlParams?: Record<string, string>) => {
+    businessCode: string;
+    channelCode: string;
+    isBoard: boolean;
+};
+/**
+ * 根据URL参数更新租户设置数据
+ * @param data 要更新的数据对象，如 {"order.prefix":"","order.suffix":"","payment.number":""}
+ * @returns Promise<any> 返回更新结果
+ */
+export declare const updateTenantSettingFromUrl: (data: Record<string, any>) => Promise<any>;

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { DataSourceSubFormProps } from './types';
+/**
+ * @title DataSourceSubForm 子表单组件
+ * @description
+ * 独立的子表单组件，专注于渲染一组表单字段。支持两种使用方式：
+ * 1. 传入 children：使用低代码引擎渲染的子组件（优先）
+ * 2. 传入 xRecordSchema：通过配置自动生成表单字段（fallback）
+ *
+ * 值结构: { field1: v1, field2: v2 }
+ */
+declare const DataSourceSubForm: React.FC<DataSourceSubFormProps>;
+export default DataSourceSubForm;

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

@@ -0,0 +1,229 @@
+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/dataSourceSubForm/index.tsx
+var dataSourceSubForm_exports = {};
+__export(dataSourceSubForm_exports, {
+  default: () => dataSourceSubForm_default
+});
+module.exports = __toCommonJS(dataSourceSubForm_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_ahooks = require("ahooks");
+var import_classnames = __toESM(require("classnames"));
+var import_JsonWrapperContext = __toESM(require("../dataSourceForm/provider/jsonWrapper/JsonWrapperContext"));
+var import_DataSourceProvider = __toESM(require("../provider/dataSource/DataSourceProvider"));
+var import_FormSettingProvider = __toESM(require("../dataSourceForm/provider/formSetting/FormSettingProvider"));
+var getI18nText = (value) => {
+  if (value === null || value === void 0) {
+    return "";
+  }
+  if (typeof value === "string" || typeof value === "number") {
+    return `${value}`;
+  }
+  if (typeof value === "object") {
+    return value.original || value["zh-CN"] || value.en || value["zh-HK"] || value.ja || value.pt || "";
+  }
+  return "";
+};
+var normalizeRecordSchema = (xRecordSchema) => {
+  if (!xRecordSchema) {
+    return [];
+  }
+  let rawSchema = xRecordSchema;
+  if (typeof xRecordSchema === "string") {
+    try {
+      rawSchema = JSON.parse(xRecordSchema);
+    } catch (error) {
+      console.error("Failed to parse xRecordSchema:", error);
+      return [];
+    }
+  }
+  if (rawSchema && typeof rawSchema === "object" && !Array.isArray(rawSchema) && rawSchema.name) {
+    rawSchema = [rawSchema];
+  }
+  const normalizeSingleField = (field, fallbackName) => {
+    var _a;
+    const uiSchema = (field == null ? void 0 : field.uiSchema) || {};
+    const name = (field == null ? void 0 : field.name) || fallbackName;
+    if (!name) {
+      return null;
+    }
+    const component = (uiSchema == null ? void 0 : uiSchema["x-component"]) || (field == null ? void 0 : field.interface) || (field == null ? void 0 : field.componentName) || (field == null ? void 0 : field.component) || "Input";
+    const props = {
+      ...(uiSchema == null ? void 0 : uiSchema["x-component-props"]) || {},
+      ...(field == null ? void 0 : field.props) || {}
+    };
+    const uiSchemaDataSourceOptions = ((_a = uiSchema == null ? void 0 : uiSchema["x-data-source"]) == null ? void 0 : _a.options) || [];
+    const rawOptions = uiSchemaDataSourceOptions.length ? uiSchemaDataSourceOptions : (uiSchema == null ? void 0 : uiSchema.enum) || (field == null ? void 0 : field.options) || (props == null ? void 0 : props.options) || [];
+    const options = rawOptions.map((option) => {
+      if (typeof option === "string" || typeof option === "number") {
+        return { label: option, value: option };
+      }
+      return { ...option, label: getI18nText(option == null ? void 0 : option.label) || (option == null ? void 0 : option.value) };
+    });
+    if (component === "Select" && (field == null ? void 0 : field.type) === "array" && !(props == null ? void 0 : props.mode)) {
+      props.mode = "multiple";
+    }
+    return {
+      ...field,
+      name,
+      label: getI18nText(field == null ? void 0 : field.label) || getI18nText(uiSchema == null ? void 0 : uiSchema.title) || name,
+      component,
+      componentName: component,
+      options,
+      props,
+      uiSchema
+    };
+  };
+  if (Array.isArray(rawSchema)) {
+    return rawSchema.map((item) => normalizeSingleField(item)).filter(Boolean);
+  }
+  if (Array.isArray(rawSchema == null ? void 0 : rawSchema.fields)) {
+    return rawSchema.fields.map((item) => normalizeSingleField(item)).filter(Boolean);
+  }
+  if (Array.isArray(rawSchema == null ? void 0 : rawSchema.children)) {
+    return rawSchema.children.map((item) => normalizeSingleField(item)).filter(Boolean);
+  }
+  if ((rawSchema == null ? void 0 : rawSchema.properties) && typeof rawSchema.properties === "object") {
+    return Object.keys(rawSchema.properties).map((name) => normalizeSingleField(rawSchema.properties[name], name)).filter(Boolean);
+  }
+  return [];
+};
+var DataSourceSubForm = (0, import_react.forwardRef)((props, ref) => {
+  const {
+    activeKey,
+    value = {},
+    onChange,
+    children,
+    xRecordSchema,
+    renderMode = "edit",
+    __designMode,
+    className,
+    style
+  } = props;
+  const [innerForm] = import_antd.Form.useForm();
+  const activeKeyRef = (0, import_react.useRef)(activeKey);
+  const safeValue = (0, import_react.useMemo)(() => {
+    if (value && typeof value === "object" && !Array.isArray(value)) {
+      return value;
+    }
+    return {};
+  }, [value]);
+  (0, import_react.useImperativeHandle)(ref, () => {
+    return {
+      getFieldsValue: () => {
+        return innerForm.getFieldsValue();
+      }
+    };
+  });
+  (0, import_react.useEffect)(() => {
+    if (activeKeyRef.current !== activeKey) {
+      activeKeyRef.current = activeKey;
+      innerForm.resetFields();
+    }
+    innerForm.setFieldsValue(safeValue);
+  }, [safeValue, innerForm, activeKey]);
+  const handleValuesChange = (0, import_ahooks.useMemoizedFn)(
+    (_, allValues) => {
+      onChange == null ? void 0 : onChange({ ...safeValue, ...allValues });
+    }
+  );
+  const fields = (0, import_react.useMemo)(
+    () => normalizeRecordSchema(xRecordSchema),
+    [xRecordSchema]
+  );
+  const hasRealChildren = (0, import_react.useMemo)(() => {
+    const childArray = import_react.default.Children.toArray(children);
+    if (childArray.length === 0) return false;
+    return childArray.some((child) => import_react.default.isValidElement(child));
+  }, [children]);
+  const mockDataSource = (0, import_react.useMemo)(() => {
+    if (!fields || fields.length === 0) return null;
+    return {
+      fields: fields.map((field) => ({
+        name: field.name,
+        uiSchema: field.uiSchema,
+        interface: field.interface
+      })),
+      name: "dataSourceSubForm",
+      tableName: "dataSourceSubForm"
+    };
+  }, [fields]);
+  const renderFormContent = () => {
+    if (!hasRealChildren && fields.length === 0) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-data-source-sub-form__empty" }, "No fields configured. Please configure xRecordSchema or add children components.");
+    }
+    const formContent = /* @__PURE__ */ import_react.default.createElement(import_JsonWrapperContext.default.Provider, { value: { path: [], level: 0 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form,
+      {
+        form: innerForm,
+        onValuesChange: handleValuesChange,
+        component: false,
+        layout: "vertical"
+      },
+      children
+    ));
+    if (mockDataSource) {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_FormSettingProvider.default,
+        {
+          renderMode,
+          groupInfoPosition: "top",
+          size: "large"
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_DataSourceProvider.default,
+          {
+            dataSource: mockDataSource,
+            __designMode
+          },
+          formContent
+        )
+      );
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_FormSettingProvider.default,
+      {
+        renderMode,
+        groupInfoPosition: "top",
+        size: "large"
+      },
+      formContent
+    );
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell-data-source-sub-form", className),
+      style
+    },
+    renderFormContent()
+  );
+});
+var dataSourceSubForm_default = DataSourceSubForm;

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

@@ -0,0 +1,19 @@
+/**
+ * @title DataSourceSubForm 组件样式
+ * @description 独立的子表单组件样式定义
+ */
+
+// .pisell-data-source-sub-form {
+//   width: 100%;
+
+//   &__empty {
+//     color: #999;
+//     font-size: 12px;
+//     padding: 12px 0;
+//     text-align: center;
+//   }
+
+//   &__form-wrapper {
+//     width: 100%;
+//   }
+// }