@pisell/materials 1.0.449 → 1.0.451

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

@@ -0,0 +1,193 @@
+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/dataSourceTable/index.tsx
+var dataSourceTable_exports = {};
+__export(dataSourceTable_exports, {
+  default: () => dataSourceTable_default
+});
+module.exports = __toCommonJS(dataSourceTable_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_antd = require("antd");
+var import_table = __toESM(require("../../table"));
+var import_TableSettingProvider = __toESM(require("./provider/tableSetting/TableSettingProvider"));
+var import_DataSourceProvider = __toESM(require("../provider/fields/DataSourceProvider"));
+var import_useVariables = __toESM(require("../hooks/useVariables"));
+var import_useColumns = __toESM(require("./hooks/useColumns"));
+var import_usePagination = __toESM(require("./hooks/usePagination"));
+var import_useActions = __toESM(require("../hooks/useActions"));
+var import_ActionsProvider = __toESM(require("../provider/actions/ActionsProvider"));
+var import_useDrawerState = __toESM(require("./hooks/useDrawerState"));
+var import_useDesignMode = __toESM(require("./hooks/useDesignMode"));
+var import_useTableQuery = __toESM(require("./hooks/useTableQuery"));
+var import_useSetRequest = __toESM(require("../../../hooks/useSetRequest"));
+var DRAWER_TITLES = {
+  detail: "详情",
+  edit: "编辑",
+  add: "添加"
+};
+var DataSourceTable = (props) => {
+  const {
+    columns: propsColumns,
+    dataSource,
+    detailContent,
+    editContent,
+    showDetailButton,
+    showEditButton,
+    showDeleteButton,
+    showAddButton,
+    addContent,
+    __designMode,
+    ...others
+  } = props;
+  (0, import_useSetRequest.default)();
+  const { registerVariable } = (0, import_useVariables.default)();
+  const {
+    drawerVisible,
+    setDrawerVisible,
+    drawerType,
+    openDrawer,
+    closeDrawer
+  } = (0, import_useDrawerState.default)();
+  const { queryPageConfig, handleValuesChange, refreshData } = (0, import_useTableQuery.default)();
+  const { list, destroy } = (0, import_useActions.default)({
+    dataSource
+  });
+  const { data, loading, run, mutate } = (0, import_ahooks.useRequest)(list, {
+    manual: true
+  });
+  (0, import_useDesignMode.default)(props, { registerVariable, openDrawer, closeDrawer, data });
+  (0, import_react.useEffect)(() => {
+    if (dataSource) {
+      run(queryPageConfig);
+    } else {
+      mutate([]);
+    }
+  }, [dataSource, run, queryPageConfig]);
+  const handleOpenDrawer = (record, type) => {
+    openDrawer(type);
+    registerVariable == null ? void 0 : registerVariable({
+      currentRecord: record
+    });
+  };
+  const handleCloseDrawer = () => {
+    closeDrawer();
+    registerVariable == null ? void 0 : registerVariable({
+      currentRecord: null
+    });
+  };
+  const handleDelete = async (record) => {
+    registerVariable == null ? void 0 : registerVariable({
+      currentRecord: record
+    });
+    setTimeout(async () => {
+      await destroy(record.id);
+      refreshData();
+    });
+  };
+  const actionsColumns = (0, import_react.useMemo)(() => {
+    return [
+      {
+        title: "操作",
+        key: "actions",
+        showDetailButton,
+        showEditButton,
+        showDeleteButton,
+        render: (_, record) => {
+          return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, showDetailButton && /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Button,
+            {
+              onClick: () => handleOpenDrawer(record, "detail"),
+              type: "link"
+            },
+            "详情"
+          ), showEditButton && /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Button,
+            {
+              onClick: () => handleOpenDrawer(record, "edit"),
+              type: "link"
+            },
+            "编辑"
+          ), showDeleteButton && /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: () => handleDelete(record), type: "link", danger: true }, "删除"));
+        }
+      }
+    ];
+  }, [showDetailButton, showEditButton, showDeleteButton]);
+  const columns = (0, import_useColumns.default)({
+    columns: propsColumns,
+    fields: dataSource == null ? void 0 : dataSource.fields,
+    // 操作列
+    actionsColumns
+  });
+  const pagination = (0, import_usePagination.default)({ data });
+  const getDrawerContent = (type) => {
+    const contentMap = {
+      detail: detailContent,
+      edit: editContent,
+      add: addContent
+    };
+    return contentMap[type];
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_TableSettingProvider.default, null, /* @__PURE__ */ import_react.default.createElement(import_DataSourceProvider.default, { dataSource }, showAddButton && /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      type: "primary",
+      onClick: () => handleOpenDrawer(null, "add")
+    },
+    "添加"
+  )), /* @__PURE__ */ import_react.default.createElement(
+    import_table.default,
+    {
+      ...others,
+      columns,
+      dataSource: (data == null ? void 0 : data.data) || [],
+      loading,
+      onValuesChange: handleValuesChange,
+      pagination
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_ActionsProvider.default,
+    {
+      visible: drawerVisible,
+      setVisible: setDrawerVisible,
+      refreshTableData: refreshData
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Drawer,
+      {
+        title: DRAWER_TITLES[drawerType],
+        open: drawerVisible,
+        onClose: handleCloseDrawer,
+        destroyOnClose: true
+      },
+      getDrawerContent(drawerType)
+    )
+  )));
+};
+var dataSourceTable_default = DataSourceTable;

