@pisell/materials 6.4.6 → 6.4.8

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

@@ -2,7 +2,7 @@ import React from 'react';
 declare const Subdomain: React.FC<import("antd").InputProps & {
     onChange: (value: string) => void;
     onBlur?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-    rootDomain: "custom" | "xzero" | "saas";
+    rootDomain: "custom" | "saas" | "xzero";
     customDomain?: string | undefined;
     value?: string | undefined;
     tenantId: string;

package/es/components/dataSourceComponents/fields/Input.TextArea/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TextAreaProps } from "./type";
 import "./ReadPretty.less";
 declare const TextAreaReadPretty: (props: TextAreaProps) => JSX.Element;

package/es/components/dataSourceComponents/fields/Input.Url/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UrlProps } from './type';
 import './ReadPretty.less';
 export declare const formatUrl: (url: string) => string;

package/es/components/dataSourceComponents/fields/Select/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const SelectWithDataSource: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
     optionSourceType?: "default" | "custom" | "api" | undefined;

package/es/components/dataSourceComponents/fields/TimePicker/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TimePickerProps } from './type';
 import './ReadPretty.less';
 declare const TimePickerReadPretty: (props: TimePickerProps) => JSX.Element;

package/es/components/dataSourceComponents/fields/Translation/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TranslationProps } from './type';
 import './ReadPretty.less';
 declare const TranslationReadPretty: (props: TranslationProps) => JSX.Element;

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

