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

package/esm/schema-component/antd/upload/placeholder.js

@@ -0,0 +1,63 @@
+export var UPLOAD_PLACEHOLDER = [
+    {
+        ext: /\.docx?$/i,
+        icon: '//img.alicdn.com/tfs/TB1n8jfr1uSBuNjy1XcXXcYjFXa-200-200.png',
+    },
+    {
+        ext: /\.pptx?$/i,
+        icon: '//img.alicdn.com/tfs/TB1ItgWr_tYBeNjy1XdXXXXyVXa-200-200.png',
+    },
+    {
+        ext: /\.jpe?g$/i,
+        icon: '//img.alicdn.com/tfs/TB1wrT5r9BYBeNjy0FeXXbnmFXa-200-200.png',
+    },
+    {
+        ext: /\.pdf$/i,
+        icon: '//img.alicdn.com/tfs/TB1GwD8r9BYBeNjy0FeXXbnmFXa-200-200.png',
+    },
+    {
+        ext: /\.png$/i,
+        icon: '//img.alicdn.com/tfs/TB1BHT5r9BYBeNjy0FeXXbnmFXa-200-200.png',
+    },
+    {
+        ext: /\.eps$/i,
+        icon: '//img.alicdn.com/tfs/TB1G_iGrVOWBuNjy0FiXXXFxVXa-200-200.png',
+    },
+    {
+        ext: /\.ai$/i,
+        icon: '//img.alicdn.com/tfs/TB1B2cVr_tYBeNjy1XdXXXXyVXa-200-200.png',
+    },
+    {
+        ext: /\.gif$/i,
+        icon: '//img.alicdn.com/tfs/TB1DTiGrVOWBuNjy0FiXXXFxVXa-200-200.png',
+    },
+    {
+        ext: /\.svg$/i,
+        icon: '//img.alicdn.com/tfs/TB1uUm9rY9YBuNjy0FgXXcxcXXa-200-200.png',
+    },
+    {
+        ext: /\.xlsx?$/i,
+        icon: '//img.alicdn.com/tfs/TB1any1r1OSBuNjy0FdXXbDnVXa-200-200.png',
+    },
+    {
+        ext: /\.psd?$/i,
+        icon: '//img.alicdn.com/tfs/TB1_nu1r1OSBuNjy0FdXXbDnVXa-200-200.png',
+    },
+    {
+        ext: /\.(wav|aif|aiff|au|mp1|mp2|mp3|ra|rm|ram|mid|rmi)$/i,
+        icon: '//img.alicdn.com/tfs/TB1jPvwr49YBuNjy0FfXXXIsVXa-200-200.png',
+    },
+    {
+        ext: /\.(avi|wmv|mpg|mpeg|vob|dat|3gp|mp4|mkv|rm|rmvb|mov|flv)$/i,
+        icon: '//img.alicdn.com/tfs/TB1FrT5r9BYBeNjy0FeXXbnmFXa-200-200.png',
+    },
+    {
+        ext: /\.(zip|rar|arj|z|gz|iso|jar|ace|tar|uue|dmg|pkg|lzh|cab)$/i,
+        icon: '//img.alicdn.com/tfs/TB10jmfr29TBuNjy0FcXXbeiFXa-200-200.png',
+    },
+    {
+        ext: /\.[^.]+$/i,
+        icon: '//img.alicdn.com/tfs/TB10.R4r3mTBuNjy1XbXXaMrVXa-200-200.png',
+    },
+];
+//# sourceMappingURL=placeholder.js.map

