@pisell/materials 3.0.62 → 6.0.2

package/es/components/dataSourceComponents/provider/dataSource/DataSourceContext.d.ts

@@ -0,0 +1,104 @@
+/// <reference types="react" />
+import { Result } from 'ahooks/es/useRequest/src/types';
+import { ActionsItem } from '../../dataSourceForm/serve';
+export interface Field {
+    name: string;
+    type: string;
+    allowNull: boolean;
+    primaryKey: boolean;
+    unique: boolean;
+    autoIncrement: boolean;
+    description?: (null | string)[];
+    possibleTypes?: string[];
+    rawType: string;
+    interface: string;
+    uiSchema: UiSchema;
+    key?: string;
+    collectionName?: string;
+    collectionKey?: any;
+    dataSourceKey?: string;
+    defaultValue?: any;
+}
+interface UiSchema {
+    type?: string;
+    'x-component': string;
+    'x-component-props'?: Xcomponentprops;
+    'x-validator'?: string;
+    title: string;
+    default?: any;
+    enum?: any[];
+}
+interface Xcomponentprops {
+    style?: Style;
+    autoSize?: AutoSize;
+    stringMode?: boolean;
+    step?: string;
+    dateFormat?: string;
+    showTime?: boolean;
+}
+interface AutoSize {
+    minRows: number;
+}
+interface Style {
+    width: string;
+}
+export declare type ActionTypes = 'list' | 'get' | 'update' | 'create' | 'destroy';
+export declare type DataSourceType = {
+    actions: {
+        get: ActionsItem;
+        update: ActionsItem;
+        create: ActionsItem;
+        delete: ActionsItem;
+        list: ActionsItem;
+    };
+    headerDataSource: string;
+    dataSourceKey: string;
+    filterTargetKey: string;
+    introspected: boolean;
+    isCustomApi: boolean;
+    key: string;
+    tableName: string;
+    logging: boolean;
+    name: string;
+    title: string;
+    titleField: string;
+    types: ActionTypes[];
+    fields: Field[];
+    options: {
+        apiType: string;
+        baseUrl: string;
+    };
+};
+export declare type DataSourceContextProps = {
+    dataSource: DataSourceType;
+    children?: React.ReactNode;
+    currentValue?: string;
+    actions?: {
+        list?: () => Promise<any>;
+        get?: () => Promise<any>;
+        update?: () => Promise<any>;
+        create?: () => Promise<any>;
+        destroy?: () => Promise<any>;
+    };
+    overrideData?: {
+        list?: any;
+        get?: any;
+    };
+    autoRun?: {
+        list?: boolean;
+        get?: boolean;
+    };
+    __id?: string;
+    __designMode?: string;
+};
+export interface DataSourceContextType {
+    dataSource?: DataSourceType;
+    list: Result<any, any>;
+    destroy: Result<any, any>;
+    get: Result<any, any>;
+    update: Result<any, any>;
+    create: Result<any, any>;
+    __designMode?: string;
+}
+export declare const DataSourceContext: import("react").Context<DataSourceContextType>;
+export default DataSourceContext;

package/es/components/dataSourceComponents/provider/dataSource/DataSourceContext.js

@@ -0,0 +1,11 @@
+import { createContext } from 'react';
+var initialContext = {
+  dataSource: {},
+  list: {},
+  destroy: {},
+  get: {},
+  update: {},
+  create: {}
+};
+export var DataSourceContext = /*#__PURE__*/createContext(initialContext);
+export default DataSourceContext;

package/es/components/dataSourceComponents/provider/dataSource/DataSourceProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DataSourceContextProps } from './DataSourceContext';
+/**
+ * @title: DataSource Provider
+ * @description: 提供页面配置的数据源，支持外部传入Promise接口、自动调用配置和直接数据
+ */
+declare const DataSourceProvider: React.FC<DataSourceContextProps>;
+export default DataSourceProvider;

package/es/components/dataSourceComponents/provider/dataSource/DataSourceProvider.js

