@pisell/materials 3.0.62 → 6.0.2

package/lib/components/dataSourceComponents/dataSourceWrapper/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DataSourceContextProps } from '../provider/dataSource/DataSourceContext';
+declare const DataSourceWrapper: (props: DataSourceContextProps) => React.JSX.Element;
+export default DataSourceWrapper;

package/lib/components/dataSourceComponents/dataSourceWrapper/index.js

@@ -0,0 +1,61 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/dataSourceWrapper/index.tsx
+var dataSourceWrapper_exports = {};
+__export(dataSourceWrapper_exports, {
+  default: () => dataSourceWrapper_default
+});
+module.exports = __toCommonJS(dataSourceWrapper_exports);
+var import_react = __toESM(require("react"));
+var import_DataSourceProvider = __toESM(require("../provider/dataSource/DataSourceProvider"));
+var import_BaseWrapper = __toESM(require("./BaseWrapper"));
+var DataSourceWrapper = (props) => {
+  const {
+    children,
+    dataSource,
+    overrideData,
+    autoRun,
+    actions,
+    currentValue,
+    __designMode
+  } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_DataSourceProvider.default,
+    {
+      dataSource,
+      overrideData,
+      actions,
+      autoRun,
+      currentValue,
+      __designMode
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_BaseWrapper.default, { ...props }, children)
+  );
+};
+var dataSourceWrapper_default = DataSourceWrapper;

package/lib/components/dataSourceComponents/fields/Checkbox/ReadPretty.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { CheckboxProps, CheckboxGroupProps } from './type';
+import './ReadPretty.less';
+declare type CheckboxReadPrettyType = React.FC<CheckboxProps> & {
+    Group: React.FC<CheckboxGroupProps>;
+};
+declare const CheckboxReadPretty: CheckboxReadPrettyType;
+export default CheckboxReadPretty;

package/lib/components/dataSourceComponents/fields/Checkbox/ReadPretty.js

@@ -0,0 +1,59 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Checkbox/ReadPretty.tsx
+var ReadPretty_exports = {};
+__export(ReadPretty_exports, {
+  default: () => ReadPretty_default
+});
+module.exports = __toCommonJS(ReadPretty_exports);
+var import_react = __toESM(require("react"));
+var import_useValueMap = __toESM(require("../../hooks/useValueMap"));
+var import_utils = require("../../dataSourceForm/utils");
+var import_ReadPretty = require("./ReadPretty.less");
+var import_iconfont = __toESM(require("../../../iconfont"));
+var CheckboxReadPretty = (props) => {
+  const { value } = props;
+  return value ? /* @__PURE__ */ import_react.default.createElement(
+    import_iconfont.default,
+    {
+      type: "pisell2-check",
+      style: {
+        color: "var(--theme-color)",
+        fontSize: 20
+      }
+    }
+  ) : null;
+};
+var CheckboxGroupReadPretty = (props) => {
+  const { value, options, renderMode } = props;
+  const valueMap = (0, import_useValueMap.default)(options || []);
+  return (0, import_utils.renderValueWithMap)(value, valueMap, renderMode);
+};
+CheckboxReadPretty.Group = CheckboxGroupReadPretty;
+var ReadPretty_default = CheckboxReadPretty;

package/lib/components/dataSourceComponents/fields/Checkbox/WithMode.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type CheckboxComponent = React.FC & {
+    Group: typeof CheckboxGroupWithMode;
+};
+declare const CheckboxWithMode: CheckboxComponent;
+declare const CheckboxGroupWithMode: import("react").FC<import("./type").CheckboxGroupProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default CheckboxWithMode;

package/lib/components/dataSourceComponents/fields/Checkbox/WithMode.js