package/esm/schema-component/antd/upload/placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/upload/placeholder.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC;QACE,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,8DAA8D;KACrE;IACD;QACE,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,8DAA8D;KACrE;IACD;QACE,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,8DAA8D;KACrE;IACD;QACE,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,8DAA8D;KACrE;IACD;QACE,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,8DAA8D;KACrE;IACD;QACE,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,8DAA8D;KACrE;IACD;QACE,GAAG,EAAE,QAAQ;QACb,IAAI,EAAE,8DAA8D;KACrE;IACD;QACE,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,8DAA8D;KACrE;IACD;QACE,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,8DAA8D;KACrE;IACD;QACE,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,8DAA8D;KACrE;IACD;QACE,GAAG,EAAE,UAAU;QACf,IAAI,EAAE,8DAA8D;KACrE;IACD;QACE,GAAG,EAAE,qDAAqD;QAC1D,IAAI,EAAE,8DAA8D;KACrE;IACD;QACE,GAAG,EAAE,4DAA4D;QACjE,IAAI,EAAE,8DAA8D;KACrE;IACD;QACE,GAAG,EAAE,4DAA4D;QACjE,IAAI,EAAE,8DAA8D;KACrE;IACD;QACE,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,8DAA8D;KACrE;CACF,CAAC","sourcesContent":["export const UPLOAD_PLACEHOLDER = [\n  {\n    ext: /\\.docx?$/i,\n    icon: '//img.alicdn.com/tfs/TB1n8jfr1uSBuNjy1XcXXcYjFXa-200-200.png',\n  },\n  {\n    ext: /\\.pptx?$/i,\n    icon: '//img.alicdn.com/tfs/TB1ItgWr_tYBeNjy1XdXXXXyVXa-200-200.png',\n  },\n  {\n    ext: /\\.jpe?g$/i,\n    icon: '//img.alicdn.com/tfs/TB1wrT5r9BYBeNjy0FeXXbnmFXa-200-200.png',\n  },\n  {\n    ext: /\\.pdf$/i,\n    icon: '//img.alicdn.com/tfs/TB1GwD8r9BYBeNjy0FeXXbnmFXa-200-200.png',\n  },\n  {\n    ext: /\\.png$/i,\n    icon: '//img.alicdn.com/tfs/TB1BHT5r9BYBeNjy0FeXXbnmFXa-200-200.png',\n  },\n  {\n    ext: /\\.eps$/i,\n    icon: '//img.alicdn.com/tfs/TB1G_iGrVOWBuNjy0FiXXXFxVXa-200-200.png',\n  },\n  {\n    ext: /\\.ai$/i,\n    icon: '//img.alicdn.com/tfs/TB1B2cVr_tYBeNjy1XdXXXXyVXa-200-200.png',\n  },\n  {\n    ext: /\\.gif$/i,\n    icon: '//img.alicdn.com/tfs/TB1DTiGrVOWBuNjy0FiXXXFxVXa-200-200.png',\n  },\n  {\n    ext: /\\.svg$/i,\n    icon: '//img.alicdn.com/tfs/TB1uUm9rY9YBuNjy0FgXXcxcXXa-200-200.png',\n  },\n  {\n    ext: /\\.xlsx?$/i,\n    icon: '//img.alicdn.com/tfs/TB1any1r1OSBuNjy0FdXXbDnVXa-200-200.png',\n  },\n  {\n    ext: /\\.psd?$/i,\n    icon: '//img.alicdn.com/tfs/TB1_nu1r1OSBuNjy0FdXXbDnVXa-200-200.png',\n  },\n  {\n    ext: /\\.(wav|aif|aiff|au|mp1|mp2|mp3|ra|rm|ram|mid|rmi)$/i,\n    icon: '//img.alicdn.com/tfs/TB1jPvwr49YBuNjy0FfXXXIsVXa-200-200.png',\n  },\n  {\n    ext: /\\.(avi|wmv|mpg|mpeg|vob|dat|3gp|mp4|mkv|rm|rmvb|mov|flv)$/i,\n    icon: '//img.alicdn.com/tfs/TB1FrT5r9BYBeNjy0FeXXbnmFXa-200-200.png',\n  },\n  {\n    ext: /\\.(zip|rar|arj|z|gz|iso|jar|ace|tar|uue|dmg|pkg|lzh|cab)$/i,\n    icon: '//img.alicdn.com/tfs/TB10jmfr29TBuNjy0FcXXbeiFXa-200-200.png',\n  },\n  {\n    ext: /\\.[^.]+$/i,\n    icon: '//img.alicdn.com/tfs/TB10.R4r3mTBuNjy1XbXXaMrVXa-200-200.png',\n  },\n];\n"]}

package/esm/schema-component/antd/upload/shared.d.ts

@@ -0,0 +1,56 @@
+import { UploadChangeParam } from 'antd/lib/upload';
+import { UploadFile } from 'antd/lib/upload/interface';
+import type { IUploadProps, UploadProps } from './type';
+export declare const isImage: (extName: string) => boolean;
+export declare const toMap: (fileList: any) => any;
+export declare const toImages: (fileList: any) => any;
+export declare const toArr: (value: any) => any[];
+export declare const testOpts: (ext: RegExp, options: {
+    exclude?: string[];
+    include?: string[];
+}) => boolean;
+export declare const getImageByUrl: (url: string, options: any) => string;
+export declare const getURL: (target: any) => any;
+export declare const getThumbURL: (target: any) => any;
+export declare const getErrorMessage: (target: any) => any;
+export declare const getState: (target: any) => any;
+export declare const normalizeFileList: (fileList: UploadFile[]) => {
+    uid: string;
+    status: any;
+    url: any;
+    thumbUrl: string;
+    size?: number;
+    name: string;
+    fileName?: string;
+    lastModified?: number;
+    lastModifiedDate?: Date;
+    percent?: number;
+    originFileObj?: import("antd/lib/upload").RcFile;
+    response?: any;
+    error?: any;
+    linkProps?: any;
+    type?: string;
+    xhr?: any;
+    preview?: string;
+}[];
+export declare const useValidator: (validator: (value: any) => string) => void;
+export declare const useUploadValidator: (serviceErrorMessage?: string) => void;
+export declare function useUploadProps<T extends IUploadProps = UploadProps>({ serviceErrorMessage, ...props }: T): Omit<T, "serviceErrorMessage"> & {
+    customRequest({ action, data, file, filename, headers, onError, onProgress, onSuccess, withCredentials }: {
+        action: any;
+        data: any;
+        file: any;
+        filename: any;
+        headers: any;
+        onError: any;
+        onProgress: any;
+        onSuccess: any;
+        withCredentials: any;
+    }): {
+        abort(): void;
+    };
+    onChange: (param: UploadChangeParam<UploadFile>) => void;
+};
+export declare const toItem: (file: any) => any;
+export declare const toFileList: (fileList: any) => any[];
+export declare const toValue: (fileList: any) => any[];

package/esm/schema-component/antd/upload/shared.js

