@pisell/materials 1.0.450 → 1.0.452

package/lib/hooks/useSetRequest.js

@@ -0,0 +1,42 @@
+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/hooks/useSetRequest.ts
+var useSetRequest_exports = {};
+__export(useSetRequest_exports, {
+  default: () => useSetRequest_default
+});
+module.exports = __toCommonJS(useSetRequest_exports);
+var import_useEngineContext = __toESM(require("./useEngineContext"));
+var import_utils = require("../components/table/utils");
+var useSetRequest = () => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  import_utils.request.setRequest((_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.request);
+};
+var useSetRequest_default = useSetRequest;

package/lib/index.d.ts

@@ -122,3 +122,16 @@ export { default as Collapse } from './components/collapse';
 export { default as PisellStatistic } from './components/pisellStatistic';
 export { default as PisellWalletCard } from './components/pisellWalletCard';
 export { default as PisellUpload } from './components/pisellUpload';
+export { ColorPicker } from 'antd';
+export { default as DataSourceForm } from './components/dataSourceComponents/dataSourceForm';
+export { default as FormGroup } from './components/dataSourceComponents/dataSourceForm/group';
+export { default as SubmitButton } from './components/dataSourceComponents/dataSourceForm/submitButton';
+export { default as FormItemCheckbox } from './components/dataSourceComponents/fields/Checkbox';
+export { default as FormItemColorPicker } from './components/dataSourceComponents/fields/ColorPicker';
+export { default as FormItemDatePicker } from './components/dataSourceComponents/fields/DatePicker';
+export { default as FormItemInput } from './components/dataSourceComponents/fields/Input';
+export { default as FormItemInputNumber } from './components/dataSourceComponents/fields/InputNumber';
+export { default as FormItemRadio } from './components/dataSourceComponents/fields/Radio';
+export { default as FormItemSelect } from './components/dataSourceComponents/fields/Select';
+export { default as FormItemTimePicker } from './components/dataSourceComponents/fields/TimePicker';
+export { default as DataSourceTable } from './components/dataSourceComponents/dataSourceTable';

package/lib/index.js

