@pisell/materials 1.0.621 → 1.0.623

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/build/lowcode/assets-daily.json +11 -11
  2. package/build/lowcode/assets-dev.json +2 -2
  3. package/build/lowcode/assets-prod.json +11 -11
  4. package/build/lowcode/index.js +1 -1
  5. package/build/lowcode/meta.js +1 -1
  6. package/build/lowcode/preview.js +154 -146
  7. package/build/lowcode/render/default/view.css +1 -1
  8. package/build/lowcode/render/default/view.js +37 -23
  9. package/build/lowcode/view.css +1 -1
  10. package/build/lowcode/view.js +39 -25
  11. package/es/components/Pagination/index.d.ts +1 -1
  12. package/es/components/appVersionControl/index.js +1 -1
  13. package/es/components/appVersionControl/types.d.ts +1 -0
  14. package/es/components/dataSourceComponents/dataSourceForm/BaseForm.js +1 -1
  15. package/es/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingProvider.js +1 -1
  16. package/es/components/dataSourceComponents/dataSourceForm/utils.d.ts +3 -3
  17. package/es/components/dataSourceComponents/dataSourceForm/utils.js +8 -2
  18. package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts +3 -3
  19. package/es/components/dataSourceComponents/fields/DatePicker/index.js +13 -0
  20. package/es/components/dataSourceComponents/fields/index.d.ts +1 -1
  21. package/es/components/pisellAppCard/PisellAppCard.js +10 -5
  22. package/es/components/pisellAppCard/PisellAppCard.less +6 -0
  23. package/es/components/pisellAppCard/types.d.ts +3 -0
  24. package/es/components/pisellNavigationMenu/PisellNavigationMenu.js +1 -1
  25. package/lib/components/Pagination/index.d.ts +1 -1
  26. package/lib/components/appVersionControl/index.js +1 -1
  27. package/lib/components/appVersionControl/types.d.ts +1 -0
  28. package/lib/components/dataSourceComponents/dataSourceForm/BaseForm.js +1 -1
  29. package/lib/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingProvider.js +1 -1
  30. package/lib/components/dataSourceComponents/dataSourceForm/utils.d.ts +3 -3
  31. package/lib/components/dataSourceComponents/dataSourceForm/utils.js +7 -1
  32. package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts +3 -3
  33. package/lib/components/dataSourceComponents/fields/DatePicker/index.js +9 -0
  34. package/lib/components/dataSourceComponents/fields/index.d.ts +1 -1
  35. package/lib/components/pisellAppCard/PisellAppCard.js +19 -14
  36. package/lib/components/pisellAppCard/PisellAppCard.less +6 -0
  37. package/lib/components/pisellAppCard/types.d.ts +3 -0
  38. package/lib/components/pisellNavigationMenu/PisellNavigationMenu.js +1 -1
  39. package/lowcode/form-item-date-picker/meta.ts +13 -0
  40. package/lowcode/pisell-app-card/meta.ts +11 -0
  41. package/package.json +2 -2
@@ -5,7 +5,7 @@ export declare const paginationConfig: {
5
5
  className: string;
6
6
  defaultCurrent: number;
7
7
  showTotal: (total: number, range: [number, number]) => string;
8
- itemRender: (page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
8
+ itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
9
9
  responsive: boolean;
10
10
  size: string;
11
11
  };
@@ -170,7 +170,7 @@ var AppVersionControl = function AppVersionControl(props) {
170
170
  className: "pisell-lowcode-app-version-control-avatar-icon"
171
171
  })), /*#__PURE__*/React.createElement("div", {
172
172
  className: "pisell-lowcode-app-version-control-title"
173
- }, (currentVersion === null || currentVersion === void 0 ? void 0 : currentVersion.label) || "", " - V", (currentVersion === null || currentVersion === void 0 ? void 0 : currentVersion.version) || ""), /*#__PURE__*/React.createElement(VersionSelect, {
173
+ }, (currentVersion === null || currentVersion === void 0 ? void 0 : currentVersion.name) || "", " - V", (currentVersion === null || currentVersion === void 0 ? void 0 : currentVersion.version) || ""), /*#__PURE__*/React.createElement(VersionSelect, {
174
174
  versions: versions,
175
175
  value: value,
176
176
  onChange: handleVersionChange
@@ -3,6 +3,7 @@ export interface Version {
3
3
  id: string;
4
4
  label: string;
5
5
  value: string;
6
+ name: string;
6
7
  status: 'live' | 'draft' | 'deprecated';
7
8
  version: string;
8
9
  avatar?: string;
@@ -67,7 +67,7 @@ var BaseForm = /*#__PURE__*/forwardRef(function (props, ref) {
67
67
  (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.setFields(transformFormObjToArrayWithUntouched(formattedValues));
68
68
  });
69
69
  }
70
- }, [renderMode, dataSource, formatInitialValues]);
70
+ }, [renderMode, dataSource]);
71
71
 
