@pisell/materials 6.0.7 → 6.0.9

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

@@ -76,7 +76,7 @@ export var formItemNameReverse = function formItemNameReverse(name) {
 
 // 验证域名
 export var isValidDomain = function isValidDomain(value) {
-  return /^(?=.{1,253}$)(?!-)[A-Za-z0-9-]{1,63}(?<!-)(\.[A-Za-z]{2,})+$/.test(value);
+  return /^(?!.*--)[A-Za-z0-9][A-Za-z0-9-]{0,61}[A-Za-z0-9](\.[A-Za-z]{2,})+$/.test(value);
 };
 
 /**

package/es/components/dataSourceComponents/fields/Input.Email/WithMode.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
 import { InputProps } from 'antd';
-declare const EmailWithMode: React.FC<InputProps & import("../../dataSourceForm/utils").WithModeProps>;
+declare const EmailWithMode: React.FC<InputProps & {
+    onChange: (value: string) => void;
+} & import("../../dataSourceForm/utils").WithModeProps>;
 export default EmailWithMode;

package/es/components/dataSourceComponents/fields/Input.Email/WithMode.js

@@ -1,11 +1,24 @@
+var _excluded = ["onBlur", "onChange"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React from 'react';
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useCallback } from 'react';
 import { Input as AntInput } from 'antd';
 import Icon from "../../../icon";
 import ReadPretty from "./ReadPretty";
 import { withMode } from "../../dataSourceForm/utils";
 var Email = function Email(props) {
-  return /*#__PURE__*/React.createElement(AntInput, _extends({}, props, {
+  var propsOnBlur = props.onBlur,
+    propsOnChange = props.onChange,
+    rest = _objectWithoutProperties(props, _excluded);
+  var onBlur = useCallback(function (e) {
+    var _e$target;
+    propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(((e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value) || "").trim());
+    propsOnBlur === null || propsOnBlur === void 0 ? void 0 : propsOnBlur(e);
+  }, [propsOnBlur, propsOnChange]);
+  return /*#__PURE__*/React.createElement(AntInput, _extends({}, rest, {
+    onChange: propsOnChange,
+    onBlur: onBlur,
     prefix: /*#__PURE__*/React.createElement(Icon, {
       type: "pisell2-mail-01",
       size: 18,

package/es/components/dataSourceComponents/fields/Input.Email/index.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-declare const Email: React.FC<import("antd").InputProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+declare const Email: React.FC<import("antd").InputProps & {
+    onChange: (value: string) => void;
+} & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
 export default Email;

package/es/components/dataSourceComponents/fields/Input.Email/index.js

@@ -1,4 +1,8 @@
 import { withFormItem } from "../../dataSourceForm/utils";
 import EmailWithMode from "./WithMode";
-var Email = withFormItem(EmailWithMode);
+var Email = withFormItem(EmailWithMode, {
+  otherFormItemProps: {
+    validateTrigger: 'onBlur'
+  }
+});
 export default Email;

package/es/components/dataSourceComponents/hooks/useActions.js

@@ -22,7 +22,9 @@ import useParseActionsVariable from "./useParseActionsVariable";
 import useVariables from "./useVariables";
 import useDataSource from "./useDataSource";
 import { getText } from "../../../locales";
+import useEngineContext from "../../../hooks/useEngineContext";
 var useActions = function useActions() {
+  var _context$appHelper;
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     propsDataSource = _ref.dataSource,
     propsCurrentValue = _ref.currentValue,
@@ -32,6 +34,14 @@ var useActions = function useActions() {
   var _useDataSource = useDataSource(),
     ctxDataSource = _useDataSource.dataSource,
     ctxDesignMode = _useDataSource.__designMode;
+  var context = useEngineContext();
+  var _ref2 = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.constants) || {},
+    pisell2ApiBaseUrl = _ref2.pisell2ApiBaseUrl,
+    mypisellApiBaseUrl = _ref2.mypisellApiBaseUrl;
+  var baseUrlMap = {
+    'pisell2-api': pisell2ApiBaseUrl,
+    'mypisell-api': mypisellApiBaseUrl
+  };
   var _useVariables = useVariables(),
     parseVariable = _useVariables.parseVariable;
   var _useParseActionsVaria = useParseActionsVariable(),
@@ -39,14 +49,14 @@ var useActions = function useActions() {
   var currentDataSource = propsDataSource || ctxDataSource;
   var currentValue = propsCurrentValue || 'server';
   var designMode = __designMode || ctxDesignMode;
-  var _ref2 = currentDataSource || {},
-    isCustomApi = _ref2.isCustomApi,
-    originalActions = _ref2.actions,
-    options = _ref2.options,
-    headerDataSource = _ref2.headerDataSource,
-    name = _ref2.name,
-    dataSourceKey = _ref2.dataSourceKey,
-    fields = _ref2.fields;
+  var _ref3 = currentDataSource || {},
+    isCustomApi = _ref3.isCustomApi,
+    originalActions = _ref3.actions,
+    options = _ref3.options,
+    headerDataSource = _ref3.headerDataSource,
+    name = _ref3.name,
+    dataSourceKey = _ref3.dataSourceKey,
+    fields = _ref3.fields;
   var _useFormat = useFormat({
       dataSourceKey: dataSourceKey || '',
       fields: fields || []
@@ -60,14 +70,14 @@ var useActions = function useActions() {
     return parseVariable === null || parseVariable === void 0 ? void 0 : parseVariable(currentValue, {});
   }, [currentValue, parseVariable]);
   var extraParams = useMemo(function () {
-    return Object.entries(propsExtraParams || {}).reduce(function (acc, _ref3) {
-      var _ref4 = _slicedToArray(_ref3, 2),
-        key = _ref4[0],
-        value = _ref4[1];
-      acc[key] = Object.entries(value || {}).reduce(function (acc, _ref5) {
-        var _ref6 = _slicedToArray(_ref5, 2),
-          k = _ref6[0],
-          v = _ref6[1];
+    return Object.entries(propsExtraParams || {}).reduce(function (acc, _ref4) {
+      var _ref5 = _slicedToArray(_ref4, 2),
+        key = _ref5[0],
+        value = _ref5[1];
+      acc[key] = Object.entries(value || {}).reduce(function (acc, _ref6) {
+        var _ref7 = _slicedToArray(_ref6, 2),
+          k = _ref7[0],
+          v = _ref7[1];
         acc[k] = parseVariable === null || parseVariable === void 0 ? void 0 : parseVariable(v, {});
         return acc;
       }, {});
@@ -82,15 +92,15 @@ var useActions = function useActions() {
   });
 
   // 生成自定义 API 请求函数
-  var genCustomApi = useMemoizedFn(function (_ref7) {
-    var method = _ref7.method,
-      path = _ref7.path,
-      parsedPath = _ref7.parsedPath,
-      params = _ref7.params,
-      headers = _ref7.headers,
-      body = _ref7.body;
+  var genCustomApi = useMemoizedFn(function (_ref8) {
+    var method = _ref8.method,
+      path = _ref8.path,
+      parsedPath = _ref8.parsedPath,
+      params = _ref8.params,
+      headers = _ref8.headers,
+      body = _ref8.body;
     return /*#__PURE__*/function () {
-      var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
+      var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
         var result;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -98,7 +108,7 @@ var useActions = function useActions() {
               _context.next = 2;
               return customApi(parsedPath || path, data, {
                 method: method,
-                baseUrl: options === null || options === void 0 ? void 0 : options.baseUrl,
+                baseUrl: baseUrlMap[dataSourceKey] || (options === null || options === void 0 ? void 0 : options.baseUrl),
                 params: params,
                 headers: headers,
                 body: body
@@ -119,7 +129,7 @@ var useActions = function useActions() {
         }, _callee);
       }));
       return function (_x2) {
-        return _ref8.apply(this, arguments);
+        return _ref9.apply(this, arguments);
       };
     }();
   });
@@ -138,7 +148,7 @@ var useActions = function useActions() {
 
   // 创建数据
   var create = useMemoizedFn( /*#__PURE__*/function () {
-    var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values) {
+    var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values) {
       var actions, createApi;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -176,7 +186,7 @@ var useActions = function useActions() {
       }, _callee2);
     }));
     return function (_x3) {
-      return _ref9.apply(this, arguments);
+      return _ref10.apply(this, arguments);
     };
   }());
 
@@ -230,7 +240,7 @@ var useActions = function useActions() {
 
   // 更新数据
   var update = useMemoizedFn( /*#__PURE__*/function () {
-    var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(values) {
+    var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(values) {
       var actions, updateApi, id;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -281,13 +291,13 @@ var useActions = function useActions() {
       }, _callee4);
     }));
     return function (_x4) {
-      return _ref11.apply(this, arguments);
+      return _ref12.apply(this, arguments);
     };
   }());
 
   // 获取数据列表
   var list = useMemoizedFn( /*#__PURE__*/function () {
-    var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(params) {
+    var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(params) {
       var formatParams, actions, listApi;
       return _regeneratorRuntime().wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
@@ -335,11 +345,11 @@ var useActions = function useActions() {
       }, _callee5);
     }));
     return function (_x5) {
-      return _ref12.apply(this, arguments);
+      return _ref13.apply(this, arguments);
     };
   }());
   var destroy = useMemoizedFn( /*#__PURE__*/function () {
-    var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(id) {
+    var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(id) {
       var actions, deleteApi;
       return _regeneratorRuntime().wrap(function _callee6$(_context6) {
         while (1) switch (_context6.prev = _context6.next) {
@@ -379,7 +389,7 @@ var useActions = function useActions() {
       }, _callee6);
     }));
     return function (_x6) {
-      return _ref13.apply(this, arguments);
+      return _ref14.apply(this, arguments);
     };
   }());
   return {

package/es/components/login-and-register/index.less

@@ -1,10 +1,13 @@
 .saas-login-container {
   // width: 100%;
+  width: 360px;
   max-width: 360px;
+  min-width: 266px;
+  margin: 0 20px;
   overflow-x: hidden;
   // margin: 0 auto;
   // padding: 24px;
-  text-align: center;
+  // text-align: center;
   // height: 100%;
   // overflow-y: auto;
   

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import './index.less';
+export interface PisellViewGridProps {
+    columns?: number;
+    horizontalGap?: number;
+    verticalGap?: number;
+    singleRow?: boolean;
+    dataSource?: any[];
+    renderItem?: (item: any, index: number) => React.ReactNode;
+    loading?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const PisellViewGrid: React.FC<PisellViewGridProps>;
+export default PisellViewGrid;

package/es/components/pisellViewGrid/index.js

@@ -0,0 +1,66 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import Loading from "../pisellLoading";
+import classNames from 'classnames';
+import "./index.less";
+var PisellViewGrid = function PisellViewGrid(_ref) {
+  var _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? 3 : _ref$columns,
+    _ref$horizontalGap = _ref.horizontalGap,
+    horizontalGap = _ref$horizontalGap === void 0 ? 10 : _ref$horizontalGap,
+    _ref$verticalGap = _ref.verticalGap,
+    verticalGap = _ref$verticalGap === void 0 ? 10 : _ref$verticalGap,
+    _ref$singleRow = _ref.singleRow,
+    singleRow = _ref$singleRow === void 0 ? false : _ref$singleRow,
+    _ref$dataSource = _ref.dataSource,
+    dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
+    renderItem = _ref.renderItem,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    children = _ref.children,
+    className = _ref.className,
+    style = _ref.style;
+  var classes = classNames('pisell-view-grid', {
+    'pisell-view-grid-single-row': singleRow
+  }, className);
+  return /*#__PURE__*/React.createElement(Loading, {
+    loading: loading,
+    fullscreen: false,
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes,
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      width: '100%',
+      overflow: 'hidden'
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-view-grid-content",
+    style: !singleRow ? {
+      gap: "".concat(verticalGap, "px ").concat(horizontalGap, "px"),
+      gridTemplateColumns: "repeat(".concat(columns, ", 1fr)"),
+      width: '100%'
+    } : {
+      display: 'flex',
+      flexWrap: 'nowrap',
+      overflowX: 'auto',
+      width: '100%'
+    }
+  }, dataSource.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: "pisell-view-grid-item",
+      style: {
+        minWidth: 0,
+        flex: "0 0 calc(100% / ".concat(columns, ")")
+      }
+    }, renderItem === null || renderItem === void 0 ? void 0 : renderItem(item, index));
+  }))));
+};
+export default PisellViewGrid;

package/es/components/pisellViewGrid/index.less

@@ -0,0 +1,31 @@
+.pisell-view-grid {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+
+  &-content {
+    display: grid;
+    width: 100%;
+    // grid-template-columns: repeat(4, 1fr);
+    // gap: 10px;
+  }
+
+  &-item {
+    width: 100%;
+  }
+
+  &-single-row {
+    &::-webkit-scrollbar {
+      display: none;
+    }
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+
+  // &-item {
+  //   box-sizing: border-box;
+  //   display: inline-block;
+  //   vertical-align: top;
+  // }
+}

package/es/index.d.ts

@@ -131,6 +131,7 @@ export { default as DataSourceWrapper } from './components/dataSourceComponents/
 export { default as DataSourceTypography } from './components/dataSourceComponents/dataSourceShow/dataSourceTypography';
 export { default as DataSourceImage } from './components/dataSourceComponents/dataSourceShow/dataSourceImage';
 export { default as DataSourceQRCode } from './components/dataSourceComponents/dataSourceShow/dataSourceQRCode';
+export { default as PisellViewGrid } from './components/pisellViewGrid';
 export { default as PageHeader } from './components/page-header';
 export { default as OrganizationTenantSwitcher } from './components/organizationTenantSwitcher';
 export { default as PisellTags } from './components/pisellTags';

package/es/index.js

@@ -155,6 +155,7 @@ export { default as DataSourceWrapper } from "./components/dataSourceComponents/
 export { default as DataSourceTypography } from "./components/dataSourceComponents/dataSourceShow/dataSourceTypography";
 export { default as DataSourceImage } from "./components/dataSourceComponents/dataSourceShow/dataSourceImage";
 export { default as DataSourceQRCode } from "./components/dataSourceComponents/dataSourceShow/dataSourceQRCode";
+export { default as PisellViewGrid } from "./components/pisellViewGrid";
 export { default as PageHeader } from "./components/page-header";
 export { default as OrganizationTenantSwitcher } from "./components/organizationTenantSwitcher";
 export { default as PisellTags } from "./components/pisellTags";

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

@@ -88,7 +88,7 @@ var formItemNameReverse = (name) => {
   return name.replace(new RegExp(FORM_ITEM_SPLIT_CHAR, "g"), ".");
 };
 var isValidDomain = (value) => {
-  return /^(?=.{1,253}$)(?!-)[A-Za-z0-9-]{1,63}(?<!-)(\.[A-Za-z]{2,})+$/.test(value);
+  return /^(?!.*--)[A-Za-z0-9][A-Za-z0-9-]{0,61}[A-Za-z0-9](\.[A-Za-z]{2,})+$/.test(value);
 };
 var withFormItem = (WrappedComponent, overlayProps) => {
   return ({

package/lib/components/dataSourceComponents/fields/Input.Email/WithMode.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
 import { InputProps } from 'antd';
-declare const EmailWithMode: React.FC<InputProps & import("../../dataSourceForm/utils").WithModeProps>;
+declare const EmailWithMode: React.FC<InputProps & {
+    onChange: (value: string) => void;
+} & import("../../dataSourceForm/utils").WithModeProps>;
 export default EmailWithMode;

package/lib/components/dataSourceComponents/fields/Input.Email/WithMode.js

@@ -38,10 +38,18 @@ var import_icon = __toESM(require("../../../icon"));
 var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_utils = require("../../dataSourceForm/utils");
 var Email = (props) => {
+  const { onBlur: propsOnBlur, onChange: propsOnChange, ...rest } = props;
+  const onBlur = (0, import_react.useCallback)((e) => {
+    var _a;
+    propsOnChange == null ? void 0 : propsOnChange((((_a = e == null ? void 0 : e.target) == null ? void 0 : _a.value) || "").trim());
+    propsOnBlur == null ? void 0 : propsOnBlur(e);
+  }, [propsOnBlur, propsOnChange]);
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,
     {
-      ...props,
+      ...rest,
+      onChange: propsOnChange,
+      onBlur,
       prefix: /* @__PURE__ */ import_react.default.createElement(
         import_icon.default,
         {

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

@@ -1,3 +1,5 @@
 import React from 'react';
-declare const Email: React.FC<import("antd").InputProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+declare const Email: React.FC<import("antd").InputProps & {
+    onChange: (value: string) => void;
+} & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
 export default Email;

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

@@ -34,5 +34,9 @@ __export(Input_exports, {
 module.exports = __toCommonJS(Input_exports);
 var import_utils = require("../../dataSourceForm/utils");
 var import_WithMode = __toESM(require("./WithMode"));
-var Email = (0, import_utils.withFormItem)(import_WithMode.default);
+var Email = (0, import_utils.withFormItem)(import_WithMode.default, {
+  otherFormItemProps: {
+    validateTrigger: "onBlur"
+  }
+});
 var Input_default = Email;

package/lib/components/dataSourceComponents/hooks/useActions.js

@@ -41,13 +41,21 @@ var import_useParseActionsVariable = __toESM(require("./useParseActionsVariable"
 var import_useVariables = __toESM(require("./useVariables"));
 var import_useDataSource = __toESM(require("./useDataSource"));
 var import_locales = require("../../../locales");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
 var useActions = ({
   dataSource: propsDataSource,
   currentValue: propsCurrentValue,
   __designMode,
   extraParams: propsExtraParams
 } = {}) => {
+  var _a;
   const { dataSource: ctxDataSource, __designMode: ctxDesignMode } = (0, import_useDataSource.default)();
+  const context = (0, import_useEngineContext.default)();
+  const { pisell2ApiBaseUrl, mypisellApiBaseUrl } = ((_a = context.appHelper) == null ? void 0 : _a.constants) || {};
+  const baseUrlMap = {
+    "pisell2-api": pisell2ApiBaseUrl,
+    "mypisell-api": mypisellApiBaseUrl
+  };
   const { parseVariable } = (0, import_useVariables.default)();
   const { parseActions } = (0, import_useParseActionsVariable.default)();
   const currentDataSource = propsDataSource || ctxDataSource;
@@ -93,7 +101,7 @@ var useActions = ({
       return async (data) => {
         const result = await (0, import_serve.customApi)(parsedPath || path, data, {
           method,
-          baseUrl: options == null ? void 0 : options.baseUrl,
+          baseUrl: baseUrlMap[dataSourceKey] || (options == null ? void 0 : options.baseUrl),
           params,
           headers,
           body

package/lib/components/login-and-register/index.less

@@ -1,10 +1,13 @@
 .saas-login-container {
   // width: 100%;
+  width: 360px;
   max-width: 360px;
+  min-width: 266px;
+  margin: 0 20px;
   overflow-x: hidden;
   // margin: 0 auto;
   // padding: 24px;
-  text-align: center;
+  // text-align: center;
   // height: 100%;
   // overflow-y: auto;
   

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import './index.less';
+export interface PisellViewGridProps {
+    columns?: number;
+    horizontalGap?: number;
+    verticalGap?: number;
+    singleRow?: boolean;
+    dataSource?: any[];
+    renderItem?: (item: any, index: number) => React.ReactNode;
+    loading?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const PisellViewGrid: React.FC<PisellViewGridProps>;
+export default PisellViewGrid;

package/lib/components/pisellViewGrid/index.js

@@ -0,0 +1,98 @@
+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/pisellViewGrid/index.tsx
+var pisellViewGrid_exports = {};
+__export(pisellViewGrid_exports, {
+  default: () => pisellViewGrid_default
+});
+module.exports = __toCommonJS(pisellViewGrid_exports);
+var import_react = __toESM(require("react"));
+var import_pisellLoading = __toESM(require("../pisellLoading"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var PisellViewGrid = ({
+  columns = 3,
+  horizontalGap = 10,
+  verticalGap = 10,
+  singleRow = false,
+  dataSource = [],
+  renderItem,
+  loading = false,
+  children,
+  className,
+  style
+}) => {
+  const classes = (0, import_classnames.default)(
+    "pisell-view-grid",
+    {
+      "pisell-view-grid-single-row": singleRow
+    },
+    className
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_pisellLoading.default, { loading, fullscreen: false, style: { width: "100%" } }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: classes,
+      style: {
+        ...style,
+        width: "100%",
+        overflow: "hidden"
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-view-grid-content",
+        style: !singleRow ? {
+          gap: `${verticalGap}px ${horizontalGap}px`,
+          gridTemplateColumns: `repeat(${columns}, 1fr)`,
+          width: "100%"
+        } : {
+          display: "flex",
+          flexWrap: "nowrap",
+          overflowX: "auto",
+          width: "100%"
+        }
+      },
+      dataSource.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          key: index,
+          className: "pisell-view-grid-item",
+          style: {
+            minWidth: 0,
+            flex: `0 0 calc(100% / ${columns})`
+          }
+        },
+        renderItem == null ? void 0 : renderItem(item, index)
+      ))
+    )
+  ));
+};
+var pisellViewGrid_default = PisellViewGrid;

package/lib/components/pisellViewGrid/index.less

@@ -0,0 +1,31 @@
+.pisell-view-grid {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+
+  &-content {
+    display: grid;
+    width: 100%;
+    // grid-template-columns: repeat(4, 1fr);
+    // gap: 10px;
+  }
+
+  &-item {
+    width: 100%;
+  }
+
+  &-single-row {
+    &::-webkit-scrollbar {
+      display: none;
+    }
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+
+  // &-item {
+  //   box-sizing: border-box;
+  //   display: inline-block;
+  //   vertical-align: top;
+  // }
+}