@nocobase/client 0.5.0-alpha.36 → 0.7.0-alpha.0

package/lib/schema-component/antd/cascader/Cascader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cascader.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/cascader/Cascader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { LoadingOutlined } from '@ant-design/icons';\nimport { ArrayField } from '@formily/core';\nimport { connect, mapProps, mapReadPretty, useField } from '@formily/react';\nimport { toArr } from '@formily/shared';\nimport { Cascader as AntdCascader, Space } from 'antd';\nimport { isBoolean, omit } from 'lodash';\nimport React from 'react';\nimport { useRequest } from '../../../api-client';\nimport { defaultFieldNames } from './defaultFieldNames';\nimport { ReadPretty } from './ReadPretty';\n\nconst useDefDataSource = (options) => {\n  const field = useField<ArrayField>();\n  return useRequest(() => Promise.resolve({ data: field.dataSource || [] }), options);\n};\n\nconst useDefLoadData = (props: any) => {\n  return props?.loadData;\n};\n\nexport const Cascader = connect(\n  (props: any) => {\n    const field = useField<ArrayField>();\n    const {\n      value,\n      onChange,\n      labelInValue,\n      // fieldNames = defaultFieldNames,\n      useDataSource = useDefDataSource,\n      useLoadData = useDefLoadData,\n      changeOnSelectLast,\n      changeOnSelect,\n      maxLevel,\n      ...others\n    } = props;\n    const fieldNames = { ...defaultFieldNames, ...props.fieldNames };\n    const loadData = useLoadData(props);\n    const { loading } = useDataSource({\n      onSuccess(data) {\n        field.dataSource = data?.data || [];\n      },\n    });\n    // 兼容值为 object[] 的情况\n    const toValue = () => {\n      return toArr(value).map((item) => {\n        if (typeof item === 'object') {\n          return item[fieldNames.value];\n        }\n        return item;\n      });\n    };\n    const displayRender = (labels: string[], selectedOptions: any[]) => {\n      return (\n        <Space split={'/'}>\n          {labels.map((label, index) => {\n            if (selectedOptions[index]) {\n              return <span key={label}>{label}</span>;\n            }\n            const item = toArr(value).find((item) => item[fieldNames.value] === label);\n            return <span key={label}>{item?.[fieldNames.label] || label}</span>;\n          })}\n        </Space>\n      );\n    };\n    return (\n      <AntdCascader\n        loading={loading}\n        {...others}\n        options={field.dataSource}\n        loadData={loadData}\n        changeOnSelect={isBoolean(changeOnSelectLast) ? !changeOnSelectLast : changeOnSelect}\n        value={toValue()}\n        fieldNames={fieldNames}\n        displayRender={displayRender}\n        onChange={(value, selectedOptions) => {\n          if (labelInValue) {\n            onChange(selectedOptions.map((option) => omit(option, [fieldNames.children])));\n          } else {\n            onChange(value);\n          }\n        }}\n      />\n    );\n  },\n  mapProps(\n    {\n      dataSource: 'options',\n    },\n    (props, field) => {\n      return {\n        ...props,\n        suffixIcon: field?.['loading'] || field?.['validating'] ? <LoadingOutlined /> : props.suffixIcon,\n      };\n    },\n  ),\n  mapReadPretty(ReadPretty),\n);\n\nexport default Cascader;\n"]}

package/lib/schema-component/antd/cascader/ReadPretty.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ReadPretty: React.FC<unknown>;

package/lib/schema-component/antd/cascader/ReadPretty.js

@@ -0,0 +1,55 @@
+"use strict";
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReadPretty = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@formily/react");
+var shared_1 = require("@formily/shared");
+var defaultFieldNames_1 = require("./defaultFieldNames");
+var ReadPretty = function (props) {
+    var e_1, _a;
+    var _b = props.fieldNames, fieldNames = _b === void 0 ? defaultFieldNames_1.defaultFieldNames : _b;
+    var values = (0, shared_1.toArr)(props.value);
+    var len = values.length;
+    var field = (0, react_1.useField)();
+    var dataSource = field.dataSource;
+    var data = [];
+    var _loop_1 = function (item) {
+        if (typeof item === 'object') {
+            data.push(item);
+        }
+        else {
+            var curr = dataSource === null || dataSource === void 0 ? void 0 : dataSource.find(function (v) { return v[fieldNames.value] === item; });
+            dataSource = (curr === null || curr === void 0 ? void 0 : curr[fieldNames.children]) || [];
+            data.push(curr || { label: item, value: item });
+        }
+    };
+    try {
+        for (var values_1 = __values(values), values_1_1 = values_1.next(); !values_1_1.done; values_1_1 = values_1.next()) {
+            var item = values_1_1.value;
+            _loop_1(item);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (values_1_1 && !values_1_1.done && (_a = values_1.return)) _a.call(values_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { children: data.map(function (item, index) {
+            return ((0, jsx_runtime_1.jsxs)("span", { children: [typeof item === 'object' ? item[fieldNames.label] : item, len > index + 1 && ' / '] }, index));
+        }) }, void 0));
+};
+exports.ReadPretty = ReadPretty;
+//# sourceMappingURL=ReadPretty.js.map

package/lib/schema-component/antd/cascader/ReadPretty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadPretty.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/cascader/ReadPretty.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,wCAA0C;AAC1C,0CAAwC;AAExC,yDAAwD;AAEjD,IAAM,UAAU,GAAsB,UAAC,KAAU;;IAC9C,IAAA,KAAmC,KAAK,WAAV,EAA9B,UAAU,mBAAG,qCAAiB,KAAA,CAAW;IACjD,IAAM,MAAM,GAAG,IAAA,cAAK,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAClC,IAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC;IAC1B,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAc,CAAC;IACrC,IAAI,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;IAClC,IAAM,IAAI,GAAG,EAAE,CAAC;4BACL,IAAI;QACb,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;YAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACjB;aAAM;YACL,IAAM,IAAI,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,EAA5B,CAA4B,CAAC,CAAC;YACnE,UAAU,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,UAAU,CAAC,QAAQ,CAAC,KAAI,EAAE,CAAC;YAC/C,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;SACjD;;;QAPH,KAAmB,IAAA,WAAA,SAAA,MAAM,CAAA,8BAAA;YAApB,IAAM,IAAI,mBAAA;oBAAJ,IAAI;SAQd;;;;;;;;;IACD,OAAO,CACL,0CACG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;YACpB,OAAO,CACL,6CACG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EACxD,GAAG,GAAG,KAAK,GAAG,CAAC,IAAI,KAAK,KAFhB,KAAK,CAGT,CACR,CAAC;QACJ,CAAC,CAAC,WACE,CACP,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,UAAU,cA4BrB","sourcesContent":["import { ArrayField } from '@formily/core';\nimport { useField } from '@formily/react';\nimport { toArr } from '@formily/shared';\nimport React from 'react';\nimport { defaultFieldNames } from './defaultFieldNames';\n\nexport const ReadPretty: React.FC<unknown> = (props: any) => {\n  const { fieldNames = defaultFieldNames } = props;\n  const values = toArr(props.value);\n  const len = values.length;\n  const field = useField<ArrayField>();\n  let dataSource = field.dataSource;\n  const data = [];\n  for (const item of values) {\n    if (typeof item === 'object') {\n      data.push(item);\n    } else {\n      const curr = dataSource?.find((v) => v[fieldNames.value] === item);\n      dataSource = curr?.[fieldNames.children] || [];\n      data.push(curr || { label: item, value: item });\n    }\n  }\n  return (\n    <div>\n      {data.map((item, index) => {\n        return (\n          <span key={index}>\n            {typeof item === 'object' ? item[fieldNames.label] : item}\n            {len > index + 1 && ' / '}\n          </span>\n        );\n      })}\n    </div>\n  );\n};\n"]}

package/lib/schema-component/antd/cascader/defaultFieldNames.d.ts

@@ -0,0 +1,5 @@
+export declare const defaultFieldNames: {
+    label: string;
+    value: string;
+    children: string;
+};

package/lib/schema-component/antd/cascader/defaultFieldNames.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultFieldNames = void 0;
+exports.defaultFieldNames = {
+    label: 'label',
+    value: 'value',
+    children: 'children',
+};
+//# sourceMappingURL=defaultFieldNames.js.map

package/lib/schema-component/antd/cascader/defaultFieldNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultFieldNames.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/cascader/defaultFieldNames.ts"],"names":[],"mappings":";;;AAAa,QAAA,iBAAiB,GAAG;IAC/B,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACrB,CAAC","sourcesContent":["export const defaultFieldNames = {\n  label: 'label',\n  value: 'value',\n  children: 'children',\n};\n"]}

package/lib/schema-component/antd/cascader/index.d.ts

@@ -0,0 +1 @@
+export * from './Cascader';

package/lib/schema-component/antd/cascader/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Cascader"), exports);
+//# sourceMappingURL=index.js.map

package/lib/schema-component/antd/cascader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/cascader/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAA2B","sourcesContent":["export * from './Cascader';\n"]}

package/lib/schema-component/antd/chart/Chart.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Chart: () => JSX.Element;

package/lib/schema-component/antd/chart/Chart.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chart = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Chart = function () {
+    return (0, jsx_runtime_1.jsx)("div", { children: "Chart" }, void 0);
+};
+exports.Chart = Chart;
+//# sourceMappingURL=Chart.js.map

package/lib/schema-component/antd/chart/Chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/chart/Chart.tsx"],"names":[],"mappings":";;;;AAEO,IAAM,KAAK,GAAG;IACnB,OAAO,4DAAgB,CAAC;AAC1B,CAAC,CAAC;AAFW,QAAA,KAAK,SAEhB","sourcesContent":["import React from 'react';\n\nexport const Chart = () => {\n  return <div>Chart</div>;\n};\n"]}

package/lib/schema-component/antd/chart/index.d.ts

@@ -0,0 +1 @@
+export * from './Chart';

package/lib/schema-component/antd/chart/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Chart"), exports);
+//# sourceMappingURL=index.js.map

package/lib/schema-component/antd/chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/chart/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB","sourcesContent":["export * from './Chart';\n"]}

package/lib/schema-component/antd/checkbox/Checkbox.d.ts

@@ -0,0 +1,8 @@
+import type { CheckboxGroupProps, CheckboxProps } from 'antd/lib/checkbox';
+import React from 'react';
+declare type ComposedCheckbox = React.FC<CheckboxProps> & {
+    Group?: React.FC<CheckboxGroupProps>;
+    __ANT_CHECKBOX?: boolean;
+};
+export declare const Checkbox: ComposedCheckbox;
+export default Checkbox;

package/lib/schema-component/antd/checkbox/Checkbox.js

@@ -0,0 +1,52 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icons_1 = require("@ant-design/icons");
+var react_1 = require("@formily/react");
+var shared_1 = require("@formily/shared");
+var antd_1 = require("antd");
+var uniq_1 = __importDefault(require("lodash/uniq"));
+exports.Checkbox = (0, react_1.connect)(antd_1.Checkbox, (0, react_1.mapProps)({
+    value: 'checked',
+    onInput: 'onChange',
+}, function (props, field) {
+    // console.log({ props, field });
+    return __assign({}, props);
+}), (0, react_1.mapReadPretty)(function (props) {
+    if (!(0, shared_1.isValid)(props.value)) {
+        return (0, jsx_runtime_1.jsx)("div", {}, void 0);
+    }
+    return props.value ? (0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, { style: { color: '#52c41a' } }, void 0) : null;
+}));
+exports.Checkbox.__ANT_CHECKBOX = true;
+exports.Checkbox.Group = (0, react_1.connect)(antd_1.Checkbox.Group, (0, react_1.mapProps)({
+    dataSource: 'options',
+}), (0, react_1.mapReadPretty)(function (props) {
+    if (!(0, shared_1.isValid)(props.value)) {
+        return (0, jsx_runtime_1.jsx)("div", {}, void 0);
+    }
+    var _a = props.options, options = _a === void 0 ? [] : _a;
+    var field = (0, react_1.useField)();
+    var dataSource = field.dataSource || [];
+    var value = (0, uniq_1.default)(field.value ? field.value : []);
+    return ((0, jsx_runtime_1.jsx)("div", { children: dataSource
+            .filter(function (option) { return value.includes(option.value); })
+            .map(function (option, key) { return ((0, jsx_runtime_1.jsx)(antd_1.Tag, __assign({ color: option.color }, { children: option.label }), key)); }) }, void 0));
+}));
+exports.default = exports.Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/lib/schema-component/antd/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,2CAAkD;AAClD,wCAA4E;AAC5E,0CAA0C;AAC1C,6BAAqD;AAErD,qDAA+B;AAQlB,QAAA,QAAQ,GAAqB,IAAA,eAAO,EAC/C,eAAY,EACZ,IAAA,gBAAQ,EACN;IACE,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,UAAU;CACpB,EACD,UAAC,KAAK,EAAE,KAAK;IACX,iCAAiC;IACjC,oBACK,KAAK,EACR;AACJ,CAAC,CACF,EACD,IAAA,qBAAa,EAAC,UAAC,KAAK;IAClB,IAAI,CAAC,IAAA,gBAAO,EAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACzB,OAAO,yCAAW,CAAC;KACpB;IACD,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAC,qBAAa,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,WAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC7E,CAAC,CAAC,CACH,CAAC;AAEF,gBAAQ,CAAC,cAAc,GAAG,IAAI,CAAC;AAE/B,gBAAQ,CAAC,KAAK,GAAG,IAAA,eAAO,EACtB,eAAY,CAAC,KAAK,EAClB,IAAA,gBAAQ,EAAC;IACP,UAAU,EAAE,SAAS;CACtB,CAAC,EACF,IAAA,qBAAa,EAAC,UAAC,KAAK;IAClB,IAAI,CAAC,IAAA,gBAAO,EAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACzB,OAAO,yCAAW,CAAC;KACpB;IACO,IAAA,KAAiB,KAAK,QAAV,EAAZ,OAAO,mBAAG,EAAE,KAAA,CAAW;IAC/B,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAO,CAAC;IAC9B,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;IAC1C,IAAM,KAAK,GAAG,IAAA,cAAI,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACnD,OAAO,CACL,0CACG,UAAU;aACR,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAA5B,CAA4B,CAAC;aAChD,GAAG,CAAC,UAAC,MAAM,EAAE,GAAG,IAAK,OAAA,CACpB,uBAAC,UAAG,aAAW,KAAK,EAAE,MAAM,CAAC,KAAK,gBAC/B,MAAM,CAAC,KAAK,KADL,GAAG,CAEP,CACP,EAJqB,CAIrB,CAAC,WACA,CACP,CAAC;AACJ,CAAC,CAAC,CACH,CAAC;AAEF,kBAAe,gBAAQ,CAAC","sourcesContent":["import { CheckOutlined } from '@ant-design/icons';\nimport { connect, mapProps, mapReadPretty, useField } from '@formily/react';\nimport { isValid } from '@formily/shared';\nimport { Checkbox as AntdCheckbox, Tag } from 'antd';\nimport type { CheckboxGroupProps, CheckboxProps } from 'antd/lib/checkbox';\nimport uniq from 'lodash/uniq';\nimport React from 'react';\n\ntype ComposedCheckbox = React.FC<CheckboxProps> & {\n  Group?: React.FC<CheckboxGroupProps>;\n  __ANT_CHECKBOX?: boolean;\n};\n\nexport const Checkbox: ComposedCheckbox = connect(\n  AntdCheckbox,\n  mapProps(\n    {\n      value: 'checked',\n      onInput: 'onChange',\n    },\n    (props, field) => {\n      // console.log({ props, field });\n      return {\n        ...props,\n      };\n    },\n  ),\n  mapReadPretty((props) => {\n    if (!isValid(props.value)) {\n      return <div></div>;\n    }\n    return props.value ? <CheckOutlined style={{ color: '#52c41a' }} /> : null;\n  }),\n);\n\nCheckbox.__ANT_CHECKBOX = true;\n\nCheckbox.Group = connect(\n  AntdCheckbox.Group,\n  mapProps({\n    dataSource: 'options',\n  }),\n  mapReadPretty((props) => {\n    if (!isValid(props.value)) {\n      return <div></div>;\n    }\n    const { options = [] } = props;\n    const field = useField<any>();\n    const dataSource = field.dataSource || [];\n    const value = uniq(field.value ? field.value : []);\n    return (\n      <div>\n        {dataSource\n          .filter((option) => value.includes(option.value))\n          .map((option, key) => (\n            <Tag key={key} color={option.color}>\n              {option.label}\n            </Tag>\n          ))}\n      </div>\n    );\n  }),\n);\n\nexport default Checkbox;\n"]}

package/lib/schema-component/antd/checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './Checkbox';

package/lib/schema-component/antd/checkbox/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Checkbox"), exports);
+//# sourceMappingURL=index.js.map

package/lib/schema-component/antd/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/checkbox/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAA2B","sourcesContent":["export * from './Checkbox';\n"]}

package/lib/schema-component/antd/color-select/ColorSelect.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const ColorSelect: React.ForwardRefExoticComponent<Pick<Partial<any>, string | number | symbol> & React.RefAttributes<unknown>>;
+export default ColorSelect;

package/lib/schema-component/antd/color-select/ColorSelect.js

@@ -0,0 +1,48 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorSelect = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icons_1 = require("@ant-design/icons");
+var react_1 = require("@formily/react");
+var antd_1 = require("antd");
+var useCompile_1 = require("../../hooks/useCompile");
+var colors = {
+    red: '{{t("Red")}}',
+    magenta: '{{t("Magenta")}}',
+    volcano: '{{t("Volcano")}}',
+    orange: '{{t("Orange")}}',
+    gold: '{{t("Gold")}}',
+    lime: '{{t("Lime")}}',
+    green: '{{t("Green")}}',
+    cyan: '{{t("Cyan")}}',
+    blue: '{{t("Blue")}}',
+    geekblue: '{{t("Geek blue")}}',
+    purple: '{{t("Purple")}}',
+    default: '{{t("Default")}}',
+};
+exports.ColorSelect = (0, react_1.connect)(function (props) {
+    var compile = (0, useCompile_1.useCompile)();
+    return ((0, jsx_runtime_1.jsx)(antd_1.Select, __assign({}, props, { children: Object.keys(colors).map(function (color) { return ((0, jsx_runtime_1.jsx)(antd_1.Select.Option, __assign({ value: color }, { children: (0, jsx_runtime_1.jsx)(antd_1.Tag, __assign({ color: color }, { children: compile(colors[color] || colors.default) }), void 0) }), void 0)); }) }), void 0));
+}, (0, react_1.mapProps)(function (props, field) {
+    return __assign(__assign({}, props), { suffix: (0, jsx_runtime_1.jsx)("span", { children: (field === null || field === void 0 ? void 0 : field['loading']) || (field === null || field === void 0 ? void 0 : field['validating']) ? (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0) : props.suffix }, void 0) });
+}), (0, react_1.mapReadPretty)(function (props) {
+    var compile = (0, useCompile_1.useCompile)();
+    var value = props.value;
+    if (!colors[value]) {
+        return null;
+    }
+    return (0, jsx_runtime_1.jsx)(antd_1.Tag, __assign({ color: value }, { children: compile(colors[value] || colors.default) }), void 0);
+}));
+exports.default = exports.ColorSelect;
+//# sourceMappingURL=ColorSelect.js.map

package/lib/schema-component/antd/color-select/ColorSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSelect.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/color-select/ColorSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2CAAoD;AACpD,wCAAkE;AAClE,6BAAmC;AAEnC,qDAAoD;AAEpD,IAAM,MAAM,GAAG;IACb,GAAG,EAAE,cAAc;IACnB,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,MAAM,EAAE,iBAAiB;IACzB,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,oBAAoB;IAC9B,MAAM,EAAE,iBAAiB;IACzB,OAAO,EAAE,kBAAkB;CAC5B,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,eAAO,EAChC,UAAC,KAAK;IACJ,IAAM,OAAO,GAAG,IAAA,uBAAU,GAAE,CAAC;IAC7B,OAAO,CACL,uBAAC,aAAM,eAAK,KAAK,cACd,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CAClC,uBAAC,aAAM,CAAC,MAAM,aAAC,KAAK,EAAE,KAAK,gBACzB,uBAAC,UAAG,aAAC,KAAK,EAAE,KAAK,gBAAG,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,YAAO,YACrD,CACjB,EAJmC,CAInC,CAAC,YACK,CACV,CAAC;AACJ,CAAC,EACD,IAAA,gBAAQ,EAAC,UAAC,KAAK,EAAE,KAAK;IACpB,6BACK,KAAK,KACR,MAAM,EAAE,2CAAO,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,SAAS,CAAC,MAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,YAAY,CAAC,CAAA,CAAC,CAAC,CAAC,uBAAC,uBAAe,aAAG,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,WAAQ,IACvG;AACJ,CAAC,CAAC,EACF,IAAA,qBAAa,EAAC,UAAC,KAAK;IAClB,IAAM,OAAO,GAAG,IAAA,uBAAU,GAAE,CAAC;IACrB,IAAA,KAAK,GAAK,KAAK,MAAV,CAAW;IACxB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IACD,OAAO,uBAAC,UAAG,aAAC,KAAK,EAAE,KAAK,gBAAG,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,YAAO,CAAC;AAC7E,CAAC,CAAC,CACH,CAAC;AAEF,kBAAe,mBAAW,CAAC","sourcesContent":["import { LoadingOutlined } from '@ant-design/icons';\nimport { connect, mapProps, mapReadPretty } from '@formily/react';\nimport { Select, Tag } from 'antd';\nimport React from 'react';\nimport { useCompile } from '../../hooks/useCompile';\n\nconst colors = {\n  red: '{{t(\"Red\")}}',\n  magenta: '{{t(\"Magenta\")}}',\n  volcano: '{{t(\"Volcano\")}}',\n  orange: '{{t(\"Orange\")}}',\n  gold: '{{t(\"Gold\")}}',\n  lime: '{{t(\"Lime\")}}',\n  green: '{{t(\"Green\")}}',\n  cyan: '{{t(\"Cyan\")}}',\n  blue: '{{t(\"Blue\")}}',\n  geekblue: '{{t(\"Geek blue\")}}',\n  purple: '{{t(\"Purple\")}}',\n  default: '{{t(\"Default\")}}',\n};\n\nexport const ColorSelect = connect(\n  (props) => {\n    const compile = useCompile();\n    return (\n      <Select {...props}>\n        {Object.keys(colors).map((color) => (\n          <Select.Option value={color}>\n            <Tag color={color}>{compile(colors[color] || colors.default)}</Tag>\n          </Select.Option>\n        ))}\n      </Select>\n    );\n  },\n  mapProps((props, field) => {\n    return {\n      ...props,\n      suffix: <span>{field?.['loading'] || field?.['validating'] ? <LoadingOutlined /> : props.suffix}</span>,\n    };\n  }),\n  mapReadPretty((props) => {\n    const compile = useCompile();\n    const { value } = props;\n    if (!colors[value]) {\n      return null;\n    }\n    return <Tag color={value}>{compile(colors[value] || colors.default)}</Tag>;\n  }),\n);\n\nexport default ColorSelect;\n"]}

package/lib/schema-component/antd/color-select/index.d.ts

@@ -0,0 +1 @@
+export * from './ColorSelect';

package/lib/schema-component/antd/color-select/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ColorSelect"), exports);
+//# sourceMappingURL=index.js.map

package/lib/schema-component/antd/color-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/color-select/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gDAA8B","sourcesContent":["export * from './ColorSelect';\n"]}

package/lib/schema-component/antd/date-picker/DatePicker.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { DatePickerProps as AntdDatePickerProps, RangePickerProps as AntdRangePickerProps } from 'antd/lib/date-picker';
+declare type ComposedDatePicker = React.FC<AntdDatePickerProps> & {
+    RangePicker?: React.FC<AntdRangePickerProps>;
+};
+export declare const DatePicker: ComposedDatePicker;
+export default DatePicker;

package/lib/schema-component/antd/date-picker/DatePicker.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
+var antd_1 = require("antd");
+var react_1 = require("@formily/react");
+var ReadPretty_1 = require("./ReadPretty");
+var util_1 = require("./util");
+exports.DatePicker = (0, react_1.connect)(antd_1.DatePicker, (0, react_1.mapProps)((0, util_1.mapDateFormat)()), (0, react_1.mapReadPretty)(ReadPretty_1.ReadPretty.DatePicker));
+exports.DatePicker.RangePicker = (0, react_1.connect)(antd_1.DatePicker.RangePicker, (0, react_1.mapProps)((0, util_1.mapDateFormat)()), (0, react_1.mapReadPretty)(ReadPretty_1.ReadPretty.DateRangePicker));
+exports.default = exports.DatePicker;
+//# sourceMappingURL=DatePicker.js.map

package/lib/schema-component/antd/date-picker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/date-picker/DatePicker.tsx"],"names":[],"mappings":";;;AACA,6BAAoD;AAKpD,wCAAkE;AAClE,2CAA0C;AAC1C,+BAAuC;AAM1B,QAAA,UAAU,GAAuB,IAAA,eAAO,EACnD,iBAAc,EACd,IAAA,gBAAQ,EAAC,IAAA,oBAAa,GAAE,CAAC,EACzB,IAAA,qBAAa,EAAC,uBAAU,CAAC,UAAU,CAAC,CACrC,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,IAAA,eAAO,EAC9B,iBAAc,CAAC,WAAW,EAC1B,IAAA,gBAAQ,EAAC,IAAA,oBAAa,GAAE,CAAC,EACzB,IAAA,qBAAa,EAAC,uBAAU,CAAC,eAAe,CAAC,CAC1C,CAAC;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import React from 'react';\nimport { DatePicker as AntdDatePicker } from 'antd';\nimport type {\n  DatePickerProps as AntdDatePickerProps,\n  RangePickerProps as AntdRangePickerProps,\n} from 'antd/lib/date-picker';\nimport { connect, mapProps, mapReadPretty } from '@formily/react';\nimport { ReadPretty } from './ReadPretty';\nimport { mapDateFormat } from './util';\n\ntype ComposedDatePicker = React.FC<AntdDatePickerProps> & {\n  RangePicker?: React.FC<AntdRangePickerProps>;\n};\n\nexport const DatePicker: ComposedDatePicker = connect(\n  AntdDatePicker,\n  mapProps(mapDateFormat()),\n  mapReadPretty(ReadPretty.DatePicker),\n);\n\nDatePicker.RangePicker = connect(\n  AntdDatePicker.RangePicker,\n  mapProps(mapDateFormat()),\n  mapReadPretty(ReadPretty.DateRangePicker),\n);\n\nexport default DatePicker;\n"]}

package/lib/schema-component/antd/date-picker/ReadPretty.d.ts

@@ -0,0 +1,8 @@
+import type { DatePickerProps as AntdDatePickerProps, RangePickerProps as AntdRangePickerProps } from 'antd/lib/date-picker';
+import React from 'react';
+declare type Composed = {
+    DatePicker: React.FC<AntdDatePickerProps>;
+    DateRangePicker: React.FC<AntdRangePickerProps>;
+};
+export declare const ReadPretty: Composed;
+export {};

package/lib/schema-component/antd/date-picker/ReadPretty.js

@@ -0,0 +1,46 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReadPretty = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var __builtins__1 = require("@formily/antd/lib/__builtins__");
+var shared_1 = require("@formily/shared");
+var classnames_1 = __importDefault(require("classnames"));
+var moment_1 = __importDefault(require("moment"));
+var util_1 = require("./util");
+var ReadPretty = function () { return null; };
+exports.ReadPretty = ReadPretty;
+exports.ReadPretty.DatePicker = function (props) {
+    if (!props.value) {
+        return (0, jsx_runtime_1.jsx)("div", {}, void 0);
+    }
+    var prefixCls = (0, __builtins__1.usePrefixCls)('description-date-picker', props);
+    var getLabels = function () {
+        var d = (0, moment_1.default)(props.value);
+        var labels = (0, __builtins__1.formatMomentValue)(d.isValid() ? d : null, (0, util_1.getDefaultFormat)(props), props.placeholder);
+        return (0, shared_1.isArr)(labels) ? labels.join('~') : labels;
+    };
+    return (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(prefixCls, props.className) }, { children: getLabels() }), void 0);
+};
+exports.ReadPretty.DateRangePicker = function (props) {
+    var prefixCls = (0, __builtins__1.usePrefixCls)('description-text', props);
+    var getLabels = function () {
+        var labels = (0, __builtins__1.formatMomentValue)(props.value, props.format, props.placeholder);
+        return (0, shared_1.isArr)(labels) ? labels.join('~') : labels;
+    };
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(prefixCls, props.className), style: props.style }, { children: getLabels() }), void 0));
+};
+//# sourceMappingURL=ReadPretty.js.map

package/lib/schema-component/antd/date-picker/ReadPretty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadPretty.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/date-picker/ReadPretty.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,8DAAiF;AACjF,0CAAwC;AAKxC,0DAA6B;AAC7B,kDAA4B;AAE5B,+BAA0C;AAOnC,IAAM,UAAU,GAAa,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC;AAAlC,QAAA,UAAU,cAAwB;AAE/C,kBAAU,CAAC,UAAU,GAAG,UAAC,KAAU;IACjC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;QAChB,OAAO,yCAAW,CAAC;KACpB;IACD,IAAM,SAAS,GAAG,IAAA,0BAAY,EAAC,yBAAyB,EAAE,KAAK,CAAC,CAAC;IACjE,IAAM,SAAS,GAAG;QAChB,IAAM,CAAC,GAAG,IAAA,gBAAM,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAM,MAAM,GAAG,IAAA,+BAAiB,EAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAA,uBAAgB,EAAC,KAAK,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;QACrG,OAAO,IAAA,cAAK,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IACnD,CAAC,CAAC;IACF,OAAO,yCAAK,SAAS,EAAE,IAAA,oBAAG,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAG,SAAS,EAAE,YAAO,CAAC;AAC9E,CAAC,CAAC;AAEF,kBAAU,CAAC,eAAe,GAAG,UAAC,KAAU;IACtC,IAAM,SAAS,GAAG,IAAA,0BAAY,EAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;IAC1D,IAAM,SAAS,GAAG;QAChB,IAAM,MAAM,GAAG,IAAA,+BAAiB,EAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;QAC/E,OAAO,IAAA,cAAK,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IACnD,CAAC,CAAC;IACF,OAAO,CACL,yCAAK,SAAS,EAAE,IAAA,oBAAG,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,gBAChE,SAAS,EAAE,YACR,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { formatMomentValue, usePrefixCls } from '@formily/antd/lib/__builtins__';\nimport { isArr } from '@formily/shared';\nimport type {\n  DatePickerProps as AntdDatePickerProps,\n  RangePickerProps as AntdRangePickerProps\n} from 'antd/lib/date-picker';\nimport cls from 'classnames';\nimport moment from 'moment';\nimport React from 'react';\nimport { getDefaultFormat } from './util';\n\ntype Composed = {\n  DatePicker: React.FC<AntdDatePickerProps>;\n  DateRangePicker: React.FC<AntdRangePickerProps>;\n};\n\nexport const ReadPretty: Composed = () => null;\n\nReadPretty.DatePicker = (props: any) => {\n  if (!props.value) {\n    return <div></div>;\n  }\n  const prefixCls = usePrefixCls('description-date-picker', props);\n  const getLabels = () => {\n    const d = moment(props.value);\n    const labels = formatMomentValue(d.isValid() ? d : null, getDefaultFormat(props), props.placeholder);\n    return isArr(labels) ? labels.join('~') : labels;\n  };\n  return <div className={cls(prefixCls, props.className)}>{getLabels()}</div>;\n};\n\nReadPretty.DateRangePicker = (props: any) => {\n  const prefixCls = usePrefixCls('description-text', props);\n  const getLabels = () => {\n    const labels = formatMomentValue(props.value, props.format, props.placeholder);\n    return isArr(labels) ? labels.join('~') : labels;\n  };\n  return (\n    <div className={cls(prefixCls, props.className)} style={props.style}>\n      {getLabels()}\n    </div>\n  );\n};\n"]}

package/lib/schema-component/antd/date-picker/index.d.ts

@@ -0,0 +1 @@
+export * from './DatePicker';

package/lib/schema-component/antd/date-picker/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DatePicker"), exports);
+//# sourceMappingURL=index.js.map

package/lib/schema-component/antd/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/date-picker/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAA6B","sourcesContent":["export * from './DatePicker';\n"]}

package/lib/schema-component/antd/date-picker/util.d.ts

@@ -0,0 +1,6 @@
+import type { DatePickerProps } from 'antd/lib/date-picker';
+export declare const getDefaultFormat: (props: DatePickerProps & {
+    dateFormat: string;
+    timeFormat: string;
+}) => string | import("rc-picker/lib/interface").CustomFormat<import("moment").Moment> | (string | import("rc-picker/lib/interface").CustomFormat<import("moment").Moment>)[];
+export declare const mapDateFormat: () => (props: any) => any;

package/lib/schema-component/antd/date-picker/util.js

@@ -0,0 +1,53 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapDateFormat = exports.getDefaultFormat = void 0;
+var __builtins__1 = require("@formily/antd/lib/__builtins__");
+var getDefaultFormat = function (props) {
+    if (props.format) {
+        return props.format;
+    }
+    if (props.dateFormat) {
+        if (props['showTime']) {
+            return props.dateFormat + " " + (props.timeFormat || 'HH:mm:ss');
+        }
+        return props.dateFormat;
+    }
+    if (props['picker'] === 'month') {
+        return 'YYYY-MM';
+    }
+    else if (props['picker'] === 'quarter') {
+        return 'YYYY-\\QQ';
+    }
+    else if (props['picker'] === 'year') {
+        return 'YYYY';
+    }
+    else if (props['picker'] === 'week') {
+        return 'YYYY-wo';
+    }
+    return props['showTime'] ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD';
+};
+exports.getDefaultFormat = getDefaultFormat;
+var mapDateFormat = function () {
+    return function (props) {
+        var format = (0, exports.getDefaultFormat)(props);
+        var onChange = props.onChange;
+        return __assign(__assign({}, props), { format: format, value: (0, __builtins__1.momentable)(props.value, format === 'YYYY-wo' ? 'YYYY-w' : format), onChange: function (value) {
+                if (onChange) {
+                    onChange((0, __builtins__1.formatMomentValue)(value, format));
+                }
+            } });
+    };
+};
+exports.mapDateFormat = mapDateFormat;
+//# sourceMappingURL=util.js.map

package/lib/schema-component/antd/date-picker/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/date-picker/util.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,8DAA+E;AAGxE,IAAM,gBAAgB,GAAG,UAAC,KAAmE;IAClG,IAAI,KAAK,CAAC,MAAM,EAAE;QAChB,OAAO,KAAK,CAAC,MAAM,CAAC;KACrB;IACD,IAAI,KAAK,CAAC,UAAU,EAAE;QACpB,IAAI,KAAK,CAAC,UAAU,CAAC,EAAE;YACrB,OAAU,KAAK,CAAC,UAAU,UAAI,KAAK,CAAC,UAAU,IAAI,UAAU,CAAE,CAAC;SAChE;QACD,OAAO,KAAK,CAAC,UAAU,CAAC;KACzB;IACD,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,OAAO,EAAE;QAC/B,OAAO,SAAS,CAAC;KAClB;SAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,SAAS,EAAE;QACxC,OAAO,WAAW,CAAC;KACpB;SAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,MAAM,EAAE;QACrC,OAAO,MAAM,CAAC;KACf;SAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,MAAM,EAAE;QACrC,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,YAAY,CAAC;AAClE,CAAC,CAAC;AApBW,QAAA,gBAAgB,oBAoB3B;AAEK,IAAM,aAAa,GAAG;IAC3B,OAAO,UAAC,KAAU;QAChB,IAAM,MAAM,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAQ,CAAC;QAC9C,IAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;QAChC,6BACK,KAAK,KACR,MAAM,EAAE,MAAM,EAEd,KAAK,EAAE,IAAA,wBAAU,EAAC,KAAK,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EACxE,QAAQ,EAAE,UAAC,KAAsC;gBAC/C,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC,IAAA,+BAAiB,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;iBAC5C;YACH,CAAC,IACD;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,aAAa,iBAgBxB","sourcesContent":["import { formatMomentValue, momentable } from '@formily/antd/lib/__builtins__';\nimport type { DatePickerProps } from 'antd/lib/date-picker';\n\nexport const getDefaultFormat = (props: DatePickerProps & { dateFormat: string; timeFormat: string }) => {\n  if (props.format) {\n    return props.format;\n  }\n  if (props.dateFormat) {\n    if (props['showTime']) {\n      return `${props.dateFormat} ${props.timeFormat || 'HH:mm:ss'}`;\n    }\n    return props.dateFormat;\n  }\n  if (props['picker'] === 'month') {\n    return 'YYYY-MM';\n  } else if (props['picker'] === 'quarter') {\n    return 'YYYY-\\\\QQ';\n  } else if (props['picker'] === 'year') {\n    return 'YYYY';\n  } else if (props['picker'] === 'week') {\n    return 'YYYY-wo';\n  }\n  return props['showTime'] ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD';\n};\n\nexport const mapDateFormat = function () {\n  return (props: any) => {\n    const format = getDefaultFormat(props) as any;\n    const onChange = props.onChange;\n    return {\n      ...props,\n      format: format,\n\n      value: momentable(props.value, format === 'YYYY-wo' ? 'YYYY-w' : format),\n      onChange: (value: moment.Moment | moment.Moment[]) => {\n        if (onChange) {\n          onChange(formatMomentValue(value, format));\n        }\n      },\n    };\n  };\n};\n"]}

package/lib/schema-component/antd/filter/DynamicComponent.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DynamicComponent: (props: any) => JSX.Element;

package/lib/schema-component/antd/filter/DynamicComponent.js

@@ -0,0 +1,75 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynamicComponent = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var core_1 = require("@formily/core");
+var react_1 = require("@formily/react");
+var shared_1 = require("@formily/shared");
+var react_2 = __importStar(require("react"));
+var core_2 = require("../../core");
+var hooks_1 = require("../../hooks");
+var context_1 = require("./context");
+var DynamicComponent = function (props) {
+    var dynamicComponent = (0, react_2.useContext)(context_1.FilterContext).dynamicComponent;
+    var component = (0, hooks_1.useComponent)(dynamicComponent);
+    var form = (0, react_2.useMemo)(function () {
+        return (0, core_1.createForm)({
+            values: {
+                value: props.value,
+            },
+            effects: function () {
+                (0, core_1.onFieldValueChange)('value', function (field) {
+                    var _a;
+                    (_a = props === null || props === void 0 ? void 0 : props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, field.value);
+                });
+            },
+        });
+    }, [JSON.stringify(props.schema), JSON.stringify(props.value)]);
+    var renderSchemaComponent = function () {
+        var _a;
+        return ((0, jsx_runtime_1.jsx)(react_1.FieldContext.Provider, __assign({ value: null }, { children: (0, jsx_runtime_1.jsx)(core_2.SchemaComponent, { schema: __assign(__assign({ 'x-component': 'Input' }, props.schema), { 'x-component-props': (0, shared_1.merge)(((_a = props === null || props === void 0 ? void 0 : props.schema) === null || _a === void 0 ? void 0 : _a['x-component-props']) || {}, {
+                        style: {
+                            minWidth: 150,
+                        },
+                    }), name: 'value', 'x-read-pretty': false, 'x-validator': undefined, 'x-decorator': undefined }) }, void 0) }), void 0));
+    };
+    return ((0, jsx_runtime_1.jsx)(react_1.FormContext.Provider, __assign({ value: form }, { children: component
+            ? react_2.default.createElement(component, {
+                value: props.value,
+                onChange: props === null || props === void 0 ? void 0 : props.onChange,
+                renderSchemaComponent: renderSchemaComponent,
+            })
+            : renderSchemaComponent() }), void 0));
+};
+exports.DynamicComponent = DynamicComponent;
+//# sourceMappingURL=DynamicComponent.js.map