@@ -0,0 +1,41 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Checkbox/WithMode.ts
+var WithMode_exports = {};
+__export(WithMode_exports, {
+  default: () => WithMode_default
+});
+module.exports = __toCommonJS(WithMode_exports);
+var import_utils = require("../../dataSourceForm/utils");
+var import_checkbox = __toESM(require("../../../checkbox"));
+var import_ReadPretty = __toESM(require("./ReadPretty"));
+var CheckboxWithMode = (0, import_utils.withMode)(import_checkbox.default, import_ReadPretty.default);
+var CheckboxGroupWithMode = (0, import_utils.withMode)(import_checkbox.default.Group, import_ReadPretty.default.Group);
+CheckboxWithMode.Group = CheckboxGroupWithMode;
+var WithMode_default = CheckboxWithMode;

package/lib/components/dataSourceComponents/fields/Checkbox/index.d.ts

@@ -0,0 +1,6 @@
+import CheckboxWithMode from './WithMode';
+declare type CheckboxComponent = typeof CheckboxWithMode & {
+    Group: typeof CheckboxWithMode.Group;
+};
+declare const Checkbox: CheckboxComponent;
+export default Checkbox;

package/lib/components/dataSourceComponents/fields/Checkbox/index.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Checkbox/index.tsx
+var Checkbox_exports = {};
+__export(Checkbox_exports, {
+  default: () => Checkbox_default
+});
+module.exports = __toCommonJS(Checkbox_exports);
+var import_WithMode = __toESM(require("./WithMode"));
+var import_utils = require("../../dataSourceForm/utils");
+var Checkbox = (0, import_utils.withFormItem)(import_WithMode.default, {
+  otherFormItemProps: {
+    valuePropName: "checked"
+  }
+});
+var CheckboxGroupWithFormItem = (0, import_utils.withFormItem)(import_WithMode.default.Group);
+var CheckboxGroupWithOptions = (0, import_utils.withOptions)(CheckboxGroupWithFormItem);
+var CheckboxGroupWithDataSource = (0, import_utils.withDataSource)(CheckboxGroupWithOptions);
+Checkbox.Group = CheckboxGroupWithDataSource;
+var Checkbox_default = Checkbox;

package/lib/components/dataSourceComponents/fields/Checkbox/type.d.ts

@@ -0,0 +1,9 @@
+import { CheckboxProps as AntCheckboxProps } from 'antd';
+import { CheckboxGroupProps as AntCheckboxGroupProps } from 'antd/es/checkbox';
+import { ModeType } from "../../dataSourceForm/type";
+export interface CheckboxProps extends AntCheckboxProps {
+    renderMode: ModeType;
+}
+export interface CheckboxGroupProps extends AntCheckboxGroupProps {
+    renderMode: ModeType;
+}

package/lib/components/dataSourceComponents/fields/Checkbox/type.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/components/dataSourceComponents/fields/Checkbox/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);

package/lib/components/dataSourceComponents/fields/ColorPicker/ReadPretty.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ColorPickerProps } from './type';
+import './ReadPretty.less';
+declare const ColorPickerReadPretty: (props: ColorPickerProps) => React.JSX.Element;
+export default ColorPickerReadPretty;

package/lib/components/{productCard/components/Divider/index.js → dataSourceComponents/fields/ColorPicker/ReadPretty.js}