72
72
  // 检查表单是否可以关闭
73
73
  var checkFormClose = useMemoizedFn( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -26,7 +26,7 @@ var FormSettingProvider = function FormSettingProvider(props) {
26
26
  formatInitialValues: formatInitialValues,
27
27
  customSubmit: customSubmit
28
28
  };
29
- }, [renderMode, groupInfoPosition, currentValue, size, onDataSourceFinish, formatSubmitValues, formatInitialValues, customSubmit]);
29
+ }, [renderMode, groupInfoPosition, currentValue, size]);
30
30
  return /*#__PURE__*/React.createElement(FormSettingContext.Provider, {
31
31
  value: value
32
32
  }, children);
@@ -34,9 +34,9 @@ export declare const isValidDomain: (value: string) => boolean;
34
34
  * @Date: 2024-11-23 17:14:25
35
35
  */
36
36
  export declare const withFormItem: <P extends object>(WrappedComponent: React.ComponentType<P>, overlayProps?: {
37
- otherFormItemProps?: Record<string, any>;
38
- innerProps?: Record<string, any>;
39
- }) => React.FC<P & WithFormItemProps>;
37
+ otherFormItemProps?: Record<string, any> | ((props: Record<string, any>) => Record<string, any>) | undefined;
38
+ innerProps?: Record<string, any> | undefined;
39
+ } | undefined) => React.FC<P & WithFormItemProps>;
40
40
  export declare const withDataSource: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
41
41
  dataSource?: any;
42
42
  }) => React.JSX.Element;
@@ -17,7 +17,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
17
17
  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; }
18
18
  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; }
19
19
  import React, { useEffect, useMemo } from 'react';
20
- import { isArr, isNumber, isString } from '@pisell/utils';
20
+ import { isArr, isFunction, isNumber, isString } from '@pisell/utils';
21
21
  import classNames from 'classnames';
22
22
  import { parsePhoneNumberFromString } from 'libphonenumber-js';
23
23
  import { getText } from "../../../locales";
@@ -322,6 +322,12 @@ export var withFormItem = function withFormItem(WrappedComponent, overlayProps)
322
322
  }
323
323
  return propsLabelCol;
324
324
  }, [hideLabel, propsLabelCol]);
325
+ var otherFormItemProps = useMemo(function () {
326
+ if (isFunction(overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.otherFormItemProps)) {
327
+ return overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.otherFormItemProps(otherProps);
328
+ }
329
+ return (overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.otherFormItemProps) || {};
330
+ }, [overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.otherFormItemProps, otherProps]);
325
331
  return /*#__PURE__*/React.createElement(Form.Item, _extends({
326
332
  required: required,
327
333
  style: _objectSpread(_objectSpread({
@@ -344,7 +350,7 @@ export var withFormItem = function withFormItem(WrappedComponent, overlayProps)
344
350
  className: classNames('pisell-data-source-form-item', {
345
351
  'pisell-data-source-form-item-view': effectiveMode === 'view'
346
352
  })
347
- }, overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.otherFormItemProps), renderComponent);
353
+ }, otherFormItemProps), renderComponent);
348
354
  };
349
355
  };