@@ -0,0 +1,239 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { useField } from '@formily/react';
+import { reaction } from '@formily/reactive';
+import { isArr, isValid, toArr as toArray } from '@formily/shared';
+import { useEffect } from 'react';
+import { useAPIClient } from '../../../api-client';
+import { UPLOAD_PLACEHOLDER } from './placeholder';
+export var isImage = function (extName) {
+    var reg = /\.(png|jpg|gif|jpeg|webp)$/;
+    return reg.test(extName);
+};
+export var toMap = function (fileList) {
+    if (!fileList) {
+        return [];
+    }
+    if (typeof fileList !== 'object') {
+        return [];
+    }
+    var list = fileList;
+    if (!Array.isArray(fileList)) {
+        if (Object.keys(__assign({}, fileList)).length === 0) {
+            return [];
+        }
+        list = [fileList];
+    }
+    return list.map(function (item) {
+        return [item.id || item.uid, toItem(item)];
+    });
+};
+export var toImages = function (fileList) {
+    if (!fileList) {
+        return [];
+    }
+    if (typeof fileList !== 'object') {
+        return [];
+    }
+    if (Object.keys(fileList).length === 0) {
+        return [];
+    }
+    var list = fileList;
+    if (!Array.isArray(fileList) && typeof fileList === 'object') {
+        list = [fileList];
+    }
+    return list.map(function (item) {
+        return __assign(__assign({}, item), { title: item.title || item.name, imageUrl: getImageByUrl(item.url, {
+                exclude: ['.png', '.jpg', '.jpeg', '.gif'],
+            }) });
+    });
+};
+export var toArr = function (value) {
+    if (!isValid(value)) {
+        return [];
+    }
+    if (Object.keys(value).length === 0) {
+        return [];
+    }
+    return toArray(value);
+};
+export var testOpts = function (ext, options) {
+    if (options && isArr(options.include)) {
+        return options.include.some(function (url) { return ext.test(url); });
+    }
+    if (options && isArr(options.exclude)) {
+        return !options.exclude.some(function (url) { return ext.test(url); });
+    }
+    return true;
+};
+export var getImageByUrl = function (url, options) {
+    for (var i = 0; i < UPLOAD_PLACEHOLDER.length; i++) {
+        if (UPLOAD_PLACEHOLDER[i].ext.test(url) && testOpts(UPLOAD_PLACEHOLDER[i].ext, options)) {
+            return UPLOAD_PLACEHOLDER[i].icon || url;
+        }
+    }
+    return url;
+};
+export var getURL = function (target) {
+    return (target === null || target === void 0 ? void 0 : target['url']) || (target === null || target === void 0 ? void 0 : target['downloadURL']) || (target === null || target === void 0 ? void 0 : target['imgURL']);
+};
+export var getThumbURL = function (target) {
+    return (target === null || target === void 0 ? void 0 : target['thumbUrl']) || (target === null || target === void 0 ? void 0 : target['url']) || (target === null || target === void 0 ? void 0 : target['downloadURL']) || (target === null || target === void 0 ? void 0 : target['imgURL']);
+};
+export var getErrorMessage = function (target) {
+    return (target === null || target === void 0 ? void 0 : target.errorMessage) ||
+        (target === null || target === void 0 ? void 0 : target.errMsg) ||
+        (target === null || target === void 0 ? void 0 : target.errorMsg) ||
+        (target === null || target === void 0 ? void 0 : target.message) ||
+        typeof (target === null || target === void 0 ? void 0 : target.error) === 'string'
+        ? target.error
+        : '';
+};
+export var getState = function (target) {
+    if ((target === null || target === void 0 ? void 0 : target.success) === false)
+        return 'error';
+    if ((target === null || target === void 0 ? void 0 : target.failed) === true)
+        return 'error';
+    if (target === null || target === void 0 ? void 0 : target.error)
+        return 'error';
+    return (target === null || target === void 0 ? void 0 : target.state) || (target === null || target === void 0 ? void 0 : target.status);
+};
+export var normalizeFileList = function (fileList) {
+    if (fileList && fileList.length) {
+        return fileList.map(function (file, index) {
+            return __assign(__assign({}, file), { uid: file.uid || "" + index, status: getState(file.response) || getState(file), url: getURL(file) || getURL(file === null || file === void 0 ? void 0 : file.response), thumbUrl: getImageByUrl(getThumbURL(file) || getThumbURL(file === null || file === void 0 ? void 0 : file.response), {
+                    exclude: ['.png', '.jpg', '.jpeg', '.gif'],
+                }) });
+        });
+    }
+    return [];
+};
+export var useValidator = function (validator) {
+    var field = useField();
+    useEffect(function () {
+        var dispose = reaction(function () { return field.value; }, function (value) {
+            var message = validator(value);
+            field.setFeedback({
+                type: 'error',
+                code: 'UploadError',
+                messages: message ? [message] : [],
+            });
+        });
+        return function () {
+            dispose();
+        };
+    }, []);
+};
+export var useUploadValidator = function (serviceErrorMessage) {
+    if (serviceErrorMessage === void 0) { serviceErrorMessage = 'Upload Service Error'; }
+    useValidator(function (value) {
+        var _a, _b;
+        var list = toArr(value);
+        for (var i = 0; i < list.length; i++) {
+            if (((_a = list[i]) === null || _a === void 0 ? void 0 : _a.status) === 'error') {
+                return getErrorMessage((_b = list[i]) === null || _b === void 0 ? void 0 : _b.response) || getErrorMessage(list[i]) || serviceErrorMessage;
+            }
+        }
+    });
+};
+export function useUploadProps(_a) {
+    var serviceErrorMessage = _a.serviceErrorMessage, props = __rest(_a, ["serviceErrorMessage"]);
+    useUploadValidator(serviceErrorMessage);
+    var onChange = function (param) {
+        var _a;
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, normalizeFileList(__spreadArray([], __read(param.fileList), false)));
+    };
+    var api = useAPIClient();
+    return __assign(__assign({}, props), { customRequest: function (_a) {
+            var action = _a.action, data = _a.data, file = _a.file, filename = _a.filename, headers = _a.headers, onError = _a.onError, onProgress = _a.onProgress, onSuccess = _a.onSuccess, withCredentials = _a.withCredentials;
+            var formData = new FormData();
+            if (data) {
+                Object.keys(data).forEach(function (key) {
+                    formData.append(key, data[key]);
+                });
+            }
+            formData.append(filename, file);
+            api.axios
+                .post(action, formData, {
+                withCredentials: withCredentials,
+                headers: headers,
+                onUploadProgress: function (_a) {
+                    var total = _a.total, loaded = _a.loaded;
+                    onProgress({ percent: Math.round((loaded / total) * 100).toFixed(2) }, file);
+                },
+            })
+                .then(function (_a) {
+                var data = _a.data;
+                onSuccess(data, file);
+            })
+                .catch(onError);
+            return {
+                abort: function () {
+                    console.log('upload progress is aborted.');
+                },
+            };
+        }, onChange: onChange });
+}
+export var toItem = function (file) {
+    var _a;
+    if ((_a = file === null || file === void 0 ? void 0 : file.response) === null || _a === void 0 ? void 0 : _a.data) {
+        file = file.response.data;
+    }
+    return __assign(__assign({}, file), { id: file.id || file.uid, title: file.title || file.name, imageUrl: getImageByUrl(file.url, {
+            exclude: ['.png', '.jpg', '.jpeg', '.gif'],
+        }) });
+};
+export var toFileList = function (fileList) {
+    return toArr(fileList).map(toItem);
+};
+export var toValue = function (fileList) {
+    return toArr(fileList)
+        .filter(function (file) { return !file.response || file.status === 'done'; })
+        .map(function (file) { var _a; return ((_a = file === null || file === void 0 ? void 0 : file.response) === null || _a === void 0 ? void 0 : _a.data) || file; });
+};
+//# sourceMappingURL=shared.js.map