@@ -60,11 +60,7 @@ declare const formFieldMap: {
     FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | (import("react").FC<{}> & {
-    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-} & {
-    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | (import("react").FC<import("./Input/type").InputProps> & {
     JSON: import("react").FC<any>;
     Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
@@ -85,6 +81,10 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
         fieldKey?: string | undefined;
     } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 }) | (import("react").FC<{}> & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+} & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;

package/es/components/dataSourceComponents/provider/variables/VariablesContext.d.ts

@@ -7,9 +7,6 @@ export interface VariablesContextType {
     registerValueVariable?: (componentId: string, value: Record<string, any>) => void;
     registerFunctionVariable?: (componentId: string, value: Record<string, any>) => void;
     subscribeVariables?: (listener: (allVariables: Record<string, any>, updateVariables: Record<string, any>) => void) => () => void;
-    config?: {
-        disabledHistoryListener?: boolean;
-    };
 }
 export declare const VariablesContext: import("react").Context<VariablesContextType>;
 export default VariablesContext;

package/es/components/dataSourceComponents/provider/variables/VariablesProvider.js

@@ -15,23 +15,16 @@ var defaultCustomizer = function defaultCustomizer(objValue, srcValue) {
 };
 var VARIABLE_PATTERN = /{{([^}]+)}}/g;
 var VariablesProvider = function VariablesProvider(props) {
-  var _context$engine, _context$appHelper;
+  var _context$appHelper;
   var children = props.children,
-    variables = props.variables,
-    config = props.config;
+    variables = props.variables;
   var context = useEngineContext();
-
-  // 获取 disabledHistoryListener 参数，如果为 true 则不监听 history
-  var disabledHistoryListener = config !== null && config !== void 0 ? config : context === null || context === void 0 || (_context$engine = context.engine) === null || _context$engine === void 0 || (_context$engine = _context$engine.props) === null || _context$engine === void 0 || (_context$engine = _context$engine.variablesConfig) === null || _context$engine === void 0 ? void 0 : _context$engine.disabledHistoryListener;
   var _ref = (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {},
     getApp = _ref.getApp;
 
   // 在组件创建时就初始化 URL 参数
   var initialQuery = useMemo(function () {
     var _getApp;
-    if (disabledHistoryListener) {
-      return {};
-    }
     var currentLocation = getApp === null || getApp === void 0 || (_getApp = getApp()) === null || _getApp === void 0 || (_getApp = _getApp.history) === null || _getApp === void 0 || (_getApp = _getApp.instance) === null || _getApp === void 0 ? void 0 : _getApp.location;
     if (currentLocation !== null && currentLocation !== void 0 && currentLocation.search) {
       var searchParams = new URLSearchParams(currentLocation.search);
@@ -42,10 +35,10 @@ var VariablesProvider = function VariablesProvider(props) {
       return query;
     }
     return {};
-  }, [disabledHistoryListener]);
+  }, []);
 
   // 初始变量中包含 URL 参数
-  var variablesRef = useRef(disabledHistoryListener ? variables || {} : mergeWith(variables, {
+  var variablesRef = useRef(mergeWith(variables, {
     global: {
       value: {
         query: initialQuery
@@ -59,9 +52,6 @@ var VariablesProvider = function VariablesProvider(props) {
 
   // 解析并设置 query 参数
   var setQueryVariable = useMemoizedFn(function (search) {
-    if (disabledHistoryListener) {
-      return;
-    }
     var searchParams = new URLSearchParams(search);
     var query = {};
     searchParams.forEach(function (value, key) {
@@ -73,16 +63,13 @@ var VariablesProvider = function VariablesProvider(props) {
   });
   useEffect(function () {
     var _getApp2;
-    if (disabledHistoryListener) {
-      return;
-    }
     var unlisten = getApp === null || getApp === void 0 || (_getApp2 = getApp()) === null || _getApp2 === void 0 || (_getApp2 = _getApp2.history) === null || _getApp2 === void 0 || (_getApp2 = _getApp2.instance) === null || _getApp2 === void 0 ? void 0 : _getApp2.listen(function (location) {
       setQueryVariable(location.search);
     });
     return function () {
       unlisten === null || unlisten === void 0 || unlisten();
     };
-  }, [disabledHistoryListener]);
+  }, []);
 
   // useEffect(() => {
   //   if (variables) {

package/es/components/date-picker/index.d.ts

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

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

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

package/es/components/filter/components/items/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {

package/es/components/filter/components/items/text/Editor/index.d.ts

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

package/es/components/filter/components/items/text/Preview/index.d.ts

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

package/es/components/filter/components/items/text/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/es/components/filter/types.d.ts

@@ -9,6 +9,7 @@ export declare type FilterType = {
     sortButtonShow: boolean;
     /** 筛选列表 */
     list: FilterItemProps[];
+    items?: string[];
     /** 快速筛选最大长度 */
     quickFilterMaxLength: number;
     /** 配置存储模式 */

package/es/components/iconfont/index.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import { createFromIconfontCN } from '@ant-design/icons';
 import React from 'react';
 var MyIcon = createFromIconfontCN({
-  scriptUrl: 'https://static.pisellcdn.com/pisell2iconfont1.11.js' // 在 iconfont.cn 上生成
+  scriptUrl: 'https://static.pisellcdn.com/pisell2iconfont1.14.js' // 在 iconfont.cn 上生成
 });
 var IconFont = function IconFont(props) {
   return /*#__PURE__*/React.createElement(MyIcon, _extends({}, props, {

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

@@ -1,8 +1,6 @@
+/// <reference types="react" />
 import { ConfigProviderProps } from '../config-provider';
 interface PageProps extends ConfigProviderProps {
-    variablesConfig?: {
-        disabledHistoryListener?: boolean;
-    };
 }
 declare const Page: (props: PageProps) => JSX.Element;
 export default Page;

package/es/components/page/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "style", "className", "locale", "variablesConfig"];
+var _excluded = ["children", "style", "className", "locale"];
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -50,7 +50,6 @@ var Page = function Page(props) {
     style = props.style,
     className = props.className,
     propsLocale = props.locale,
-    variablesConfig = props.variablesConfig,
     others = _objectWithoutProperties(props, _excluded);
   var context = useEngineContext();
   var _ref = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.constants) || {},
@@ -219,8 +218,7 @@ var Page = function Page(props) {
   }, /*#__PURE__*/React.createElement(PisellConfigProvider, {
     locale: locale
   }, /*#__PURE__*/React.createElement(VariablesProvider, {
-    variables: ((_context$engine2 = context.engine) === null || _context$engine2 === void 0 || (_context$engine2 = _context$engine2.props) === null || _context$engine2 === void 0 ? void 0 : _context$engine2.variables) || {},
-    config: variablesConfig
+    variables: ((_context$engine2 = context.engine) === null || _context$engine2 === void 0 || (_context$engine2 = _context$engine2.props) === null || _context$engine2 === void 0 ? void 0 : _context$engine2.variables) || {}
   }, /*#__PURE__*/React.createElement("div", {
     style: _objectSpread(_objectSpread({}, style), {}, {
       '--theme-color': themeColor || '#5D3F9F'

package/es/components/pisellAdjustPrice/PisellAdjustPriceInputNumber.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputNumberProps } from 'antd/es/input-number';
 export interface PisellAdjustPriceInputNumberProps extends Omit<InputNumberProps, 'onChange'> {
     value?: number;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CardProps } from 'antd';
 import './index.less';
 export interface PisellCardProps extends CardProps {

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

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

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

@@ -13,4 +13,5 @@ export interface PisellToastProps {
     onClose?: () => void;
 }
 declare const PisellToast: (props: PisellToastProps) => void;
+export { useToast } from './squareToast';
 export default PisellToast;

package/es/components/pisellToast/index.js

@@ -32,4 +32,5 @@ var PisellToast = function PisellToast(props) {
     onClose: onClose
   });
 };
+export { useToast } from "./squareToast";
 export default PisellToast;

package/es/components/pisellToast/squareToast/index.js

@@ -0,0 +1,28 @@
+import { useMemo } from 'react';
+import { clear, show, success, info, loading, fail, hide } from "./methods";
+import "./index.less";
+var Toast = {
+  show: show,
+  clear: clear,
+  success: success,
+  info: info,
+  loading: loading,
+  fail: fail,
+  error: fail,
+  hide: hide
+};
+export var useToast = function useToast() {
+  return useMemo(function () {
+    return {
+      show: show,
+      clear: clear,
+      success: success,
+      info: info,
+      loading: loading,
+      fail: fail,
+      error: fail,
+      hide: hide
+    };
+  }, []);
+};
+export default Toast;

package/es/components/pisellToast/squareToast/index.less

@@ -0,0 +1,60 @@
+.pisell-square-toast-wrap {
+  pointer-events: none;
+}
+
+.pisell-square-toast-modal {
+  pointer-events: none;
+  user-select: none;
+  min-width: 190px;
+  min-height: 74px;
+
+  // Toast 容器
+  .pisell-square-toast {
+    min-width: 190px;
+    max-width: 201px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    padding: 32px 12px;
+    border-radius: 8px;
+    overflow: hidden;
+    background: rgba(0, 0, 0, 0.8);
+
+    .pisell-square-toast-icon-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 11px;
+
+      .pisell-square-toast-icon {
+        font-size: 50px;
+        color: #ffffff;
+        width: 50px;
+        height: 50px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        &-loading {
+          animation: fadenum 1s infinite linear;
+        }
+      }
+    }
+
+    // 内容区域
+    .pisell-square-toast-content {
+      font-size: 20px;
+      line-height: 1.5;
+      color: #ffffff;
+      text-align: center;
+    }
+  }
+}
+
+// loading 旋转动画
+@keyframes fadenum {
+  to {
+    transform: rotate(360deg);
+  }
+}

package/es/components/pisellToast/squareToast/methods.js

@@ -0,0 +1,136 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import Toast from "./toast";
+import { renderImperatively } from "./renderImperatively";
+var currentHandler = null;
+var currentTimeout = null;
+var defaultProps = {
+  duration: 2000,
+  mask: false,
+  icon: 'info'
+};
+
+// mergeProps 工具函数
+function mergeProps(a, b) {
+  // 过滤掉 b 中值为 undefined 的字段
+  var filteredB = Object.keys(b).reduce(function (acc, key) {
+    if (b[key] !== undefined) {
+      acc[key] = b[key];
+    }
+    return acc;
+  }, {});
+  return _objectSpread(_objectSpread({}, a), filteredB);
+}
+
+// 基于 renderImperatively 的新 show 实现
+var show = function show(configOrContent, duration, afterClose) {
+  var props;
+
+  // 判断是否为 string 或 ReactNode，如果不是则认为是 config 对象
+  if (typeof configOrContent === 'string' || /*#__PURE__*/React.isValidElement(configOrContent)) {
+    // 如果是 string 或 ReactNode，视为 content
+    props = mergeProps(defaultProps, _objectSpread(_objectSpread({
+      content: configOrContent
+    }, duration !== undefined && {
+      duration: duration
+    }), afterClose !== undefined && {
+      afterClose: afterClose
+    }));
+  } else {
+    // 如果不是 string 或 ReactNode，则认为是 config 对象
+    props = mergeProps(defaultProps, configOrContent || {});
+  }
+  var element = /*#__PURE__*/React.createElement(Toast, _extends({}, props, {
+    onCancel: function onCancel() {
+      currentHandler = null;
+    }
+  }));
+  if (currentHandler) {
+    var _currentHandler$isRen, _currentHandler;
+    if ((_currentHandler$isRen = (_currentHandler = currentHandler).isRendered) !== null && _currentHandler$isRen !== void 0 && _currentHandler$isRen.call(_currentHandler)) {
+      currentHandler.replace(element);
+    } else {
+      currentHandler.close();
+      currentHandler = renderImperatively(element);
+    }
+  } else {
+    currentHandler = renderImperatively(element);
+  }
+  if (currentTimeout) {
+    window.clearTimeout(currentTimeout);
+  }
+  if (props.duration !== 0) {
+    currentTimeout = window.setTimeout(function () {
+      clear();
+    }, props.duration);
+  }
+  var instance = {
+    close: function close() {
+      if (currentHandler) {
+        currentHandler.close();
+        currentHandler = null;
+      }
+      if (currentTimeout) {
+        window.clearTimeout(currentTimeout);
+        currentTimeout = null;
+      }
+    }
+  };
+  return instance;
+};
+
+// 清理函数
+var clear = function clear() {
+  if (currentHandler) {
+    currentHandler.close();
+    currentHandler = null;
+  }
+  if (currentTimeout) {
+    window.clearTimeout(currentTimeout);
+    currentTimeout = null;
+  }
+};
+
+// 便捷方法
+var success = function success(content, duration, afterClose) {
+  return show({
+    content: content,
+    icon: 'success',
+    duration: duration,
+    afterClose: afterClose
+  });
+};
+var info = function info(content, duration, afterClose) {
+  return show({
+    content: content,
+    icon: 'info',
+    duration: duration,
+    afterClose: afterClose
+  });
+};
+var loading = function loading(content, duration, afterClose) {
+  return show({
+    content: content,
+    icon: 'loading',
+    duration: duration,
+    afterClose: afterClose
+  });
+};
+var fail = function fail(content, duration, afterClose) {
+  return show({
+    content: content,
+    icon: 'error',
+    duration: duration,
+    afterClose: afterClose
+  });
+};
+var hide = function hide() {
+  clear();
+};
+export { show, clear, success, info, loading, fail, hide };