@@ -0,0 +1,79 @@
+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, { useMemo } from 'react';
+import { useRequest } from 'ahooks';
+import { isString, isBoolean } from '@pisell/utils';
+import DataSourceContext from "./DataSourceContext";
+import useActions from "../../hooks/useActions";
+import useVariables from "../../hooks/useVariables";
+import useSetRequest from "../../../../hooks/useSetRequest";
+
+/**
+ * @title: DataSource Provider
+ * @description: 提供页面配置的数据源，支持外部传入Promise接口、自动调用配置和直接数据
+ */
+var DataSourceProvider = function DataSourceProvider(props) {
+  var children = props.children,
+    propsDataSource = props.dataSource,
+    currentValue = props.currentValue,
+    externalActions = props.actions,
+    overrideData = props.overrideData,
+    autoRun = props.autoRun,
+    __designMode = props.__designMode;
+  useSetRequest();
+  var _useVariables = useVariables(),
+    parseVariable = _useVariables.parseVariable;
+  var dataSource = isString(propsDataSource) ? parseVariable === null || parseVariable === void 0 ? void 0 : parseVariable(propsDataSource) : propsDataSource;
+
+  // 处理标准数据源
+  var standardActions = useActions({
+    dataSource: dataSource,
+    currentValue: currentValue,
+    __designMode: __designMode
+  });
+
+  // 使用外部Promise或标准actions
+  var list = (externalActions === null || externalActions === void 0 ? void 0 : externalActions.list) || standardActions.list;
+  var get = (externalActions === null || externalActions === void 0 ? void 0 : externalActions.get) || standardActions.get;
+  var update = (externalActions === null || externalActions === void 0 ? void 0 : externalActions.update) || standardActions.update;
+  var create = (externalActions === null || externalActions === void 0 ? void 0 : externalActions.create) || standardActions.create;
+  var destroy = (externalActions === null || externalActions === void 0 ? void 0 : externalActions.destroy) || standardActions.destroy;
+  var listResult = useRequest(list, {
+    manual: isBoolean(autoRun === null || autoRun === void 0 ? void 0 : autoRun.list) ? !(autoRun !== null && autoRun !== void 0 && autoRun.list) : true
+  });
+  var getResult = useRequest(get, {
+    manual: isBoolean(autoRun === null || autoRun === void 0 ? void 0 : autoRun.get) ? !(autoRun !== null && autoRun !== void 0 && autoRun.get) : true
+  });
+  var destroyResult = useRequest(destroy, {
+    manual: true
+  });
+  var updateResult = useRequest(update, {
+    manual: true
+  });
+  var createResult = useRequest(create, {
+    manual: true
+  });
+  var value = useMemo(function () {
+    return {
+      __designMode: __designMode,
+      dataSource: dataSource,
+      list: _objectSpread(_objectSpread({}, listResult), {}, {
+        data: (overrideData === null || overrideData === void 0 ? void 0 : overrideData.list) || listResult.data
+      }),
+      get: _objectSpread(_objectSpread({}, getResult), {}, {
+        data: (overrideData === null || overrideData === void 0 ? void 0 : overrideData.get) || getResult.data
+      }),
+      destroy: destroyResult,
+      update: updateResult,
+      create: createResult
+    };
+  }, [dataSource, listResult, destroyResult, getResult, updateResult, createResult, overrideData, __designMode]);
+  return /*#__PURE__*/React.createElement(DataSourceContext.Provider, {
+    value: value
+  }, children);
+};
+export default DataSourceProvider;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface VariablesContextType {
+    children?: React.ReactNode;
+    variables?: Record<string, any>;
+    registerVariable?: (value: Record<string, any>) => void;
+    parseVariable?: (str: string, localVariables?: Record<string, any>) => any;
+    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;
+}
+export declare const VariablesContext: import("react").Context<VariablesContextType>;
+export default VariablesContext;

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