package/lib/components/dataSourceComponents/dataSourceTable/provider/tableSetting/TableSettingContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface TableSettingContextType {
+    dataSource?: string;
+    children?: React.ReactNode;
+}
+export declare const TableSettingContext: import("react").Context<TableSettingContextType>;
+export default TableSettingContext;

package/lib/components/dataSourceComponents/dataSourceTable/provider/tableSetting/TableSettingContext.js

@@ -0,0 +1,33 @@
+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/components/dataSourceComponents/dataSourceTable/provider/tableSetting/TableSettingContext.ts
+var TableSettingContext_exports = {};
+__export(TableSettingContext_exports, {
+  TableSettingContext: () => TableSettingContext,
+  default: () => TableSettingContext_default
+});
+module.exports = __toCommonJS(TableSettingContext_exports);
+var import_react = require("react");
+var initialContext = {};
+var TableSettingContext = (0, import_react.createContext)(initialContext);
+var TableSettingContext_default = TableSettingContext;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TableSettingContext
+});

package/lib/components/dataSourceComponents/dataSourceTable/provider/tableSetting/TableSettingProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TableSettingContextType } from './TableSettingContext';
+/**
+ * @title: 表单设置Provider
+ * @description: 提供表单设置信息
+ */
+declare const TableSettingProvider: React.FC<TableSettingContextType>;
+export default TableSettingProvider;

package/lib/components/dataSourceComponents/dataSourceTable/provider/tableSetting/TableSettingProvider.js

@@ -0,0 +1,52 @@
+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/dataSourceTable/provider/tableSetting/TableSettingProvider.tsx
+var TableSettingProvider_exports = {};
+__export(TableSettingProvider_exports, {
+  default: () => TableSettingProvider_default
+});
+module.exports = __toCommonJS(TableSettingProvider_exports);
+var import_react = __toESM(require("react"));
+var import_TableSettingContext = __toESM(require("./TableSettingContext"));
+var TableSettingProvider = (props) => {
+  const { children, dataSource } = props;
+  const value = import_react.default.useMemo(() => {
+    return {
+      dataSource
+    };
+  }, [dataSource]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_TableSettingContext.default.Provider,
+    {
+      value
+    },
+    children
+  );
+};
+var TableSettingProvider_default = TableSettingProvider;

package/lib/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ColumnType } from "antd/es/table";
+import { DataSourceType } from "../provider/fields/DataSourceContext";
+export interface DataSourceTableProps {
+    dataSource: DataSourceType;
+    columns: ColumnType<any>[];
+    showDetailButton?: boolean;
+    showEditButton?: boolean;
+    showDeleteButton?: boolean;
+    showAddButton?: boolean;
+    detailContent?: React.ReactNode;
+    editContent?: React.ReactNode;
+    addContent?: React.ReactNode;
+    __designMode: string;
+}

package/lib/components/dataSourceComponents/dataSourceTable/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/dataSourceTable/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CheckboxProps, CheckboxGroupProps } from './type';
+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,47 @@
+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_useValueMap = __toESM(require("../../hooks/useValueMap"));
+var import_utils = require("../../dataSourceForm/utils");
+var CheckboxReadPretty = (props) => {
+  const { value } = props;
+  return (0, import_utils.renderValueWithMap)(value);
+};
+var CheckboxGroupReadPretty = (props) => {
+  const { value, options } = props;
+  const valueMap = (0, import_useValueMap.default)(options || []);
+  return (0, import_utils.renderValueWithMap)(value, valueMap);
+};
+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,40 @@
+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);
+var CheckboxGroupWithFormItem = (0, import_utils.withFormItem)(import_WithMode.default.Group);
+Checkbox.Group = CheckboxGroupWithFormItem;
+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,4 @@
+import React from 'react';
+import { ColorPickerProps } from './type';
+declare const ColorPickerReadPretty: (props: ColorPickerProps) => React.JSX.Element;
+export default ColorPickerReadPretty;

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

@@ -0,0 +1,40 @@
+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/ReadPretty.tsx
+var ReadPretty_exports = {};
+__export(ReadPretty_exports, {
+  default: () => ReadPretty_default
+});
+module.exports = __toCommonJS(ReadPretty_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var ColorPickerReadPretty = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.ColorPicker, { ...props, open: false });
+};
+var ReadPretty_default = ColorPickerReadPretty;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ColorPickerWithMode: import("react").FC<import("antd").ColorPickerProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default ColorPickerWithMode;

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

@@ -0,0 +1,39 @@
+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.ts
+var WithMode_exports = {};
+__export(WithMode_exports, {
+  default: () => WithMode_default
+});
+module.exports = __toCommonJS(WithMode_exports);
+var import_antd = require("antd");
+var import_ReadPretty = __toESM(require("./ReadPretty"));
+var import_utils = require("../../dataSourceForm/utils");
+var ColorPickerWithMode = (0, import_utils.withMode)(import_antd.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("antd").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;