350
356
  export var withDataSource = function withDataSource(WrappedComponent) {
@@ -17,7 +17,7 @@ interface UseTablePropsProps {
17
17
  * @returns
18
18
  */
19
19
  declare const useTableProps: (props: UseTablePropsProps) => {
20
- title: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
20
+ title: number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
21
21
  pagination: {
22
22
  total: number;
23
23
  current: number;
@@ -26,7 +26,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
26
26
  showSizeChanger: boolean;
27
27
  };
28
28
  columns: import("./useColumns").Column[];
29
- subTitle: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
29
+ subTitle: number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
30
30
  buttons: any[] | null;
31
31
  filter: React.JSX.Element | null;
32
32
  onRow: (record: any) => any;
@@ -47,7 +47,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
47
47
  width: number;
48
48
  align: "center" | "left" | "right";
49
49
  fixed: false | "left" | "right";
50
- type: "button" | "link";
50
+ type: "link" | "button";
51
51
  items: OperationItem[];
52
52
  } | undefined;
53
53
  operationContent?: {
@@ -1,10 +1,23 @@
1
1
  import { withFormItem } from "../../dataSourceForm/utils";
2
2
  import DatePickerWithMode from "./WithMode";
3
+ import dayjs from 'dayjs';
3
4
  var DatePicker = withFormItem(DatePickerWithMode, {
4
5
  innerProps: {
5
6
  style: {
6
7
  width: '100%'
7
8
  }
9
+ },
10
+ otherFormItemProps: function otherFormItemProps(props) {
11
+ return {
12
+ normalize: function normalize(value) {
13
+ return value && dayjs(value).format(props.submitFormat || "YYYY-MM-DD");
14
+ },
15
+ getValueProps: function getValueProps(value) {
16
+ return {
17
+ value: value && dayjs(value)
18
+ };
19
+ }
20
+ };
8
21
  }
9
22
  });
10
23
  export default DatePicker;
@@ -59,7 +59,7 @@ declare const formFieldMap: {
59
59
  FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
60
60
  FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
61
61
  };
62
- declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<any> | (import("react").FC<{}> & {
62
+ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
63
63
  Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
64
64
  } & {
65
65
  Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -14,7 +14,8 @@ var PisellAppCard = function PisellAppCard(_ref) {
14
14
  title = _ref.title,
15
15
  description = _ref.description,
16
16
  bottomButtons = _ref.bottomButtons,
17
- moreActions = _ref.moreActions;
17
+ moreActions = _ref.moreActions,
18
+ icon = _ref.icon;
18
19
  return /*#__PURE__*/React.createElement(PisellCard, {
19
20
  className: classNames('pisell-lowcode-app-card', className),
20
21
  style: style
@@ -22,14 +23,18 @@ var PisellAppCard = function PisellAppCard(_ref) {
22
23
  className: "pisell-lowcode-app-card-header"
23
24
  }, /*#__PURE__*/React.createElement("div", {
24
25
  className: "pisell-lowcode-app-card-header-left"
25
- }, avatar && /*#__PURE__*/React.createElement(PisellAvatar, {
26
- src: avatar,
26
+ }, (avatar || icon) && /*#__PURE__*/React.createElement(PisellAvatar, {
27
+ icon: icon && /*#__PURE__*/React.createElement(Icon, {
28
+ type: icon
29
+ }),
30
+ src: avatar || undefined,
27
31
  alt: title,
28
32
  size: "xl",
29
33
  shape: "square",
30
34
  style: {
31
35
  border: 'none'
32
- }
36
+ },
37
+ borderRadius: 10
33
38
  })), /*#__PURE__*/React.createElement("div", null, moreActions && moreActions.length > 0 && /*#__PURE__*/React.createElement(Dropdown, {
34
39
  menu: {
35
40
  items: moreActions.map(function (action, index) {
@@ -64,7 +69,7 @@ var PisellAppCard = function PisellAppCard(_ref) {
64
69
  }, description))), bottomButtons && bottomButtons.length > 0 && /*#__PURE__*/React.createElement("div", {
65
70
  className: "pisell-lowcode-app-card-footer"
66
71
  }, bottomButtons.map(function (button, index) {
67
- return /*#__PURE__*/React.createElement(Button, {
72
+ return !button.hidden && /*#__PURE__*/React.createElement(Button, {
68
73
  type: button.type,
69
74
  onClick: button.onClick,
70
75
  key: index,
@@ -1,6 +1,7 @@
1
1
  .pisell-lowcode-app-card {
2
2
  background: #fff;
3
3
  border: 1px solid #f0f0f0;
4
+ cursor: auto;
4
5
 
5
6
  .pisell-lowcode-card-body {
6
7
  display: flex;
@@ -18,6 +19,11 @@
18
19
  display: flex;
19
20
  justify-content: space-between;
20
21
  align-items: center;
22
+ .pisell-lowcode-app-card-header-left {
23
+ .anticon {
24
+ font-size: 32px !important;
25
+ }
26
+ }
21
27
  }
22
28
 
23
29
  .pisell-lowcode-app-card-content {
@@ -6,6 +6,8 @@ export interface PisellAppCardProps {
6
6
  style?: CSSProperties;
7
7
  /** 头像地址 */
8
8
  avatar?: string;
9
+ /** icon */
10
+ icon?: string;
9
11
  /** 标签列表 */
10
12
  tags?: Array<{
11
13
  label: string;
@@ -21,6 +23,7 @@ export interface PisellAppCardProps {
21
23
  label: string;
22
24
  onClick?: () => void;
23
25
  type?: 'primary' | 'default' | 'dashed' | 'link' | 'text';
26
+ hidden: boolean;
24
27
  }>;
25
28
  /** 右侧更多操作列表 */
26
29
  moreActions?: Array<{
@@ -99,7 +99,7 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
99
99
  className: "pisell-lowcode-navigation-menu-item-title"
100
100
  }, item.title), /*#__PURE__*/React.createElement("div", {
101
101
  className: "pisell-lowcode-navigation-menu-item-description"
102
- }, item.description, !item.isGroup && /*#__PURE__*/React.createElement(PisellTags, {
102
+ }, item.description, !item.isGroup && item.version && /*#__PURE__*/React.createElement(PisellTags, {
103
103
  type: "pill_color",
104
104
  color: "success"
105
105
  }, item.version)))), /*#__PURE__*/React.createElement("div", {
@@ -5,7 +5,7 @@ export declare const paginationConfig: {
5
5
  className: string;
6
6
  defaultCurrent: number;
7
7
  showTotal: (total: number, range: [number, number]) => string;
8
- itemRender: (page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
8
+ itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
9
9
  responsive: boolean;
10
10
  size: string;
11
11
  };
@@ -129,7 +129,7 @@ var AppVersionControl = (props) => {
129
129
  }
130
130
  )
131
131
  ),
132
- /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-version-control-title" }, (currentVersion == null ? void 0 : currentVersion.label) || "", " - V", (currentVersion == null ? void 0 : currentVersion.version) || ""),
132
+ /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-version-control-title" }, (currentVersion == null ? void 0 : currentVersion.name) || "", " - V", (currentVersion == null ? void 0 : currentVersion.version) || ""),
133
133
  /* @__PURE__ */ import_react.default.createElement(
134
134
  import_versionSelect.default,
135
135
  {
@@ -3,6 +3,7 @@ export interface Version {
3
3
  id: string;
4
4
  label: string;
5
5
  value: string;
6
+ name: string;
6
7
  status: 'live' | 'draft' | 'deprecated';
7
8
  version: string;
8
9
  avatar?: string;
@@ -87,7 +87,7 @@ var BaseForm = (0, import_react.forwardRef)(
87
87
  (_a2 = formRef.current) == null ? void 0 : _a2.setFields((0, import_utils.transformFormObjToArrayWithUntouched)(formattedValues));
88
88
  });
89
89
  }
90
- }, [renderMode, dataSource, formatInitialValues]);
90
+ }, [renderMode, dataSource]);
91
91
  const checkFormClose = (0, import_ahooks.useMemoizedFn)(async () => {
92
92
  var _a2;
93
93
  const isFormChanged = (_a2 = formRef.current) == null ? void 0 : _a2.isFieldsTouched();
@@ -57,7 +57,7 @@ var FormSettingProvider = (props) => {
57
57
  formatInitialValues,
58
58
  customSubmit
59
59
  };
60
- }, [renderMode, groupInfoPosition, currentValue, size, onDataSourceFinish, formatSubmitValues, formatInitialValues, customSubmit]);
60
+ }, [renderMode, groupInfoPosition, currentValue, size]);
61
61
  return /* @__PURE__ */ import_react.default.createElement(
62
62
  import_FormSettingContext.default.Provider,
63
63
  {
@@ -34,9 +34,9 @@ export declare const isValidDomain: (value: string) => boolean;
34
34
  * @Date: 2024-11-23 17:14:25
35
35
  */
36
36
  export declare const withFormItem: <P extends object>(WrappedComponent: React.ComponentType<P>, overlayProps?: {
37
- otherFormItemProps?: Record<string, any>;
38
- innerProps?: Record<string, any>;
39
- }) => React.FC<P & WithFormItemProps>;
37
+ otherFormItemProps?: Record<string, any> | ((props: Record<string, any>) => Record<string, any>) | undefined;
38
+ innerProps?: Record<string, any> | undefined;
39
+ } | undefined) => React.FC<P & WithFormItemProps>;
40
40
  export declare const withDataSource: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
41
41
  dataSource?: any;
42
42
  }) => React.JSX.Element;
@@ -364,6 +364,12 @@ var withFormItem = (WrappedComponent, overlayProps) => {
364
364
  }
365
365
  return propsLabelCol;
366
366
  }, [hideLabel, propsLabelCol]);
367
+ const otherFormItemProps = (0, import_react.useMemo)(() => {
368
+ if ((0, import_utils.isFunction)(overlayProps == null ? void 0 : overlayProps.otherFormItemProps)) {
369
+ return overlayProps == null ? void 0 : overlayProps.otherFormItemProps(otherProps);
370
+ }
371
+ return (overlayProps == null ? void 0 : overlayProps.otherFormItemProps) || {};
372
+ }, [overlayProps == null ? void 0 : overlayProps.otherFormItemProps, otherProps]);
367
373
  return /* @__PURE__ */ import_react.default.createElement(
368
374
  import_form.default.Item,
369
375
  {
@@ -388,7 +394,7 @@ var withFormItem = (WrappedComponent, overlayProps) => {
388
394
  className: (0, import_classnames.default)("pisell-data-source-form-item", {
389
395
  "pisell-data-source-form-item-view": effectiveMode === "view"
390
396
  }),
391
- ...overlayProps == null ? void 0 : overlayProps.otherFormItemProps
397
+ ...otherFormItemProps
392
398
  },
393
399
  renderComponent
394
400
  );
@@ -17,7 +17,7 @@ interface UseTablePropsProps {
17
17
  * @returns
18
18
  */
19
19
  declare const useTableProps: (props: UseTablePropsProps) => {
20
- title: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
20
+ title: number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
21
21
  pagination: {
22
22
  total: number;
23
23
  current: number;
@@ -26,7 +26,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
26
26
  showSizeChanger: boolean;
27
27
  };
28
28
  columns: import("./useColumns").Column[];
29
- subTitle: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
29
+ subTitle: number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
30
30
  buttons: any[] | null;
31
31
  filter: React.JSX.Element | null;
32
32
  onRow: (record: any) => any;
@@ -47,7 +47,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
47
47
  width: number;
48
48
  align: "center" | "left" | "right";
49
49
  fixed: false | "left" | "right";
50
- type: "button" | "link";
50
+ type: "link" | "button";
51
51
  items: OperationItem[];
52
52
  } | undefined;
53
53
  operationContent?: {
@@ -34,11 +34,20 @@ __export(DatePicker_exports, {
34
34
  module.exports = __toCommonJS(DatePicker_exports);
35
35
  var import_utils = require("../../dataSourceForm/utils");
36
36
  var import_WithMode = __toESM(require("./WithMode"));
37
+ var import_dayjs = __toESM(require("dayjs"));
37
38
  var DatePicker = (0, import_utils.withFormItem)(import_WithMode.default, {
38
39
  innerProps: {
39
40
  style: {
40
41
  width: "100%"
41
42
  }
43
+ },
44
+ otherFormItemProps: (props) => {
45
+ return {
46
+ normalize: (value) => value && (0, import_dayjs.default)(value).format(props.submitFormat || "YYYY-MM-DD"),
47
+ getValueProps: (value) => ({
48
+ value: value && (0, import_dayjs.default)(value)
49
+ })
50
+ };
42
51
  }
43
52
  });
44
53
  var DatePicker_default = DatePicker;
@@ -59,7 +59,7 @@ declare const formFieldMap: {
59
59
  FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
60
60
  FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
61
61
  };
62
- declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<any> | (import("react").FC<{}> & {
62
+ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
63
63
  Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
64
64
  } & {
65
65
  Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -48,7 +48,8 @@ var PisellAppCard = ({
48
48
  title,
49
49
  description,
50
50
  bottomButtons,
51
- moreActions
51
+ moreActions,
52
+ icon
52
53
  }) => {
53
54
  return /* @__PURE__ */ import_react.default.createElement(
54
55
  import_pisellCard.default,
@@ -56,14 +57,16 @@ var PisellAppCard = ({
56
57
  className: (0, import_classnames.default)("pisell-lowcode-app-card", className),
57
58
  style
58
59
  },
59
- /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-card-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-card-header-left" }, avatar && /* @__PURE__ */ import_react.default.createElement(
60
+ /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-card-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-card-header-left" }, (avatar || icon) && /* @__PURE__ */ import_react.default.createElement(
60
61
  import_pisellAvatar.default,
61
62
  {
62
- src: avatar,
63
+ icon: icon && /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: icon }),
64
+ src: avatar || void 0,
63
65
  alt: title,
64
66
  size: "xl",
65
67
  shape: "square",
66
- style: { border: "none" }
68
+ style: { border: "none" },
69
+ borderRadius: 10
67
70
  }
68
71
  )), /* @__PURE__ */ import_react.default.createElement("div", null, moreActions && moreActions.length > 0 && /* @__PURE__ */ import_react.default.createElement(
69
72
  import_antd.Dropdown,
@@ -87,16 +90,18 @@ var PisellAppCard = ({
87
90
  )
88
91
  ))),
89
92
  /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-card-content" }, tags && tags.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-card-content-tags" }, tags.map((tag, index) => /* @__PURE__ */ import_react.default.createElement(import_pisellTags.default, { key: index, type: tag.type, color: tag.color }, tag.label))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-card-content-title" }, title), description && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-card-content-description" }, description))),
90
- bottomButtons && bottomButtons.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-card-footer" }, bottomButtons.map((button, index) => /* @__PURE__ */ import_react.default.createElement(
91
- import_antd.Button,
92
- {
93
- type: button.type,
94
- onClick: button.onClick,
95
- key: index,
96
- size: "large"
97
- },
98
- button.label
99
- )))
93
+ bottomButtons && bottomButtons.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-card-footer" }, bottomButtons.map(
94
+ (button, index) => !button.hidden && /* @__PURE__ */ import_react.default.createElement(
95
+ import_antd.Button,
96
+ {
97
+ type: button.type,
98
+ onClick: button.onClick,
99
+ key: index,
100
+ size: "large"
101
+ },
102
+ button.label
103
+ )
104
+ ))
100
105
  );
101
106
  };
102
107
  var PisellAppCard_default = PisellAppCard;
@@ -1,6 +1,7 @@
1
1
  .pisell-lowcode-app-card {
2
2
  background: #fff;
3
3
  border: 1px solid #f0f0f0;
4
+ cursor: auto;
4
5
 
5
6
  .pisell-lowcode-card-body {
6
7
  display: flex;
@@ -18,6 +19,11 @@
18
19
  display: flex;
19
20
  justify-content: space-between;
20
21
  align-items: center;
22
+ .pisell-lowcode-app-card-header-left {
23
+ .anticon {
24
+ font-size: 32px !important;
25
+ }
26
+ }
21
27
  }
22
28
 
23
29
  .pisell-lowcode-app-card-content {
@@ -6,6 +6,8 @@ export interface PisellAppCardProps {
6
6
  style?: CSSProperties;
7
7
  /** 头像地址 */
8
8
  avatar?: string;
9
+ /** icon */
10
+ icon?: string;
9
11
  /** 标签列表 */
10
12
  tags?: Array<{
11
13
  label: string;
@@ -21,6 +23,7 @@ export interface PisellAppCardProps {
21
23
  label: string;
22
24
  onClick?: () => void;
23
25
  type?: 'primary' | 'default' | 'dashed' | 'link' | 'text';
26
+ hidden: boolean;
24
27
  }>;
25
28
  /** 右侧更多操作列表 */
26
29
  moreActions?: Array<{
@@ -99,7 +99,7 @@ var PisellNavigationMenu = ({
99
99
  const renderMenuItem = (0, import_react.useCallback)(
100
100
  (itemProps) => {
101
101
  const { item } = itemProps;
102
- return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content-icon" }, /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: item.icon })), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content-text" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-description" }, item.description, !item.isGroup && /* @__PURE__ */ import_react.default.createElement(import_pisellTags.default, { type: "pill_color", color: "success" }, item.version)))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-action-wrap" }, /* @__PURE__ */ import_react.default.createElement(
102
+ return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content-icon" }, /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: item.icon })), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content-text" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-description" }, item.description, !item.isGroup && item.version && /* @__PURE__ */ import_react.default.createElement(import_pisellTags.default, { type: "pill_color", color: "success" }, item.version)))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-action-wrap" }, /* @__PURE__ */ import_react.default.createElement(
103
103
  import_button.default,
104
104
  {
105
105
  type: "text",
@@ -161,6 +161,19 @@ export default {
161
161
  },
162
162
  defaultValue: 'HH:mm',
163
163
  },
164
+ {
165
+ name: "submitFormat",
166
+ title: {
167
+ label: {
168
+ type: 'i18n',
169
+ 'en-US': 'Submit Format',
170
+ 'zh-CN': '提交格式',
171
+ },
172
+ },
173
+ propType: 'string',
174
+ setter: 'StringSetter',
175
+ defaultValue: 'YYYY-MM-DD HH:mm:ss',
176
+ },
164
177
  ]),
165
178
  getFormItemValidateGroup([generalItemMap['requiredobj']]),
166
179
  ],
@@ -2,6 +2,7 @@ import {
2
2
  IPublicTypeComponentMetadata,
3
3
  IPublicTypeSnippet,
4
4
  } from '@alilc/lowcode-types';
5
+ import { AntdIconSetter } from "../_setters";
5
6
 
6
7
  const PisellAppCardMeta: IPublicTypeComponentMetadata = {
7
8
  componentName: 'PisellAppCard',
@@ -24,6 +25,11 @@ const PisellAppCardMeta: IPublicTypeComponentMetadata = {
24
25
  title: '头像',
25
26
  setter: 'StringSetter',
26
27
  },
28
+ {
29
+ name: "icon",
30
+ title: '图标',
31
+ setter: AntdIconSetter,
32
+ },
27
33
  {
28
34
  name: 'tags',
29
35
  title: '标签',
@@ -180,6 +186,11 @@ const PisellAppCardMeta: IPublicTypeComponentMetadata = {
180
186
  title: '点击事件',
181
187
  setter: 'FunctionSetter',
182
188
  },
189
+ {
190
+ name: 'hidden',
191
+ title: '隐藏',
192
+ setter: 'BoolSetter',
193
+ },
183
194
  ],
184
195
  },
185
196
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pisell/materials",
3
- "version": "1.0.621",
3
+ "version": "1.0.623",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.js",
6
6
  "types": "./lib/index.d.ts",
@@ -69,8 +69,8 @@
69
69
  "libphonenumber-js": "^1.11.17",
70
70
  "swiper": "^8.4.7",
71
71
  "react-barcode": "^1.5.3",
72
- "@pisell/date-picker": "1.0.115",
73
72
  "@pisell/icon": "0.0.10",
73
+ "@pisell/date-picker": "1.0.115",
74
74
  "@pisell/utils": "1.0.43"
75
75
  },
76
76
  "peerDependencies": {