package/esm/schema-component/antd/upload/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/upload/shared.ts"],"names":[],"mappings":"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","sourcesContent":["import { Field } from '@formily/core';\nimport { useField } from '@formily/react';\nimport { reaction } from '@formily/reactive';\nimport { isArr, isValid, toArr as toArray } from '@formily/shared';\nimport { UploadChangeParam } from 'antd/lib/upload';\nimport { UploadFile } from 'antd/lib/upload/interface';\nimport { useEffect } from 'react';\nimport { useAPIClient } from '../../../api-client';\nimport { UPLOAD_PLACEHOLDER } from './placeholder';\nimport type { IUploadProps, UploadProps } from './type';\n\nexport const isImage = (extName: string) => {\n  var reg = /\\.(png|jpg|gif|jpeg|webp)$/;\n  return reg.test(extName);\n};\n\nexport const toMap = (fileList: any) => {\n  if (!fileList) {\n    return [];\n  }\n  if (typeof fileList !== 'object') {\n    return [];\n  }\n  let list = fileList;\n  if (!Array.isArray(fileList)) {\n    if (Object.keys({ ...fileList }).length === 0) {\n      return [];\n    }\n    list = [fileList];\n  }\n  return list.map((item) => {\n    return [item.id || item.uid, toItem(item)];\n  });\n};\n\nexport const toImages = (fileList) => {\n  if (!fileList) {\n    return [];\n  }\n  if (typeof fileList !== 'object') {\n    return [];\n  }\n  if (Object.keys(fileList).length === 0) {\n    return [];\n  }\n  let list = fileList;\n  if (!Array.isArray(fileList) && typeof fileList === 'object') {\n    list = [fileList];\n  }\n  return list.map((item) => {\n    return {\n      ...item,\n      title: item.title || item.name,\n      imageUrl: getImageByUrl(item.url, {\n        exclude: ['.png', '.jpg', '.jpeg', '.gif'],\n      }),\n    };\n  });\n};\n\nexport const toArr = (value) => {\n  if (!isValid(value)) {\n    return [];\n  }\n  if (Object.keys(value).length === 0) {\n    return [];\n  }\n  return toArray(value);\n};\n\nexport const testOpts = (ext: RegExp, options: { exclude?: string[]; include?: string[] }) => {\n  if (options && isArr(options.include)) {\n    return options.include.some((url) => ext.test(url));\n  }\n\n  if (options && isArr(options.exclude)) {\n    return !options.exclude.some((url) => ext.test(url));\n  }\n\n  return true;\n};\n\nexport const getImageByUrl = (url: string, options: any) => {\n  for (let i = 0; i < UPLOAD_PLACEHOLDER.length; i++) {\n    if (UPLOAD_PLACEHOLDER[i].ext.test(url) && testOpts(UPLOAD_PLACEHOLDER[i].ext, options)) {\n      return UPLOAD_PLACEHOLDER[i].icon || url;\n    }\n  }\n  return url;\n};\n\nexport const getURL = (target: any) => {\n  return target?.['url'] || target?.['downloadURL'] || target?.['imgURL'];\n};\nexport const getThumbURL = (target: any) => {\n  return target?.['thumbUrl'] || target?.['url'] || target?.['downloadURL'] || target?.['imgURL'];\n};\n\nexport const getErrorMessage = (target: any) => {\n  return target?.errorMessage ||\n    target?.errMsg ||\n    target?.errorMsg ||\n    target?.message ||\n    typeof target?.error === 'string'\n    ? target.error\n    : '';\n};\n\nexport const getState = (target: any) => {\n  if (target?.success === false) return 'error';\n  if (target?.failed === true) return 'error';\n  if (target?.error) return 'error';\n  return target?.state || target?.status;\n};\n\nexport const normalizeFileList = (fileList: UploadFile[]) => {\n  if (fileList && fileList.length) {\n    return fileList.map((file, index) => {\n      return {\n        ...file,\n        uid: file.uid || `${index}`,\n        status: getState(file.response) || getState(file),\n        url: getURL(file) || getURL(file?.response),\n        thumbUrl: getImageByUrl(getThumbURL(file) || getThumbURL(file?.response), {\n          exclude: ['.png', '.jpg', '.jpeg', '.gif'],\n        }),\n      };\n    });\n  }\n  return [];\n};\n\nexport const useValidator = (validator: (value: any) => string) => {\n  const field = useField<Field>();\n  useEffect(() => {\n    const dispose = reaction(\n      () => field.value,\n      (value) => {\n        const message = validator(value);\n        field.setFeedback({\n          type: 'error',\n          code: 'UploadError',\n          messages: message ? [message] : [],\n        });\n      },\n    );\n    return () => {\n      dispose();\n    };\n  }, []);\n};\n\nexport const useUploadValidator = (serviceErrorMessage = 'Upload Service Error') => {\n  useValidator((value) => {\n    const list = toArr(value);\n    for (let i = 0; i < list.length; i++) {\n      if (list[i]?.status === 'error') {\n        return getErrorMessage(list[i]?.response) || getErrorMessage(list[i]) || serviceErrorMessage;\n      }\n    }\n  });\n};\n\nexport function useUploadProps<T extends IUploadProps = UploadProps>({ serviceErrorMessage, ...props }: T) {\n  useUploadValidator(serviceErrorMessage);\n  const onChange = (param: UploadChangeParam<UploadFile>) => {\n    props.onChange?.(normalizeFileList([...param.fileList]));\n  };\n\n  const api = useAPIClient();\n\n  return {\n    ...props,\n    customRequest({ action, data, file, filename, headers, onError, onProgress, onSuccess, withCredentials }) {\n      const formData = new FormData();\n      if (data) {\n        Object.keys(data).forEach((key) => {\n          formData.append(key, data[key]);\n        });\n      }\n      formData.append(filename, file);\n      api.axios\n        .post(action, formData, {\n          withCredentials,\n          headers,\n          onUploadProgress: ({ total, loaded }) => {\n            onProgress({ percent: Math.round((loaded / total) * 100).toFixed(2) }, file);\n          },\n        })\n        .then(({ data }) => {\n          onSuccess(data, file);\n        })\n        .catch(onError);\n\n      return {\n        abort() {\n          console.log('upload progress is aborted.');\n        },\n      };\n    },\n    onChange,\n  };\n}\n\nexport const toItem = (file) => {\n  if (file?.response?.data) {\n    file = file.response.data;\n  }\n  return {\n    ...file,\n    id: file.id || file.uid,\n    title: file.title || file.name,\n    imageUrl: getImageByUrl(file.url, {\n      exclude: ['.png', '.jpg', '.jpeg', '.gif'],\n    }),\n  };\n};\n\nexport const toFileList = (fileList: any) => {\n  return toArr(fileList).map(toItem);\n};\n\nexport const toValue = (fileList: any) => {\n  return toArr(fileList)\n    .filter((file) => !file.response || file.status === 'done')\n    .map((file) => file?.response?.data || file);\n};\n"]}