@@ -50,8 +50,11 @@ __export(src_exports, {
   ClassicLayout: () => import_classicLayout.default,
   Col: () => import_antd9.Col,
   Collapse: () => import_collapse.default,
+  ColorPicker: () => import_antd38.ColorPicker,
   Component: () => import_component.default,
   ConfigProvider: () => import_config_provider.default,
+  DataSourceForm: () => import_dataSourceForm.default,
+  DataSourceTable: () => import_dataSourceTable.default,
   DatePicker: () => import_date_picker.default,
   Descriptions: () => import_antd10.Descriptions,
   Div: () => import_div.default,
@@ -62,6 +65,15 @@ __export(src_exports, {
   Empty: () => import_antd12.Empty,
   Filter: () => import_filter.default,
   Form: () => import_form.default,
+  FormGroup: () => import_group.default,
+  FormItemCheckbox: () => import_Checkbox.default,
+  FormItemColorPicker: () => import_ColorPicker.default,
+  FormItemDatePicker: () => import_DatePicker.default,
+  FormItemInput: () => import_Input.default,
+  FormItemInputNumber: () => import_InputNumber.default,
+  FormItemRadio: () => import_Radio.default,
+  FormItemSelect: () => import_Select.default,
+  FormItemTimePicker: () => import_TimePicker.default,
   Grid: () => import_antd13.Grid,
   Icon: () => import_icon.default,
   Iconfont: () => import_iconfont.default,
@@ -132,6 +144,7 @@ __export(src_exports, {
   Spin: () => import_antd29.Spin,
   Statistic: () => import_antd19.Statistic,
   Steps: () => import_antd30.Steps,
+  SubmitButton: () => import_submitButton.default,
   Switch: () => import_antd31.Switch,
   Table: () => import_table.default,
   Tabs: () => import_tabs.default,
@@ -280,6 +293,19 @@ var import_collapse = __toESM(require("./components/collapse"));
 var import_pisellStatistic = __toESM(require("./components/pisellStatistic"));
 var import_pisellWalletCard = __toESM(require("./components/pisellWalletCard"));
 var import_pisellUpload = __toESM(require("./components/pisellUpload"));
+var import_antd38 = require("antd");
+var import_dataSourceForm = __toESM(require("./components/dataSourceComponents/dataSourceForm"));
+var import_group = __toESM(require("./components/dataSourceComponents/dataSourceForm/group"));
+var import_submitButton = __toESM(require("./components/dataSourceComponents/dataSourceForm/submitButton"));
+var import_Checkbox = __toESM(require("./components/dataSourceComponents/fields/Checkbox"));
+var import_ColorPicker = __toESM(require("./components/dataSourceComponents/fields/ColorPicker"));
+var import_DatePicker = __toESM(require("./components/dataSourceComponents/fields/DatePicker"));
+var import_Input = __toESM(require("./components/dataSourceComponents/fields/Input"));
+var import_InputNumber = __toESM(require("./components/dataSourceComponents/fields/InputNumber"));
+var import_Radio = __toESM(require("./components/dataSourceComponents/fields/Radio"));
+var import_Select = __toESM(require("./components/dataSourceComponents/fields/Select"));
+var import_TimePicker = __toESM(require("./components/dataSourceComponents/fields/TimePicker"));
+var import_dataSourceTable = __toESM(require("./components/dataSourceComponents/dataSourceTable"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -303,8 +329,11 @@ var import_pisellUpload = __toESM(require("./components/pisellUpload"));
   ClassicLayout,
   Col,
   Collapse,
+  ColorPicker,
   Component,
   ConfigProvider,
+  DataSourceForm,
+  DataSourceTable,
   DatePicker,
   Descriptions,
   Div,
@@ -315,6 +344,15 @@ var import_pisellUpload = __toESM(require("./components/pisellUpload"));
   Empty,
   Filter,
   Form,
+  FormGroup,
+  FormItemCheckbox,
+  FormItemColorPicker,
+  FormItemDatePicker,
+  FormItemInput,
+  FormItemInputNumber,
+  FormItemRadio,
+  FormItemSelect,
+  FormItemTimePicker,
   Grid,
   Icon,
   Iconfont,
@@ -385,6 +423,7 @@ var import_pisellUpload = __toESM(require("./components/pisellUpload"));
   Spin,
   Statistic,
   Steps,
+  SubmitButton,
   Switch,
   Table,
   Tabs,

package/lib/utils/index.d.ts

@@ -1,3 +1,4 @@
 export declare const isBrowser: boolean;
 export declare const getCssNumber: (val: string | number) => string;
 export declare function uuid(): string;
+export * from './mergeWith';

package/lib/utils/index.js

@@ -14,6 +14,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/utils/index.ts
@@ -25,6 +26,7 @@ __export(utils_exports, {
 });
 module.exports = __toCommonJS(utils_exports);
 var import_utils = require("@pisell/utils");
+__reExport(utils_exports, require("./mergeWith"), module.exports);
 var isBrowser = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 var getCssNumber = (val) => {
   if ((0, import_utils.isNumber)(val)) {
@@ -46,5 +48,6 @@ function uuid() {
 0 && (module.exports = {
   getCssNumber,
   isBrowser,
-  uuid
+  uuid,
+  ...require("./mergeWith")
 });

package/lib/utils/mergeWith.d.ts

@@ -0,0 +1 @@
+export declare function mergeWith(obj: any, source: any, customizer: any): any;

package/lib/utils/mergeWith.js

@@ -0,0 +1,56 @@
+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/utils/mergeWith.ts
+var mergeWith_exports = {};
+__export(mergeWith_exports, {
+  mergeWith: () => mergeWith
+});
+module.exports = __toCommonJS(mergeWith_exports);
+function mergeWith(obj, source, customizer) {
+  if (typeof customizer !== "function") {
+    throw new Error("Customizer must be a function");
+  }
+  if (!isObject(obj) || !isObject(source)) {
+    return obj;
+  }
+  for (const key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      const objValue = obj[key];
+      const srcValue = source[key];
+      const customValue = customizer(objValue, srcValue, key, obj, source);
+      if (customValue === void 0) {
+        if (isObject(objValue) && isObject(srcValue)) {
+          obj[key] = mergeWith(objValue, srcValue, customizer);
+        } else {
+          obj[key] = srcValue;
+        }
+      } else {
+        obj[key] = customValue;
+      }
+    }
+  }
+  return obj;
+}
+function isObject(value) {
+  return value && typeof value === "object" && !Array.isArray(value);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  mergeWith
+});

package/lowcode/_utils/defaultSchema.ts

@@ -0,0 +1,430 @@
+import { getVariable } from '../data-source-form/utils';
+// 获取表单容器组件
+const getParentForm = (target: any) => {
+  let parent = target.node.parent;
+  while (parent.componentName !== 'DataSourceForm') {
+    parent = parent.parent;
+  }
+  return parent;
+}
+
+// 获取dataSourceform 中使用的字段
+const getDataSourceFormFields = (target: any) => {
+  const getFormItemFields = (node) => {
+    let fields = [];
+    node.children.forEach(child => {
+      if (child.componentName.startsWith('FormItem')) {
+        fields.push(child.getProps().getPropValue('name'));
+      } else if (child.children) {
+        fields = fields.concat(getFormItemFields(child));
+      }
+    });
+    return fields;
+  };
+
+  const parentForm = getParentForm(target);
+  const fieldsInUse = getFormItemFields(parentForm);
+  return fieldsInUse;
+}
+  
+
+export const formItemGeneralProps = [
+  {
+    name: 'label',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Title',
+        'zh-CN': '标题',
+      },
+      tip: '用于显示在表单项的标签文本，对应Label。',
+    },
+    propType: 'string',
+    setter: 'PisellI18nSetter',
+  },
+  {
+    name: 'name',
+    title: { label: '字段名', tip: '字段名' },
+    isRequired: true,
+    propType: 'string',
+    setter: [
+      {
+        componentName: 'SelectSetter',
+        condition: (target) => {
+          // 获取表单容器组件的currentFields
+          const fields = getVariable(getParentForm(target), 'currentFields');
+          // 如果fields存在且长度大于0，则显示选择器
+          return fields && fields.length > 0;
+        },
+        props: (target) => {
+          // 获取表单容器组件的currentFields
+          const fields = getVariable(getParentForm(target), 'currentFields');
+          // 已有字段key
+          const usedFields = getDataSourceFormFields(target);
+
+          const options = fields?.map?.((item) => ({
+            title: item.uiSchema.title,
+            value: item.name,
+            disabled: usedFields.includes(item.name),
+          }));
+
+          return {
+            mode: 'single',
+            options:options || [],
+          };
+        },
+      },
+      'StringSetter',
+    ],
+    extraProps: {
+      setValue(target: any, value: string | any) {
+        // 获取表单容器组件的currentFields
+        const fields = getVariable(getParentForm(target), 'currentFields');
+        // 根据value值找到对应的label
+        const field = fields.find((item: any) => item.name === value);
+        // 设置label
+        if (field) {
+          target.getProps().setPropValue('label', field.uiSchema.title);
+          // target.node.children.importSchema([createFormItemChildren(field)])
+          // 插入schema后 有概率不生效，所以这里手动rerender
+          // setTimeout(() => {
+          //   target.document.project.simulatorHost.rerender();
+          // });
+        }
+        return target.getProps().setPropValue('name', value);
+      },
+    },
+    supportVariable: true,
+  },
+  {
+    name: 'tooltip',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Tooltip',
+        'zh-CN': '提示',
+      },
+      tip: '标签提示信息，当需要对标签进行解释时，可以使用这个。',
+    },
+    propType: { type: 'oneOfType', value: ['string', 'node'] },
+    setter: ['PisellI18nSetter', 'SlotSetter'],
+  },
+  {
+    name: 'noStyle',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Show title area',
+        'zh-CN': '隐藏标题区域',
+      },
+      tip: '是否隐藏组件的Label，包括title和tooltip，但是不包括helper text。',
+    },
+    propType: 'bool',
+    defaultValue: false,
+    setter: 'BoolSetter',
+    supportVariable: true,
+  },
+  {
+    name: 'extra',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Helper text',
+        'zh-CN': '辅助说明',
+      },
+      tip: '在组件下方或上方显示的辅助说明文本。',
+    },
+    propType: { type: 'oneOfType', value: ['string', 'node'] },
+    setter: ['PisellI18nSetter', 'SlotSetter'],
+  },
+  {
+    name: 'placeholder',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Placeholder',
+        'zh-CN': '占位提示',
+      },
+      tip: '输入框为空时显示的提示文本。',
+    },
+    propType: 'string',
+    setter: 'PisellI18nSetter',
+  },
+  {
+    name: 'mode',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Status',
+        'zh-CN': '状态',
+      },
+      tip: '设置表单项的状态。',
+    },
+    setter: {
+      componentName: 'RadioGroupSetter',
+      props: {
+        options: [
+          {
+            title: '普通',
+            value: 'edit',
+          },
+          {
+            title: '禁用',
+            value: 'disabled',
+          },
+          {
+            title: '只读',
+            value: 'view',
+          },
+          {
+            title: '隐藏',
+            value: 'hidden',
+          },
+        ],
+      },
+      initialValue: 'edit',
+    },
+    propType: {
+      type: 'oneOf',
+      value: ['edit', 'disabled', 'view', 'hidden'],
+    },
+    defaultValue: 'edit',
+  },
+  {
+    name: 'defaultValue',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Default value',
+        'zh-CN': '默认值',
+      },
+      tip: '默认内容',
+    },
+    propType: 'string',
+    setter: 'StringSetter',
+  },
+  {
+    type: 'group',
+    title: {
+      type: 'i18n',
+      'en-US': 'Validation',
+      'zh-CN': '校验',
+    },
+    display: 'accordion',
+    items: [
+      {
+        name: 'requiredobj',
+        title: { label: '必填', tip: '必填' },
+        setter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                {
+                  name: 'required',
+                  title: '是否必填',
+                  propType: 'bool',
+                  setter: 'BoolSetter',
+                  isRequired: true,
+                },
+                {
+                  name: 'message',
+                  title: '错误信息提示',
+                  propType: 'string',
+                  setter: 'PisellI18nSetter',
+                },
+              ],
+            },
+            columns: 1,
+            forceInline: 1,
+            mode: 'popup',
+          },
+        },
+      },
+      {
+        name: 'minLengthobj',
+        title: { label: '最小长度', tip: '最小长度' },
+        setter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                {
+                  name: 'enabled',
+                  title: '是否启用',
+                  propType: 'bool',
+                  setter: 'BoolSetter',
+                  isRequired: true,
+                },
+                {
+                  name: 'min',
+                  title: '最小长度',
+                  propType: 'number',
+                  setter: 'NumberSetter',
+                },
+                {
+                  name: 'message',
+                  title: '错误信息提示',
+                  propType: 'string',
+                  setter: 'PisellI18nSetter',
+                },
+              ],
+            },
+            columns: 1,
+            forceInline: 1,
+            mode: 'popup',
+          },
+        },
+      },
+      {
+        name: 'maxLengthobj',
+        title: { label: '最大长度', tip: '最大长度' },
+        setter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                {
+                  name: 'enabled',
+                  title: '是否启用',
+                  propType: 'bool',
+                  setter: 'BoolSetter',
+                  isRequired: true,
+                },
+                {
+                  name: 'max',
+                  title: '最大长度',
+                  propType: 'number',
+                  setter: 'NumberSetter',
+                },
+                {
+                  name: 'message',
+                  title: '错误信息提示',
+                  propType: 'string',
+                  setter: 'PisellI18nSetter',
+                },
+              ],
+            },
+            columns: 1,
+            forceInline: 1,
+            mode: 'popup',
+          },
+        },
+      },
+      {
+        name: 'typeobj',
+        title: { label: '类型校验', tip: '类型校验' },
+        setter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                {
+                  name: 'enabled',
+                  title: '是否启用',
+                  propType: 'bool',
+                  setter: 'BoolSetter',
+                  isRequired: true,
+                },
+                {
+                  name: 'type',
+                  title: '类型',
+                  propType: 'string',
+                  setter: {
+                    componentName: 'SelectSetter',
+                    props: {
+                      options: [
+                        { title: '字符串', value: 'string' },
+                        { title: '邮箱', value: 'email' },
+                        { title: '网址', value: 'url' },
+                      ],
+                    },
+                  },
+                },
+                {
+                  name: 'message',
+                  title: '错误信息提示',
+                  propType: 'string',
+                  setter: 'PisellI18nSetter',
+                },
+              ],
+            },
+            columns: 1,
+            forceInline: 1,
+            mode: 'popup',
+          },
+        },
+      },
+      {
+        name: 'maxobj',
+        title: { label: '最大值校验设置', tip: '最大值校验设置' },
+        setter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                {
+                  name: 'enabled',
+                  title: '是否启用',
+                  propType: 'bool',
+                  setter: 'BoolSetter',
+                  isRequired: true,
+                },
+                {
+                  name: 'max',
+                  title: '最大值',
+                  propType: 'number',
+                  setter: 'NumberSetter',
+                },
+                {
+                  name: 'message',
+                  title: '错误信息提示',
+                  propType: 'string',
+                  setter: 'PisellI18nSetter',
+                },
+              ],
+            },
+            columns: 1,
+            forceInline: 1,
+            mode: 'popup',
+          },
+        },
+      },
+      {
+        name: 'minobj',
+        title: { label: '最小值校验设置', tip: '最小值校验设置' },
+        setter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                {
+                  name: 'enabled',
+                  title: '是否启用',
+                  propType: 'bool',
+                  setter: 'BoolSetter',
+                  isRequired: true,
+                },
+                {
+                  name: 'min',
+                  title: '最小值',
+                  propType: 'number',
+                  setter: 'NumberSetter',
+                },
+                {
+                  name: 'message',
+                  title: '错误信息提示',
+                  propType: 'string',
+                  setter: 'PisellI18nSetter',
+                },
+              ],
+            },
+            columns: 1,
+            forceInline: 1,
+            mode: 'popup',
+          },
+        },
+      },
+    ],
+  },
+];