@@ -26,25 +26,23 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/productCard/components/Divider/index.tsx
-var Divider_exports = {};
-__export(Divider_exports, {
-  default: () => Divider_default
+// src/components/dataSourceComponents/fields/ColorPicker/ReadPretty.tsx
+var ReadPretty_exports = {};
+__export(ReadPretty_exports, {
+  default: () => ReadPretty_default
 });
-module.exports = __toCommonJS(Divider_exports);
+module.exports = __toCommonJS(ReadPretty_exports);
 var import_react = __toESM(require("react"));
-var import_classnames = __toESM(require("classnames"));
-var import_index = require("./index.less");
-var prefix = "pisell-lowcode-";
-var Divider = ({ type }) => {
+var import_antd = require("antd");
+var import_ReadPretty = require("./ReadPretty.less");
+var ColorPickerReadPretty = (props) => {
   return /* @__PURE__ */ import_react.default.createElement(
-    "div",
+    import_antd.ColorPicker,
     {
-      className: (0, import_classnames.default)(
-        `${prefix}product-divider`,
-        type === "inside" && `${prefix}product-divider-inside`
-      )
+      ...props,
+      open: false,
+      className: "pisell-color-picker-read-pretty"
     }
   );
 };
-var Divider_default = Divider;
+var ReadPretty_default = ColorPickerReadPretty;

package/lib/components/dataSourceComponents/fields/ColorPicker/WithMode.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ColorPickerProps } from './type';
+declare const ColorPickerWithMode: React.FC<ColorPickerProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default ColorPickerWithMode;

package/lib/components/dataSourceComponents/fields/ColorPicker/WithMode.js

@@ -0,0 +1,65 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/ColorPicker/WithMode.tsx
+var WithMode_exports = {};
+__export(WithMode_exports, {
+  default: () => WithMode_default
+});
+module.exports = __toCommonJS(WithMode_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_colors = require("@ant-design/colors");
+var import_locales = require("../../../../locales");
+var import_ReadPretty = __toESM(require("./ReadPretty"));
+var import_utils = require("../../dataSourceForm/utils");
+var ColorPicker = (props) => {
+  const presets = [
+    {
+      label: (0, import_locales.getText)("pisell-color-picker-default"),
+      colors: [
+        import_colors.red.primary || import_colors.red[5],
+        import_colors.volcano.primary || import_colors.volcano[5],
+        import_colors.orange.primary || import_colors.orange[5],
+        import_colors.gold.primary || import_colors.gold[5],
+        import_colors.yellow.primary || import_colors.yellow[5],
+        import_colors.lime.primary || import_colors.lime[5],
+        import_colors.green.primary || import_colors.green[5],
+        import_colors.cyan.primary || import_colors.cyan[5],
+        import_colors.blue.primary || import_colors.blue[5],
+        import_colors.geekblue.primary || import_colors.geekblue[5],
+        import_colors.purple.primary || import_colors.purple[5],
+        import_colors.magenta.primary || import_colors.magenta[5]
+      ]
+    }
+  ];
+  const { renderMode, ...restProps } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.ColorPicker, { ...restProps, presets });
+};
+var ColorPickerWithMode = (0, import_utils.withMode)(ColorPicker, import_ReadPretty.default);
+var WithMode_default = ColorPickerWithMode;

package/lib/components/dataSourceComponents/fields/ColorPicker/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ColorPicker: React.FC<import("./type").ColorPickerProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default ColorPicker;

package/lib/components/dataSourceComponents/fields/ColorPicker/index.js

@@ -0,0 +1,38 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/ColorPicker/index.tsx
+var ColorPicker_exports = {};
+__export(ColorPicker_exports, {
+  default: () => ColorPicker_default
+});
+module.exports = __toCommonJS(ColorPicker_exports);
+var import_utils = require("../../dataSourceForm/utils");
+var import_WithMode = __toESM(require("./WithMode"));
+var ColorPicker = (0, import_utils.withFormItem)(import_WithMode.default);
+var ColorPicker_default = ColorPicker;

package/lib/components/dataSourceComponents/fields/ColorPicker/type.d.ts

@@ -0,0 +1,5 @@
+import { ColorPickerProps as AntColorPickerProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface ColorPickerProps extends AntColorPickerProps {
+    renderMode: ModeType;
+}

package/lib/components/dataSourceComponents/fields/ColorPicker/type.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/components/dataSourceComponents/fields/ColorPicker/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);

package/lib/components/dataSourceComponents/fields/DatePicker/ReadPretty.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DatePickerProps } from './type';
+import './ReadPretty.less';
+declare const DatePickerReadPretty: (props: DatePickerProps) => React.JSX.Element;
+export default DatePickerReadPretty;

package/lib/components/{productCard/components/Time/components/Like/index.js → dataSourceComponents/fields/DatePicker/ReadPretty.js}

@@ -26,39 +26,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/productCard/components/Time/components/Like/index.tsx
-var Like_exports = {};
-__export(Like_exports, {
-  default: () => Like_default
+// src/components/dataSourceComponents/fields/DatePicker/ReadPretty.tsx
+var ReadPretty_exports = {};
+__export(ReadPretty_exports, {
+  default: () => ReadPretty_default
 });
-module.exports = __toCommonJS(Like_exports);
+module.exports = __toCommonJS(ReadPretty_exports);
 var import_react = __toESM(require("react"));
-var import_like_heart = __toESM(require("./like-heart.png"));
-var import_like_hide_heart = __toESM(require("./like-hide-heart.png"));
-var import_index = require("./index.less");
 var import_classnames = __toESM(require("classnames"));
-var Like = ({
-  status,
-  onLike,
-  className,
-  style
-}) => {
-  const url = status === "like" ? import_like_heart.default : import_like_hide_heart.default;
+var import_dayjs = __toESM(require("dayjs"));
+var import_ReadPretty = require("./ReadPretty.less");
+var DatePickerReadPretty = (props) => {
+  const { value, renderMode } = props;
   return /* @__PURE__ */ import_react.default.createElement(
-    "img",
+    "span",
     {
-      style,
-      src: url,
-      className: (0, import_classnames.default)("like-icon", className),
-      onClick: (e) => {
-        if (!onLike) {
-          return;
-        }
-        e.preventDefault();
-        e.stopPropagation();
-        onLike == null ? void 0 : onLike(status === "like" ? "common" : "like");
-      }
-    }
+      className: (0, import_classnames.default)("pisell-date-picker-read-pretty", {
+        "pisell-date-picker-read-pretty-table-view": renderMode === "tableView"
+      })
+    },
+    value ? (0, import_dayjs.default)(value).format("YYYY-MM-DD HH:mm:ss") : ""
   );
 };
-var Like_default = Like;
+var ReadPretty_default = DatePickerReadPretty;

package/lib/components/dataSourceComponents/fields/DatePicker/ReadPretty.less

@@ -0,0 +1,11 @@
+.pisell-date-picker-read-pretty {
+  color: var(--Gray-900, #101828);
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 24px; /* 150% */
+}
+
+.pisell-date-picker-read-pretty-table-view {
+  font-size: 14px;
+  font-weight: 400;
+}

package/lib/components/dataSourceComponents/fields/DatePicker/WithMode.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DatePickerProps } from 'antd';
+declare const DatePickerWithMode: import("react").FC<DatePickerProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default DatePickerWithMode;

package/lib/components/dataSourceComponents/fields/DatePicker/WithMode.js

@@ -0,0 +1,50 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/DatePicker/WithMode.ts
+var WithMode_exports = {};
+__export(WithMode_exports, {
+  default: () => WithMode_default
+});
+module.exports = __toCommonJS(WithMode_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_utils = require("@pisell/utils");
+var import_datePickerCpt = __toESM(require("../../../date-picker/datePickerCpt"));
+var import_ReadPretty = __toESM(require("./ReadPretty"));
+var import_utils2 = require("../../dataSourceForm/utils");
+var DatePickerWithMode = (0, import_utils2.withMode)(
+  import_datePickerCpt.default,
+  import_ReadPretty.default,
+  (props) => {
+    return {
+      ...props,
+      value: (0, import_utils.isString)(props.value) ? (0, import_dayjs.default)(props.value) : props.value
+    };
+  }
+);
+var WithMode_default = DatePickerWithMode;

package/lib/components/dataSourceComponents/fields/DatePicker/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DatePicker: React.FC<(import("antd").DatePickerProps & import("../../dataSourceForm/utils").WithModeProps) & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default DatePicker;

package/lib/components/dataSourceComponents/fields/DatePicker/index.js

@@ -0,0 +1,44 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/DatePicker/index.tsx
+var DatePicker_exports = {};
+__export(DatePicker_exports, {
+  default: () => DatePicker_default
+});
+module.exports = __toCommonJS(DatePicker_exports);
+var import_utils = require("../../dataSourceForm/utils");
+var import_WithMode = __toESM(require("./WithMode"));
+var DatePicker = (0, import_utils.withFormItem)(import_WithMode.default, {
+  innerProps: {
+    style: {
+      width: "100%"
+    }
+  }
+});
+var DatePicker_default = DatePicker;