package/esm/schema-component/common/dnd-context/index.d.ts

@@ -0,0 +1,3 @@
+import { Props } from '@dnd-kit/core/dist/components/DndContext/DndContext';
+import React from 'react';
+export declare const DndContext: React.MemoExoticComponent<React.FunctionComponent<Props>>;

package/esm/schema-component/common/dnd-context/index.js

@@ -0,0 +1,67 @@
+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);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DndContext as DndKitContext, DragOverlay, rectIntersection } from '@dnd-kit/core';
+import { observer } from '@formily/react';
+import { useTranslation } from 'react-i18next';
+import { useAPIClient } from '../../../';
+import { createDesignable, useDesignable } from '../../hooks';
+var useDragEnd = function (props) {
+    var refresh = useDesignable().refresh;
+    var api = useAPIClient();
+    var t = useTranslation().t;
+    return function (event) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        var active = event.active, over = event.over;
+        var activeSchema = (_b = (_a = active === null || active === void 0 ? void 0 : active.data) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.schema;
+        var overSchema = (_d = (_c = over === null || over === void 0 ? void 0 : over.data) === null || _c === void 0 ? void 0 : _c.current) === null || _d === void 0 ? void 0 : _d.schema;
+        var insertAdjacent = (_f = (_e = over === null || over === void 0 ? void 0 : over.data) === null || _e === void 0 ? void 0 : _e.current) === null || _f === void 0 ? void 0 : _f.insertAdjacent;
+        var breakRemoveOn = (_h = (_g = over === null || over === void 0 ? void 0 : over.data) === null || _g === void 0 ? void 0 : _g.current) === null || _h === void 0 ? void 0 : _h.breakRemoveOn;
+        var wrapSchema = (_k = (_j = over === null || over === void 0 ? void 0 : over.data) === null || _j === void 0 ? void 0 : _j.current) === null || _k === void 0 ? void 0 : _k.wrapSchema;
+        if (!activeSchema || !overSchema) {
+            (_l = props === null || props === void 0 ? void 0 : props.onDragEnd) === null || _l === void 0 ? void 0 : _l.call(props, event);
+            return;
+        }
+        if (activeSchema === overSchema) {
+            (_m = props === null || props === void 0 ? void 0 : props.onDragEnd) === null || _m === void 0 ? void 0 : _m.call(props, event);
+            return;
+        }
+        var dn = createDesignable({
+            t: t,
+            api: api,
+            refresh: refresh,
+            current: overSchema,
+        });
+        dn.loadAPIClientEvents();
+        if (activeSchema.parent === overSchema.parent) {
+            dn.insertBeforeBeginOrAfterEnd(activeSchema);
+            (_o = props === null || props === void 0 ? void 0 : props.onDragEnd) === null || _o === void 0 ? void 0 : _o.call(props, event);
+            return;
+        }
+        if (insertAdjacent) {
+            dn.insertAdjacent(insertAdjacent, activeSchema, {
+                wrap: wrapSchema,
+                breakRemoveOn: breakRemoveOn,
+                removeParentsIfNoChildren: true,
+            });
+            (_p = props === null || props === void 0 ? void 0 : props.onDragEnd) === null || _p === void 0 ? void 0 : _p.call(props, event);
+            return;
+        }
+    };
+};
+export var DndContext = observer(function (props) {
+    return (_jsxs(DndKitContext, __assign({ collisionDetection: rectIntersection }, props, { onDragEnd: useDragEnd(props) }, { children: [_jsx(DragOverlay, __assign({ dropAnimation: {
+                    duration: 10,
+                    easing: 'cubic-bezier(0.18, 0.67, 0.6, 1.22)',
+                } }, { children: _jsx("span", __assign({ style: { whiteSpace: 'nowrap' } }, { children: "\u62D6\u62FD\u4E2D" }), void 0) }), void 0), props.children] }), void 0));
+});
+//# sourceMappingURL=index.js.map

