@pisell/materials 6.0.13 → 6.0.15

package/es/locales/zh-CN.js

@@ -212,6 +212,7 @@ export default {
   'pisell-delete-confirm-cancel': '取消',
   'pisell-design-mode-action-disabled': '编辑模式下不可执行此操作',
   'pisell-translation-original': '原始语言',
+  // 版本升级组件
   'pisell-version-modal-title': '创建新版本',
   'pisell-version-modal-current-version': '当前版本',
   'pisell-version-modal-version': '版本号',
@@ -225,11 +226,42 @@ export default {
   'pisell-version-modal-describe-update-notes': '描述此版本的主要更改...',
   'pisell-version-modal-version-error': '版本号必须大于当前版本',
   'pisell-version-modal-version-required': '版本号为必填项',
+  'pisell-version-modal-based-on-version': '基于版本',
   // 子域名校验错误
   'subdomain-error-too-short': '子域名长度不能小于2个字符',
   'subdomain-error-too-long': '子域名长度不能超过60个字符',
   'subdomain-error-pattern': '子域名只能包含小写字母、数字和连字符',
   'subdomain-error-numbers-only': '子域名不能全为数字',
   'subdomain-error-hyphen-ends': '子域名不能以连字符开头或结尾',
-  'subdomain-error-consecutive-hyphens': '子域名不能包含连续的连字符'
+  'subdomain-error-consecutive-hyphens': '子域名不能包含连续的连字符',
+  'pisell-icon-select-outlined': '线框风格',
+  'pisell-icon-select-filled': '实底风格',
+  'pisell-icon-select-two-tone': '双色风格',
+  'pisell-icon-select-iconfont': 'Iconfont',
+  'pisell-icon-select-search': '搜索图标',
+  'pisell-icon-select-select': '选择图标',
+  // 应用版本控制组件
+  'pisell-lowcode-app-version-control-live': '正式版',
+  'pisell-lowcode-app-version-control-draft': '草稿',
+  'pisell-lowcode-app-version-control-deprecated': '已废弃',
+  'pisell-lowcode-app-version-control-new-version': '新版本',
+  'pisell-lowcode-app-version-control-promote-to-live': '发布正式版',
+  'pisell-lowcode-app-version-control-promote-version': function pisellLowcodeAppVersionControlPromoteVersion(version) {
+    return "\u53D1\u5E03\u7248\u672C ".concat(version || "", "?");
+  },
+  'pisell-lowcode-app-version-control-promote-version-describe': '您确定要发布此版本吗？',
+  'pisell-lowcode-app-version-control-promote-version-ok': '发布',
+  'pisell-lowcode-app-version-control-promote-version-cancel': '取消',
+  'pisell-lowcode-app-version-control-version-exists': '版本已存在',
+  // 拖拽排序组件
+  'pisell-lowcode-drop-sort-add': '添加',
+  // 导航菜单组件
+  'pisell-lowcode-navigation-menu-add-sub-menu': '添加子菜单',
+  'pisell-lowcode-navigation-menu-add-page': '添加页面',
+  'pisell-lowcode-navigation-menu-add-page-tip': '没有找到导航，请添加子菜单或页面。',
+  // 应用标识符
+  'pisell-data-source-form-app-identifier-pattern': '只能包含小写字母、数字、连字符、点和下划线',
+  'pisell-data-source-form-app-identifier-start-with-letter': '必须以字母开头',
+  'pisell-data-source-form-app-identifier-special-ends': '不能以连字符、点或下划线结尾',
+  'pisell-data-source-form-app-identifier-consecutive-special': '不能包含连续的连字符、点或下划线'
 };

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

@@ -177,11 +177,37 @@ declare const _default: {
     'pisell-version-modal-describe-update-notes': string;
     'pisell-version-modal-version-error': string;
     'pisell-version-modal-version-required': string;
+    'pisell-version-modal-based-on-version': string;
     'subdomain-error-too-short': string;
     'subdomain-error-too-long': string;
     'subdomain-error-pattern': string;
     'subdomain-error-numbers-only': string;
     'subdomain-error-hyphen-ends': string;
     'subdomain-error-consecutive-hyphens': string;
+    'pisell-icon-select-placeholder': string;
+    'pisell-icon-select-outlined': string;
+    'pisell-icon-select-filled': string;
+    'pisell-icon-select-two-tone': string;
+    'pisell-icon-select-iconfont': string;
+    'pisell-icon-select-search': string;
+    'pisell-icon-select-select': string;
+    'pisell-lowcode-app-version-control-live': string;
+    'pisell-lowcode-app-version-control-draft': string;
+    'pisell-lowcode-app-version-control-deprecated': string;
+    'pisell-lowcode-app-version-control-new-version': string;
+    'pisell-lowcode-app-version-control-promote-to-live': string;
+    'pisell-lowcode-app-version-control-promote-version': (version: string) => string;
+    'pisell-lowcode-app-version-control-promote-version-describe': string;
+    'pisell-lowcode-app-version-control-promote-version-ok': string;
+    'pisell-lowcode-app-version-control-promote-version-cancel': string;
+    'pisell-lowcode-app-version-control-version-exists': string;
+    'pisell-lowcode-drop-sort-add': string;
+    'pisell-lowcode-navigation-menu-add-sub-menu': string;
+    'pisell-lowcode-navigation-menu-add-page': string;
+    'pisell-lowcode-navigation-menu-add-page-tip': string;
+    'pisell-data-source-form-app-identifier-pattern': string;
+    'pisell-data-source-form-app-identifier-start-with-letter': string;
+    'pisell-data-source-form-app-identifier-special-ends': string;
+    'pisell-data-source-form-app-identifier-consecutive-special': string;
 };
 export default _default;

package/es/locales/zh-TW.js

@@ -212,6 +212,7 @@ export default {
   'pisell-delete-confirm-cancel': '取消',
   'pisell-design-mode-action-disabled': '編輯模式下不可執行此操作',
   'pisell-translation-original': '原始語言',
+  // 版本升级组件
   'pisell-version-modal-title': '創建新版本',
   'pisell-version-modal-current-version': '當前版本',
   'pisell-version-modal-version': '版本號',
@@ -225,11 +226,44 @@ export default {
   'pisell-version-modal-describe-update-notes': '描述此版本的主要更改...',
   'pisell-version-modal-version-error': '版本號必須大於當前版本',
   'pisell-version-modal-version-required': '版本號為必填項',
+  'pisell-version-modal-based-on-version': '基於版本',
   // 子域名校验错误
   'subdomain-error-too-short': '子域名長度不能小於2個字符',
   'subdomain-error-too-long': '子域名長度不能超過60個字符',
   'subdomain-error-pattern': '子域名只能包含小寫字母、數字和連字符',
   'subdomain-error-numbers-only': '子域名不能全為數字',
   'subdomain-error-hyphen-ends': '子域名不能以連字符開頭或結尾',
-  'subdomain-error-consecutive-hyphens': '子域名不能包含連續的連字符'
+  'subdomain-error-consecutive-hyphens': '子域名不能包含連續的連字符',
+  // 图标选择组件
+  'pisell-icon-select-placeholder': '選擇圖標',
+  'pisell-icon-select-outlined': '線框風格',
+  'pisell-icon-select-filled': '實底風格',
+  'pisell-icon-select-two-tone': '雙色風格',
+  'pisell-icon-select-iconfont': 'Iconfont',
+  'pisell-icon-select-search': '搜索圖標',
+  'pisell-icon-select-select': '選擇圖標',
+  // 应用版本控制组件
+  'pisell-lowcode-app-version-control-live': '正式版',
+  'pisell-lowcode-app-version-control-draft': '草稿',
+  'pisell-lowcode-app-version-control-deprecated': '已廢棄',
+  'pisell-lowcode-app-version-control-new-version': '新版本',
+  'pisell-lowcode-app-version-control-promote-to-live': '發布正式版',
+  'pisell-lowcode-app-version-control-promote-version': function pisellLowcodeAppVersionControlPromoteVersion(version) {
+    return "\u767C\u5E03\u7248\u672C ".concat(version || "", "?");
+  },
+  'pisell-lowcode-app-version-control-promote-version-describe': '您確定要發佈此版本嗎？',
+  'pisell-lowcode-app-version-control-promote-version-ok': '發布',
+  'pisell-lowcode-app-version-control-promote-version-cancel': '取消',
+  'pisell-lowcode-app-version-control-version-exists': '版本已存在',
+  // 拖拽排序组件
+  'pisell-lowcode-drop-sort-add': '添加',
+  // 导航菜单组件
+  'pisell-lowcode-navigation-menu-add-sub-menu': '添加子菜單',
+  'pisell-lowcode-navigation-menu-add-page': '添加頁面',
+  'pisell-lowcode-navigation-menu-add-page-tip': '沒有找到導航, 請添加子菜單或頁面。',
+  // 应用标识符
+  'pisell-data-source-form-app-identifier-pattern': '只能包含小寫字母、數字、連字符、點和下劃線',
+  'pisell-data-source-form-app-identifier-start-with-letter': '必須以字母開頭',
+  'pisell-data-source-form-app-identifier-special-ends': '不能以連字符、點或下劃線結尾',
+  'pisell-data-source-form-app-identifier-consecutive-special': '不能包含連續的連字符、點或下劃線'
 };

package/es/typings.d.ts

@@ -0,0 +1,4 @@
+declare module '*.png' {
+  const content: string;
+  export default content;
+} 

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

@@ -5,7 +5,7 @@ export declare const paginationConfig: {
     className: string;
     defaultCurrent: number;
     showTotal: (total: number, range: [number, number]) => string;
-    itemRender: (page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
+    itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
     responsive: boolean;
     size: string;
 };

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AppVersionControlProps } from './types';
+import './index.less';
+declare const AppVersionControl: (props: AppVersionControlProps) => React.JSX.Element;
+export default AppVersionControl;

package/lib/components/appVersionControl/index.js

@@ -0,0 +1,188 @@
+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/appVersionControl/index.tsx
+var appVersionControl_exports = {};
+__export(appVersionControl_exports, {
+  default: () => appVersionControl_default
+});
+module.exports = __toCommonJS(appVersionControl_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_button = __toESM(require("../button"));
+var import_pisellCard = __toESM(require("../pisellCard"));
+var import_pisellModal = __toESM(require("../pisellModal"));
+var import_pisellAvatar = __toESM(require("../pisellAvatar"));
+var import_icon = __toESM(require("../icon"));
+var import_versionModal = __toESM(require("../versionModal"));
+var import_versionSelect = __toESM(require("../versionSelect"));
+var import_pisellToast = __toESM(require("../pisellToast"));
+var import_locales = require("../../locales");
+var import_utils = require("./utils");
+var import_index = require("./index.less");
+var AppVersionControl = (props) => {
+  const {
+    value,
+    versions = [],
+    onVersionChange,
+    onCreateVersion,
+    onPromoteToLive,
+    className,
+    style,
+    allowPublish = true,
+    allowCreate = true
+  } = props;
+  const [promoteLoading, setPromoteLoading] = (0, import_react.useState)(false);
+  const [promoteToLiveModal, setPromoteToLiveModal] = (0, import_react.useState)(false);
+  const [publishVersionModal, setPublishVersionModal] = (0, import_react.useState)(false);
+  const [publishLoading, setPublishLoading] = (0, import_react.useState)(false);
+  const currentVersion = (0, import_react.useMemo)(() => {
+    return versions.find((v) => v.value === value);
+  }, [value, versions]);
+  const maxVersion = (0, import_react.useMemo)(() => {
+    return (0, import_utils.getMaxVersion)(versions.map((v) => v.version));
+  }, [versions]);
+  const handlePromoteToLive = async () => {
+    setPromoteLoading(true);
+    try {
+      await (onPromoteToLive == null ? void 0 : onPromoteToLive(value, currentVersion));
+      setPromoteToLiveModal(false);
+    } catch (error) {
+      console.error("Failed to promote version:", error);
+    } finally {
+      setPromoteLoading(false);
+    }
+  };
+  const handlePublishVersion = async (data) => {
+    setPublishLoading(true);
+    if (data.versionType === "custom") {
+      const version = versions.find((v) => v.version === data.version);
+      if (version) {
+        setPublishLoading(false);
+        return (0, import_pisellToast.default)({
+          content: (0, import_locales.getText)("pisell-lowcode-app-version-control-version-exists")
+        });
+      }
+    }
+    try {
+      await (onCreateVersion == null ? void 0 : onCreateVersion({
+        version: data.version,
+        baseVersion: data.baseVersion || ""
+      }));
+      setPublishVersionModal(false);
+    } catch (error) {
+      console.error("Failed to create version:", error);
+    } finally {
+      setPublishLoading(false);
+    }
+  };
+  const handleVersionChange = (value2) => {
+    const version = versions.find((v) => v.value === value2);
+    onVersionChange == null ? void 0 : onVersionChange(value2, version);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_pisellCard.default,
+    {
+      className: (0, import_classnames.default)("pisell-lowcode-app-version-control", className),
+      style
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_pisellAvatar.default,
+      {
+        size: "xl",
+        shape: "square",
+        borderRadius: 10,
+        useTextAvatar: true,
+        className: "pisell-lowcode-app-version-control-avatar",
+        src: currentVersion == null ? void 0 : currentVersion.avatar
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_icon.default,
+        {
+          type: "pisell2-container",
+          className: "pisell-lowcode-app-version-control-avatar-icon"
+        }
+      )
+    ),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-version-control-title" }, (currentVersion == null ? void 0 : currentVersion.name) || ""),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_versionSelect.default,
+      {
+        versions,
+        value,
+        onChange: handleVersionChange
+      }
+    ),
+    allowCreate && /* @__PURE__ */ import_react.default.createElement(
+      import_button.default,
+      {
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: "pisell2-plus" }),
+        block: true,
+        size: "large",
+        onClick: () => setPublishVersionModal(true)
+      },
+      (0, import_locales.getText)("pisell-lowcode-app-version-control-new-version")
+    ),
+    allowPublish && (currentVersion == null ? void 0 : currentVersion.status) !== "live" && /* @__PURE__ */ import_react.default.createElement(
+      import_button.default,
+      {
+        type: "primary",
+        block: true,
+        size: "large",
+        onClick: () => setPromoteToLiveModal(true)
+      },
+      (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-to-live")
+    )
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_pisellModal.default.Information,
+    {
+      open: promoteToLiveModal,
+      title: (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-version")(currentVersion == null ? void 0 : currentVersion.version),
+      describe: (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-version-describe"),
+      okText: (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-version-ok"),
+      cancelText: (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-version-cancel"),
+      onOk: handlePromoteToLive,
+      confirmLoading: promoteLoading,
+      onCancel: () => setPromoteToLiveModal(false)
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_versionModal.default,
+    {
+      currentVersion: maxVersion || "",
+      visible: publishVersionModal,
+      onCancel: () => setPublishVersionModal(false),
+      onConfirm: handlePublishVersion,
+      isShowNote: false,
+      confirmLoading: publishLoading,
+      versions,
+      isShowBasedOn: true,
+      isValidateVersion: false
+    }
+  ));
+};
+var appVersionControl_default = AppVersionControl;

package/lib/components/appVersionControl/index.less

@@ -0,0 +1,35 @@
+.pisell-lowcode-app-version-control {
+  background-color: #fff;
+  cursor: default;
+  .pisell-lowcode-card-body {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 12px;
+    padding: 12px !important;
+    &::after {
+      display: none;
+    }
+    .pisell-lowcode-app-version-control-avatar {
+      display: flex;
+      .pisell-lowcode-avatar-string {
+        display: flex;
+      }
+    }
+
+    .pisell-lowcode-app-version-control-avatar-icon {
+      font-size: 32px !important;
+    }
+  }
+  .pisell-lowcode-app-version-control-title {
+    color: var(--Gray-900, #101828);
+    text-align: center;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 24px; /* 150% */
+  }
+  &:hover {
+    background: #fff !important;
+  }
+}

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export interface Version {
+    id: string;
+    label: string;
+    value: string;
+    name: string;
+    status: 'live' | 'draft' | 'deprecated';
+    version: string;
+    avatar?: string;
+}
+export interface AppVersionControlProps {
+    value: string;
+    versions: Version[];
+    onVersionChange: (value: string, version: Version) => void;
+    onCreateVersion: (detail: {
+        version: string;
+        baseVersion: string;
+    }) => Promise<boolean | undefined>;
+    onPromoteToLive: (value: string, version: Version) => Promise<boolean | undefined>;
+    allowPublish?: boolean;
+    allowCreate?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/lib/components/appVersionControl/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/appVersionControl/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/appVersionControl/utils.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 比较两个版本号
+ * @param version1 版本号1
+ * @param version2 版本号2
+ * @returns 如果version1大于version2返回1，相等返回0，小于返回-1
+ */
+export declare const compareVersions: (version1: string, version2: string) => number;
+/**
+ * 从版本号列表中获取最大版本号
+ * @param versions 版本号列表
+ * @returns 最大的版本号，如果列表为空返回undefined
+ */
+export declare const getMaxVersion: (versions: string[]) => string | undefined;

package/lib/components/appVersionControl/utils.js

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/appVersionControl/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  compareVersions: () => compareVersions,
+  getMaxVersion: () => getMaxVersion
+});
+module.exports = __toCommonJS(utils_exports);
+var compareVersions = (version1, version2) => {
+  const v1Parts = version1.split(".").map(Number);
+  const v2Parts = version2.split(".").map(Number);
+  for (let i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
+    const v1Part = v1Parts[i] || 0;
+    const v2Part = v2Parts[i] || 0;
+    if (v1Part > v2Part)
+      return 1;
+    if (v1Part < v2Part)
+      return -1;
+  }
+  return 0;
+};
+var getMaxVersion = (versions) => {
+  if (!versions || versions.length === 0)
+    return void 0;
+  return versions.reduce((max, current) => {
+    if (!max)
+      return current;
+    return compareVersions(current, max) > 0 ? current : max;
+  }, versions[0]);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  compareVersions,
+  getMaxVersion
+});

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { SelectProps } from 'antd';
+import './index.less';
+export interface BaseOption {
+    label: string;
+    value: string | number;
+}
+export interface CustomSelectProps<T extends BaseOption> extends Omit<SelectProps<T['value']>, 'options' | 'value' | 'onChange'> {
+    options: T[];
+    value?: T['value'];
+    onChange?: (value: T['value']) => void;
+    renderItem?: (option: T) => React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const CustomSelect: <T extends BaseOption>(props: CustomSelectProps<T>) => React.JSX.Element;
+export default CustomSelect;

package/lib/components/customSelect/index.js

@@ -0,0 +1,59 @@
+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/customSelect/index.tsx
+var customSelect_exports = {};
+__export(customSelect_exports, {
+  default: () => customSelect_default
+});
+module.exports = __toCommonJS(customSelect_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_select = __toESM(require("../select"));
+var import_index = require("./index.less");
+var CustomSelect = (props) => {
+  const { options: propsOptions, value, onChange, renderItem } = props;
+  const options = (0, import_react.useMemo)(() => {
+    return propsOptions.map((option) => ({
+      ...option,
+      label: renderItem ? renderItem(option) : option.label,
+      value: option.value
+    }));
+  }, [propsOptions, renderItem]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_select.default,
+    {
+      ...props,
+      className: (0, import_classnames.default)("pisell-lowcode-custom-select", props.className),
+      options,
+      value,
+      onChange
+    }
+  );
+};
+var customSelect_default = CustomSelect;

package/lib/components/customSelect/index.less

@@ -0,0 +1,7 @@
+.pisell-lowcode-custom-select {
+    .pisell-lowcode-select-selector {
+      border: none !important;
+      background: var(--Gray-50, #F9FAFB) !important;
+      box-shadow: none !important;
+    }
+}

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

@@ -87,7 +87,7 @@ var BaseForm = (0, import_react.forwardRef)(
           (_a2 = formRef.current) == null ? void 0 : _a2.setFields((0, import_utils.transformFormObjToArrayWithUntouched)(formattedValues));
         });
       }
-    }, [renderMode, dataSource, formatInitialValues]);
+    }, [renderMode, dataSource]);
     const checkFormClose = (0, import_ahooks.useMemoizedFn)(async () => {
       var _a2;
       const isFormChanged = (_a2 = formRef.current) == null ? void 0 : _a2.isFieldsTouched();

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

@@ -34,6 +34,8 @@ __export(group_exports, {
 module.exports = __toCommonJS(group_exports);
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_ahooks = require("ahooks");
 var import_useFormSetting = __toESM(require("../provider/hooks/useFormSetting"));
 var import_usePisellConfig = __toESM(require("../../../pisell-config-provider/hooks/usePisellConfig"));
 var import_index = require("./index.less");
@@ -47,12 +49,17 @@ var FormGroup = (props) => {
     backgroundColor: propsBackgroundColor,
     children
   } = props;
+  const ref = (0, import_react.useRef)(null);
+  const size = (0, import_ahooks.useSize)(ref);
   const { groupInfoPosition: formSettingGroupInfoPosition } = (0, import_useFormSetting.default)();
   const { platform } = (0, import_usePisellConfig.default)();
   const groupInfoPosition = (0, import_react.useMemo)(() => {
     const isMobile = platform === "h5";
-    return isMobile ? "top" : formSettingGroupInfoPosition;
-  }, [platform, formSettingGroupInfoPosition]);
+    if (isMobile || ((size == null ? void 0 : size.width) || 0) < 500) {
+      return "top";
+    }
+    return formSettingGroupInfoPosition;
+  }, [platform, formSettingGroupInfoPosition, size == null ? void 0 : size.width]);
   const backgroundColor = showBackgroundColor ? propsBackgroundColor : void 0;
   const wrapperStyle = (0, import_react.useMemo)(() => {
     return {
@@ -71,17 +78,17 @@ var FormGroup = (props) => {
       className: (0, import_classnames.default)("pisell-lowcode-data-source-form-group", {
         "pisell-lowcode-data-source-form-group-top": groupInfoPosition === "top",
         "pisell-lowcode-data-source-form-group-side": groupInfoPosition === "side"
-      })
+      }),
+      ref
     },
-    (propsShowTitle && title || propsShowDescription && description) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-group-info" }, propsShowTitle && title && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-group-title" }, title), propsShowDescription && description && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-group-description" }, description)),
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { style: { flex: 1 }, gutter: 16 }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: groupInfoPosition === "top" ? 24 : 6 }, (propsShowTitle && title || propsShowDescription && description) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-group-info" }, propsShowTitle && title && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-group-title" }, title), propsShowDescription && description && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-data-source-form-group-description" }, description))), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: groupInfoPosition === "top" ? 24 : 18 }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: "pisell-lowcode-data-source-form-group-content",
         style: contentStyle
       },
       children
-    )
+    )))
   );
 };
 var group_default = FormGroup;