@@ -0,0 +1,10 @@
+import { createContext } from 'react';
+var initialContext = {
+  variables: {},
+  registerVariable: function registerVariable() {},
+  registerValueVariable: function registerValueVariable() {},
+  registerFunctionVariable: function registerFunctionVariable() {},
+  parseVariable: function parseVariable() {}
+};
+export var VariablesContext = /*#__PURE__*/createContext(initialContext);
+export default VariablesContext;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { VariablesContextType } from './VariablesContext';
+declare const VariablesProvider: React.FC<VariablesContextType>;
+export default VariablesProvider;

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

@@ -0,0 +1,103 @@
+import React, { useMemo, useRef, useEffect } from 'react';
+import { isArr, isString, isUndefined } from '@pisell/utils';
+import { useMemoizedFn } from 'ahooks';
+import VariablesContext from "./VariablesContext";
+import { getNestedValue } from "../../dataSourceForm/utils";
+import { mergeWith } from "../../../../utils";
+import { genComponentValueVariable, genComponentFunctionVariable, getVariableKey } from "./utils";
+
+// 默认合并逻辑 数组直接覆盖
+var defaultCustomizer = function defaultCustomizer(objValue, srcValue) {
+  if (isArr(srcValue)) {
+    return srcValue;
+  }
+};
+var VARIABLE_PATTERN = /{{([^}]+)}}/g;
+var VariablesProvider = function VariablesProvider(props) {
+  var children = props.children,
+    variables = props.variables;
+
+  // 变量存储
+  var variablesRef = useRef({});
+  // 添加变量变化监听器存储
+  var listenersRef = useRef(new Set());
+  useEffect(function () {
+    if (variables) {
+      variablesRef.current = variables;
+    }
+  }, [variables]);
+
+  // 注册变量
+  var registerVariable = useMemoizedFn(function (value) {
+    variablesRef.current = mergeWith(variablesRef.current, value, defaultCustomizer);
+    // 变量更新时通知所有监听器
+    listenersRef.current.forEach(function (listener) {
+      return listener(variablesRef.current, value);
+    });
+    console.log('注册变量', value, '全部变量', variablesRef.current);
+  });
+
+  // 添加变量监听器
+  var subscribeVariables = useMemoizedFn(function (listener) {
+    listenersRef.current.add(listener);
+    return function () {
+      listenersRef.current.delete(listener);
+    };
+  });
+
+  // 注册组件value
+  var registerValueVariable = useMemoizedFn(function (componentId, value) {
+    var variable = genComponentValueVariable(componentId, value);
+    registerVariable === null || registerVariable === void 0 ? void 0 : registerVariable(variable);
+  });
+
+  // 注册组件函数
+  var registerFunctionVariable = useMemoizedFn(function (componentId, value) {
+    var variable = genComponentFunctionVariable(componentId, value);
+    registerVariable === null || registerVariable === void 0 ? void 0 : registerVariable(variable);
+  });
+
+  // 解析变量
+  var parseVariable = useMemoizedFn(function (str) {
+    var _str$match;
+    var localVariables = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    if (!isString(str)) {
+      return str;
+    }
+    // 如果整个字符串就是一个变量模式，直接返回变量值
+    if (((_str$match = str.match(VARIABLE_PATTERN)) === null || _str$match === void 0 ? void 0 : _str$match[0]) === str) {
+      var key = getVariableKey(str);
+      if (!key) return str;
+      var localValue = getNestedValue(localVariables, key);
+      if (!isUndefined(localValue)) {
+        return localValue;
+      }
+      var globalValue = getNestedValue(variablesRef.current, key);
+      return isUndefined(globalValue) ? str : globalValue;
+    }
+
+    // 否则替换字符串中的所有变量
+    return str.replace(VARIABLE_PATTERN, function (match, key) {
+      var localValue = getNestedValue(localVariables, key);
+      if (!isUndefined(localValue)) {
+        return localValue;
+      }
+      var globalValue = getNestedValue(variablesRef.current, key);
+      return isUndefined(globalValue) ? match : globalValue;
+    });
+  });
+  var value = useMemo(function () {
+    return {
+      variables: variablesRef.current,
+      registerVariable: registerVariable,
+      parseVariable: parseVariable,
+      registerValueVariable: registerValueVariable,
+      registerFunctionVariable: registerFunctionVariable,
+      subscribeVariables: subscribeVariables
+    };
+  }, [registerVariable, parseVariable, registerValueVariable, registerFunctionVariable, subscribeVariables]);
+  return /*#__PURE__*/React.createElement(VariablesContext.Provider, {
+    value: value
+  }, children);
+};
+export default VariablesProvider;

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