package/esm/schema-component/common/dnd-context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/common/dnd-context/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { DndContext as DndKitContext, DragEndEvent, DragOverlay, rectIntersection } from '@dnd-kit/core';\nimport { Props } from '@dnd-kit/core/dist/components/DndContext/DndContext';\nimport { observer } from '@formily/react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useAPIClient } from '../../../';\nimport { createDesignable, useDesignable } from '../../hooks';\n\nconst useDragEnd = (props?: any) => {\n  const { refresh } = useDesignable();\n  const api = useAPIClient();\n  const { t } = useTranslation();\n\n  return (event: DragEndEvent) => {\n    const { active, over } = event;\n    const activeSchema = active?.data?.current?.schema;\n    const overSchema = over?.data?.current?.schema;\n    const insertAdjacent = over?.data?.current?.insertAdjacent;\n    const breakRemoveOn = over?.data?.current?.breakRemoveOn;\n    const wrapSchema = over?.data?.current?.wrapSchema;\n\n    if (!activeSchema || !overSchema) {\n      props?.onDragEnd?.(event);\n      return;\n    }\n\n    if (activeSchema === overSchema) {\n      props?.onDragEnd?.(event);\n      return;\n    }\n\n    const dn = createDesignable({\n      t,\n      api,\n      refresh,\n      current: overSchema,\n    });\n\n    dn.loadAPIClientEvents();\n\n    if (activeSchema.parent === overSchema.parent) {\n      dn.insertBeforeBeginOrAfterEnd(activeSchema);\n      props?.onDragEnd?.(event);\n      return;\n    }\n\n    if (insertAdjacent) {\n      dn.insertAdjacent(insertAdjacent, activeSchema, {\n        wrap: wrapSchema,\n        breakRemoveOn,\n        removeParentsIfNoChildren: true,\n      });\n      props?.onDragEnd?.(event);\n      return;\n    }\n  };\n};\n\nexport const DndContext = observer((props: Props) => {\n  return (\n    <DndKitContext collisionDetection={rectIntersection} {...props} onDragEnd={useDragEnd(props)}>\n      <DragOverlay\n        dropAnimation={{\n          duration: 10,\n          easing: 'cubic-bezier(0.18, 0.67, 0.6, 1.22)',\n        }}\n      >\n        <span style={{ whiteSpace: 'nowrap' }}>拖拽中</span>\n      </DragOverlay>\n      {props.children}\n    </DndKitContext>\n  );\n});\n"]}

package/esm/schema-component/common/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dnd-context';
+export * from './sortable-item';

package/esm/schema-component/common/index.js

@@ -0,0 +1,3 @@
+export * from './dnd-context';
+export * from './sortable-item';
+//# sourceMappingURL=index.js.map

package/esm/schema-component/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/schema-component/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './dnd-context';\nexport * from './sortable-item';\n\n"]}

package/esm/schema-component/common/sortable-item/SortableItem.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const DraggableContext: React.Context<any>;
+export declare const SortableContext: React.Context<any>;
+export declare const SortableProvider: (props: any) => JSX.Element;
+export declare const Sortable: (props: any) => React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export declare const SortableItem: React.FC<any>;
+export declare const DragHandler: (props: any) => JSX.Element;

package/esm/schema-component/common/sortable-item/SortableItem.js

@@ -0,0 +1,82 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useDraggable, useDroppable } from '@dnd-kit/core';
+import { observer, useField, useFieldSchema } from '@formily/react';
+import React, { createContext, useContext } from 'react';
+export var DraggableContext = createContext(null);
+export var SortableContext = createContext(null);
+export var SortableProvider = function (props) {
+    var id = props.id, data = props.data, children = props.children;
+    var draggable = useDraggable({
+        id: id,
+        data: data,
+    });
+    var droppable = useDroppable({
+        id: id,
+        data: data,
+    });
+    return _jsx(SortableContext.Provider, __assign({ value: { draggable: draggable, droppable: droppable } }, { children: children }), void 0);
+};
+export var Sortable = function (props) {
+    var component = props.component, style = props.style, children = props.children, others = __rest(props, ["component", "style", "children"]);
+    var droppable = useContext(SortableContext).droppable;
+    var isOver = droppable.isOver, setNodeRef = droppable.setNodeRef;
+    var droppableStyle = __assign({}, style);
+    if (isOver) {
+        droppableStyle['color'] = 'rgba(241, 139, 98, .1)';
+    }
+    return React.createElement(component || 'div', __assign(__assign({}, others), { ref: setNodeRef, style: droppableStyle }), children);
+};
+export var SortableItem = observer(function (props) {
+    var field = useField();
+    var fieldSchema = useFieldSchema();
+    return (_jsx(SortableProvider, __assign({ id: field.address.toString(), data: { insertAdjacent: 'afterEnd', schema: fieldSchema } }, { children: _jsx(Sortable, __assign({}, props, { children: props.children }), void 0) }), void 0));
+});
+export var DragHandler = function (props) {
+    var draggable = useContext(SortableContext).draggable;
+    var isDragging = draggable.isDragging, attributes = draggable.attributes, listeners = draggable.listeners, setNodeRef = draggable.setNodeRef, transform = draggable.transform;
+    var style = transform
+        ? {
+            transform: "translate3d(" + transform.x + "px, " + transform.y + "px, 0)",
+        }
+        : undefined;
+    return (_jsx("div", __assign({ style: {
+            display: 'inline-block',
+            width: 12,
+            height: 12,
+            lineHeight: '12px',
+            textAlign: 'left',
+        } }, { children: _jsx("div", __assign({ ref: setNodeRef, style: {
+                // ...style,
+                position: 'relative',
+                zIndex: 1,
+                // backgroundColor: '#333',
+                lineHeight: 0,
+                height: 2,
+                width: 2,
+                fontSize: 0,
+                display: 'inline-block',
+            } }, listeners, attributes, { children: _jsx("span", __assign({ style: { cursor: 'move', fontSize: 14 } }, { children: props.children }), void 0) }), void 0) }), void 0));
+};
+//# sourceMappingURL=SortableItem.js.map