@@ -0,0 +1,12 @@
+export declare const genComponentValueVariable: (componentId: string, value: Record<string, any>) => {
+    [x: string]: {
+        value: Record<string, any>;
+    };
+};
+export declare const genComponentFunctionVariable: (componentId: string, value: Record<string, any>) => {
+    [x: string]: {
+        functions: Record<string, any>;
+    };
+};
+export declare const isVariableKey: (key: string) => boolean;
+export declare const getVariableKey: (str: string) => string | undefined;

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

@@ -0,0 +1,28 @@
+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 _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); }
+// 生成组件的value变量
+export var genComponentValueVariable = function genComponentValueVariable(componentId, value) {
+  if (!value || !componentId) return {};
+  return _defineProperty({}, componentId, {
+    value: value
+  });
+};
+
+// 生成组件的函数变量
+export var genComponentFunctionVariable = function genComponentFunctionVariable(componentId, value) {
+  if (!value || !componentId) return {};
+  return _defineProperty({}, componentId, {
+    functions: value
+  });
+};
+export var isVariableKey = function isVariableKey(key) {
+  var reg = /{{([^}]+)}}/;
+  return reg.test(key);
+};
+export var getVariableKey = function getVariableKey(str) {
+  var reg = /{{([^}]+)}}/;
+  var match = str.match(reg);
+  return match === null || match === void 0 ? void 0 : match[1];
+};

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

@@ -0,0 +1,39 @@
+import dayjs from 'dayjs';
+export declare const presetDetailMap: {
+    today: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    yesterday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    tomorrow: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    next_monday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_friday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    first_day_of_this_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_day_of_this_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    first_day_of_next_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_day_of_last_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+};

package/es/components/date-picker/constants.js

@@ -0,0 +1,76 @@
+import dayjs from 'dayjs';
+import { getText } from "../../locales";
+export var presetDetailMap = {
+  today: {
+    getValue: function getValue() {
+      return dayjs().startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-today');
+    }
+  },
+  yesterday: {
+    getValue: function getValue() {
+      return dayjs().add(-1, 'd').startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-yesterday');
+    }
+  },
+  tomorrow: {
+    getValue: function getValue() {
+      return dayjs().add(1, 'd').startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-tomorrow');
+    }
+  },
+  next_monday: {
+    getValue: function getValue() {
+      return dayjs().startOf('week').add(8, 'day').startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-next_monday');
+    }
+  },
+  last_friday: {
+    getValue: function getValue() {
+      return dayjs().subtract(1, 'week').startOf('week').add(5, 'day').startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-last_friday');
+    }
+  },
+  first_day_of_this_month: {
+    getValue: function getValue() {
+      return dayjs().startOf('month').startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-first_day_of_this_month');
+    }
+  },
+  last_day_of_this_month: {
+    getValue: function getValue() {
+      return dayjs().endOf('month').startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-last_day_of_this_month');
+    }
+  },
+  first_day_of_next_month: {
+    getValue: function getValue() {
+      return dayjs().endOf('month').add(1, 'day').startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-first_day_of_next_month');
+    }
+  },
+  last_day_of_last_month: {
+    getValue: function getValue() {
+      return dayjs().startOf('month').subtract(1, 'day').startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-last_day_of_last_month');
+    }
+  }
+};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
+import { Dayjs } from 'dayjs';
+import './index.less';
+interface DatePickerCptProps extends PickerDateProps<Dayjs> {
+    showTime: any;
+}
+declare const DatePickerCpt: (props: DatePickerCptProps) => React.JSX.Element;
+export default DatePickerCpt;