package/esm/schema-component/common/sortable-item/SortableItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableItem.js","sourceRoot":"","sources":["../../../../src/schema-component/common/sortable-item/SortableItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEzD,MAAM,CAAC,IAAM,gBAAgB,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;AACpD,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;AAEnD,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,KAAK;IAC5B,IAAA,EAAE,GAAqB,KAAK,GAA1B,EAAE,IAAI,GAAe,KAAK,KAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IACrC,IAAM,SAAS,GAAG,YAAY,CAAC;QAC7B,EAAE,IAAA;QACF,IAAI,MAAA;KACL,CAAC,CAAC;IACH,IAAM,SAAS,GAAG,YAAY,CAAC;QAC7B,EAAE,IAAA;QACF,IAAI,MAAA;KACL,CAAC,CAAC;IACH,OAAO,KAAC,eAAe,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,SAAS,WAAA,EAAE,SAAS,WAAA,EAAE,gBAAG,QAAQ,YAA4B,CAAC;AAC1G,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,KAAU;IACzB,IAAA,SAAS,GAAiC,KAAK,UAAtC,EAAE,KAAK,GAA0B,KAAK,MAA/B,EAAE,QAAQ,GAAgB,KAAK,SAArB,EAAK,MAAM,UAAK,KAAK,EAAjD,kCAAyC,CAAF,CAAW;IAChD,IAAA,SAAS,GAAK,UAAU,CAAC,eAAe,CAAC,UAAhC,CAAiC;IAC1C,IAAA,MAAM,GAAiB,SAAS,OAA1B,EAAE,UAAU,GAAK,SAAS,WAAd,CAAe;IACzC,IAAM,cAAc,gBAAQ,KAAK,CAAE,CAAC;IAEpC,IAAI,MAAM,EAAE;QACV,cAAc,CAAC,OAAO,CAAC,GAAG,wBAAwB,CAAC;KACpD;IAED,OAAO,KAAK,CAAC,aAAa,CACxB,SAAS,IAAI,KAAK,wBAEb,MAAM,KACT,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,cAAc,KAEvB,QAAQ,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAkB,QAAQ,CAAC,UAAC,KAAK;IACxD,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,CACL,KAAC,gBAAgB,aAAC,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,gBACvG,KAAC,QAAQ,eAAK,KAAK,cAAG,KAAK,CAAC,QAAQ,YAAY,YAC/B,CACpB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,KAAK;IACvB,IAAA,SAAS,GAAK,UAAU,CAAC,eAAe,CAAC,UAAhC,CAAiC;IAC1C,IAAA,UAAU,GAAmD,SAAS,WAA5D,EAAE,UAAU,GAAuC,SAAS,WAAhD,EAAE,SAAS,GAA4B,SAAS,UAArC,EAAE,UAAU,GAAgB,SAAS,WAAzB,EAAE,SAAS,GAAK,SAAS,UAAd,CAAe;IAC/E,IAAM,KAAK,GAAG,SAAS;QACrB,CAAC,CAAC;YACE,SAAS,EAAE,iBAAe,SAAS,CAAC,CAAC,YAAO,SAAS,CAAC,CAAC,WAAQ;SAChE;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,uBACE,KAAK,EAAE;YACL,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,MAAM;SAClB,gBAED,uBACE,GAAG,EAAE,UAAU,EACf,KAAK,EAAE;gBACL,YAAY;gBACZ,QAAQ,EAAE,UAAU;gBACpB,MAAM,EAAE,CAAC;gBACT,2BAA2B;gBAC3B,UAAU,EAAE,CAAC;gBACb,MAAM,EAAE,CAAC;gBACT,KAAK,EAAE,CAAC;gBACR,QAAQ,EAAE,CAAC;gBACX,OAAO,EAAE,cAAc;aACxB,IACG,SAAS,EACT,UAAU,cAEd,wBAAM,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,gBAAG,KAAK,CAAC,QAAQ,YAAQ,YAClE,YACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { observer, useField, useFieldSchema } from '@formily/react';\nimport React, { createContext, useContext } from 'react';\n\nexport const DraggableContext = createContext(null);\nexport const SortableContext = createContext(null);\n\nexport const SortableProvider = (props) => {\n  const { id, data, children } = props;\n  const draggable = useDraggable({\n    id,\n    data,\n  });\n  const droppable = useDroppable({\n    id,\n    data,\n  });\n  return <SortableContext.Provider value={{ draggable, droppable }}>{children}</SortableContext.Provider>;\n};\n\nexport const Sortable = (props: any) => {\n  const { component, style, children, ...others } = props;\n  const { droppable } = useContext(SortableContext);\n  const { isOver, setNodeRef } = droppable;\n  const droppableStyle = { ...style };\n\n  if (isOver) {\n    droppableStyle['color'] = 'rgba(241, 139, 98, .1)';\n  }\n\n  return React.createElement(\n    component || 'div',\n    {\n      ...others,\n      ref: setNodeRef,\n      style: droppableStyle,\n    },\n    children,\n  );\n};\n\nexport const SortableItem: React.FC<any> = observer((props) => {\n  const field = useField();\n  const fieldSchema = useFieldSchema();\n  return (\n    <SortableProvider id={field.address.toString()} data={{ insertAdjacent: 'afterEnd', schema: fieldSchema }}>\n      <Sortable {...props}>{props.children}</Sortable>\n    </SortableProvider>\n  );\n});\n\nexport const DragHandler = (props) => {\n  const { draggable } = useContext(SortableContext);\n  const { isDragging, attributes, listeners, setNodeRef, transform } = draggable;\n  const style = transform\n    ? {\n        transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`,\n      }\n    : undefined;\n\n  return (\n    <div\n      style={{\n        display: 'inline-block',\n        width: 12,\n        height: 12,\n        lineHeight: '12px',\n        textAlign: 'left',\n      }}\n    >\n      <div\n        ref={setNodeRef}\n        style={{\n          // ...style,\n          position: 'relative',\n          zIndex: 1,\n          // backgroundColor: '#333',\n          lineHeight: 0,\n          height: 2,\n          width: 2,\n          fontSize: 0,\n          display: 'inline-block',\n        }}\n        {...listeners}\n        {...attributes}\n      >\n        <span style={{ cursor: 'move', fontSize: 14 }}>{props.children}</span>\n      </div>\n    </div>\n  );\n};\n"]}

package/esm/schema-component/common/sortable-item/index.d.ts

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

package/esm/schema-component/common/sortable-item/index.js

@@ -0,0 +1,2 @@
+export * from './SortableItem';
+//# sourceMappingURL=index.js.map

package/esm/schema-component/common/sortable-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/common/sortable-item/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC","sourcesContent":["export * from './SortableItem';\n"]}

package/esm/schema-component/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ISchemaComponentContext } from './types';
+export declare const SchemaComponentContext: import("react").Context<ISchemaComponentContext>;

package/esm/schema-component/context.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+export var SchemaComponentContext = createContext({});
+//# sourceMappingURL=context.js.map

package/esm/schema-component/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/schema-component/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,MAAM,CAAC,IAAM,sBAAsB,GAAG,aAAa,CAA0B,EAAE,CAAC,CAAC","sourcesContent":["import { createContext } from 'react';\nimport { ISchemaComponentContext } from './types';\n\nexport const SchemaComponentContext = createContext<ISchemaComponentContext>({});\n"]}

package/esm/schema-component/core/DesignableSwitch.d.ts

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