@formily-design/formily-antd 1.0.0

package/esm/schemas/TreeSelect.js

@@ -0,0 +1,137 @@
+export const TreeSelect = {
+    type: 'object',
+    properties: {
+        allowClear: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'Switch',
+        },
+        autoClearSearchValue: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'Switch',
+            'x-component-props': {
+                defaultChecked: true,
+            },
+        },
+        autoFocus: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'Switch',
+        },
+        bordered: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'Switch',
+            'x-component-props': {
+                defaultChecked: true,
+            },
+        },
+        labelInValue: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'Switch',
+        },
+        showArrow: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'Switch',
+        },
+        showSearch: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'Switch',
+        },
+        virtual: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'Switch',
+            'x-component-props': {
+                defaultChecked: true,
+            },
+        },
+        treeCheckable: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'Switch',
+        },
+        treeDefaultExpandAll: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'Switch',
+        },
+        dropdownMatchSelectWidth: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'Switch',
+            'x-component-props': {
+                defaultChecked: true,
+            },
+        },
+        showCheckedStrategy: {
+            type: 'string',
+            enum: ['SHOW_ALL', 'SHOW_PARENT', 'SHOW_CHILD'],
+            'x-decorator': 'FormItem',
+            'x-component': 'Select',
+            'x-component-props': {
+                defaultValue: 'SHOW_CHILD',
+            },
+        },
+        treeDefaultExpandedKeys: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'ValueInput',
+            'x-component-props': {
+                include: ['EXPRESSION'],
+            },
+        },
+        treeNodeFilterProp: {
+            type: 'string',
+            'x-decorator': 'FormItem',
+            'x-component': 'Input',
+        },
+        treeNodeLabelProp: {
+            type: 'string',
+            'x-decorator': 'FormItem',
+            'x-component': 'Input',
+        },
+        filterTreeNode: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'ValueInput',
+            'x-component-props': {
+                include: ['BOOLEAN', 'EXPRESSION'],
+            },
+        },
+        treeDataSimpleMode: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'ValueInput',
+            'x-component-props': {
+                include: ['BOOLEAN', 'EXPRESSION'],
+            },
+        },
+        listHeight: {
+            type: 'number',
+            'x-decorator': 'FormItem',
+            'x-component': 'NumberPicker',
+            'x-component-props': {
+                defaultValue: 256,
+            },
+        },
+        placeholder: {
+            type: 'string',
+            'x-decorator': 'FormItem',
+            'x-component': 'Input',
+        },
+        size: {
+            type: 'string',
+            enum: ['large', 'small', 'middle', null],
+            'x-decorator': 'FormItem',
+            'x-component': 'Select',
+            'x-component-props': {
+                defaultValue: 'middle',
+            },
+        },
+    },
+};

package/esm/schemas/Upload.d.ts

@@ -0,0 +1,4 @@
+import { ISchema } from '@formily/react';
+export declare const Upload: ISchema & {
+    Dragger?: ISchema;
+};

package/esm/schemas/Upload.js

@@ -0,0 +1,99 @@
+export const Upload = {
+    type: 'object',
+    properties: {
+        textContent: {
+            type: 'string',
+            'x-decorator': 'FormItem',
+            'x-component': 'Input',
+        },
+        accept: {
+            type: 'string',
+            'x-decorator': 'FormItem',
+            'x-component': 'Input',
+        },
+        action: {
+            'x-decorator': 'FormItem',
+            'x-component': 'ValueInput',
+            'x-component-props': {
+                include: ['TEXT', 'EXPRESSION'],
+            },
+        },
+        name: {
+            type: 'string',
+            'x-decorator': 'FormItem',
+            'x-component': 'Input',
+            'x-component-props': {
+                defaultValue: 'file',
+            },
+        },
+        maxCount: {
+            type: 'number',
+            'x-decorator': 'FormItem',
+            'x-component': 'NumberPicker',
+        },
+        method: {
+            enum: ['POST', 'PUT', 'GET'],
+            'x-decorator': 'FormItem',
+            'x-component': 'Radio.Group',
+            'x-component-props': {
+                defaultValue: 'POST',
+                optionType: 'button',
+            },
+        },
+        data: {
+            'x-decorator': 'FormItem',
+            'x-component': 'ValueInput',
+            'x-component-props': {
+                include: ['EXPRESSION'],
+            },
+        },
+        headers: {
+            'x-decorator': 'FormItem',
+            'x-component': 'ValueInput',
+            'x-component-props': {
+                include: ['EXPRESSION'],
+            },
+        },
+        listType: {
+            enum: ['text', 'picture', 'picture-card'],
+            'x-decorator': 'FormItem',
+            'x-component': 'Radio.Group',
+            'x-component-props': {
+                defaultValue: 'text',
+                optionType: 'button',
+            },
+        },
+        directory: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'Switch',
+        },
+        multiple: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'Switch',
+        },
+        openFileDialogOnClick: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'Switch',
+            'x-component-props': {
+                defaultChecked: true,
+            },
+        },
+        showUploadList: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'Switch',
+            'x-component-props': {
+                defaultChecked: true,
+            },
+        },
+        withCredentials: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'Switch',
+        },
+    },
+};
+Upload.Dragger = Upload;

package/esm/schemas/all.d.ts

@@ -0,0 +1,27 @@
+export * from './Input';
+export * from './Text';
+export * from './FormLayout';
+export * from './CSSStyle';
+export * from './Form';
+export * from './FormItem';
+export * from './Select';
+export * from './Card';
+export * from './Cascader';
+export * from './Checkbox';
+export * from './Radio';
+export * from './DatePicker';
+export * from './NumberPicker';
+export * from './Password';
+export * from './Rate';
+export * from './Slider';
+export * from './TimePicker';
+export * from './TreeSelect';
+export * from './Transfer';
+export * from './Upload';
+export * from './Switch';
+export * from './FormGrid';
+export * from './Space';
+export * from './FormTab';
+export * from './FormCollapse';
+export * from './ArrayTable';
+export * from './ArrayCards';

package/esm/schemas/all.js

@@ -0,0 +1,27 @@
+export * from './Input';
+export * from './Text';
+export * from './FormLayout';
+export * from './CSSStyle';
+export * from './Form';
+export * from './FormItem';
+export * from './Select';
+export * from './Card';
+export * from './Cascader';
+export * from './Checkbox';
+export * from './Radio';
+export * from './DatePicker';
+export * from './NumberPicker';
+export * from './Password';
+export * from './Rate';
+export * from './Slider';
+export * from './TimePicker';
+export * from './TreeSelect';
+export * from './Transfer';
+export * from './Upload';
+export * from './Switch';
+export * from './FormGrid';
+export * from './Space';
+export * from './FormTab';
+export * from './FormCollapse';
+export * from './ArrayTable';
+export * from './ArrayCards';

package/esm/schemas/index.d.ts

@@ -0,0 +1,2 @@
+import * as AllSchemas from './all';
+export { AllSchemas };

package/esm/schemas/index.js

@@ -0,0 +1,2 @@
+import * as AllSchemas from './all';
+export { AllSchemas };

package/esm/shared.d.ts

@@ -0,0 +1,13 @@
+import { TreeNode, Engine } from '@formily-design/core';
+export type ComponentNameMatcher = string | string[] | ((name: string, node: TreeNode, context?: any) => boolean);
+export declare const matchComponent: (node: TreeNode, name: ComponentNameMatcher, context?: any) => boolean;
+export declare const matchChildComponent: (node: TreeNode, name: ComponentNameMatcher, context?: any) => boolean;
+export declare const includesComponent: (node: TreeNode, names: ComponentNameMatcher[], target?: TreeNode) => boolean;
+export declare const queryNodesByComponentPath: (node: TreeNode, path: ComponentNameMatcher[]) => TreeNode[];
+export declare const findNodeByComponentPath: (node: TreeNode, path: ComponentNameMatcher[]) => TreeNode;
+export declare const hasNodeByComponentPath: (node: TreeNode, path: ComponentNameMatcher[]) => boolean;
+export declare const matchArrayItemsNode: (node: TreeNode) => boolean;
+export declare const createNodeId: (designer: Engine, id: string) => {
+    [x: string]: string;
+};
+export declare const createEnsureTypeItemsNode: (type: string) => (node: TreeNode) => TreeNode;

package/esm/shared.js

@@ -0,0 +1,86 @@
+import { TreeNode } from '@formily-design/core';
+export const matchComponent = (node, name, context) => {
+    var _a;
+    if (name === '*')
+        return true;
+    const componentName = (_a = node === null || node === void 0 ? void 0 : node.props) === null || _a === void 0 ? void 0 : _a['x-component'];
+    if (typeof name === 'function')
+        return name(componentName || '', node, context);
+    if (Array.isArray(name))
+        return name.includes(componentName);
+    return componentName === name;
+};
+export const matchChildComponent = (node, name, context) => {
+    var _a;
+    if (name === '*')
+        return true;
+    const componentName = (_a = node === null || node === void 0 ? void 0 : node.props) === null || _a === void 0 ? void 0 : _a['x-component'];
+    if (!componentName)
+        return false;
+    if (typeof name === 'function')
+        return name(componentName || '', node, context);
+    if (Array.isArray(name))
+        return name.includes(componentName);
+    return componentName.indexOf(`${name}.`) > -1;
+};
+export const includesComponent = (node, names, target) => {
+    return names.some((name) => matchComponent(node, name, target));
+};
+export const queryNodesByComponentPath = (node, path) => {
+    if ((path === null || path === void 0 ? void 0 : path.length) === 0)
+        return [];
+    if ((path === null || path === void 0 ? void 0 : path.length) === 1) {
+        if (matchComponent(node, path[0])) {
+            return [node];
+        }
+    }
+    return matchComponent(node, path[0])
+        ? node.children.reduce((buf, child) => {
+            return buf.concat(queryNodesByComponentPath(child, path.slice(1)));
+        }, [])
+        : [];
+};
+export const findNodeByComponentPath = (node, path) => {
+    if ((path === null || path === void 0 ? void 0 : path.length) === 0)
+        return;
+    if ((path === null || path === void 0 ? void 0 : path.length) === 1) {
+        if (matchComponent(node, path[0])) {
+            return node;
+        }
+    }
+    if (matchComponent(node, path[0])) {
+        for (let i = 0; i < node.children.length; i++) {
+            const next = findNodeByComponentPath(node.children[i], path.slice(1));
+            if (next) {
+                return next;
+            }
+        }
+    }
+};
+export const hasNodeByComponentPath = (node, path) => !!findNodeByComponentPath(node, path);
+export const matchArrayItemsNode = (node) => {
+    var _a, _b, _c, _d;
+    return (((_b = (_a = node === null || node === void 0 ? void 0 : node.parent) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.type) === 'array' &&
+        ((_d = (_c = node === null || node === void 0 ? void 0 : node.parent) === null || _c === void 0 ? void 0 : _c.children) === null || _d === void 0 ? void 0 : _d[0]) === node);
+};
+export const createNodeId = (designer, id) => {
+    return {
+        [designer.props.nodeIdAttrName]: id,
+    };
+};
+export const createEnsureTypeItemsNode = (type) => (node) => {
+    const objectNode = node.children.find((child) => child.props['type'] === type);
+    if (objectNode) {
+        return objectNode;
+    }
+    else {
+        const newObjectNode = new TreeNode({
+            componentName: 'Field',
+            props: {
+                type,
+            },
+        });
+        node.prepend(newObjectNode);
+        return newObjectNode;
+    }
+};

package/lib/common/Container/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './styles.less';
+export declare const Container: React.FC<{
+    children?: React.ReactNode;
+}>;
+export declare const withContainer: (Target: React.JSXElementConstructor<any>) => (props: any) => React.JSX.Element;

package/lib/common/Container/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withContainer = exports.Container = void 0;
+const react_1 = __importDefault(require("react"));
+const reactive_react_1 = require("@formily/reactive-react");
+const react_2 = require("@formily-design/react");
+require("./styles.less");
+exports.Container = (0, reactive_react_1.observer)((props) => {
+    return react_1.default.createElement(react_2.DroppableWidget, null, props.children);
+});
+const withContainer = (Target) => {
+    return (props) => {
+        return (react_1.default.createElement(react_2.DroppableWidget, null,
+            react_1.default.createElement(Target, Object.assign({}, props))));
+    };
+};
+exports.withContainer = withContainer;

package/lib/common/Container/styles.less

@@ -0,0 +1,5 @@
+.dn-form-container {
+  margin: 0 !important;
+  padding: 20px;
+  border: 1px solid #d9d9d9;
+}

package/lib/common/FormItemSwitcher/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface IFormItemSwitcherProps {
+    value?: string;
+    onChange?: (value: string) => void;
+}
+export declare const FormItemSwitcher: React.FC<IFormItemSwitcherProps>;

package/lib/common/FormItemSwitcher/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormItemSwitcher = void 0;
+const react_1 = __importDefault(require("react"));
+const antd_1 = require("antd");
+const FormItemSwitcher = (props) => {
+    return (react_1.default.createElement(antd_1.Switch, { checked: props.value === 'FormItem', onChange: (value) => {
+            props.onChange(value ? 'FormItem' : undefined);
+        } }));
+};
+exports.FormItemSwitcher = FormItemSwitcher;

package/lib/common/LoadTemplate/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface ITemplateAction {
+    title: React.ReactNode;
+    tooltip?: React.ReactNode;
+    icon?: string | React.ReactNode;
+    onClick: () => void;
+}
+export interface ILoadTemplateProps {
+    className?: string;
+    style?: React.CSSProperties;
+    actions?: ITemplateAction[];
+}
+export declare const LoadTemplate: React.FC<ILoadTemplateProps>;

package/lib/common/LoadTemplate/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadTemplate = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@formily-design/react");
+const LoadTemplate = (props) => {
+    var _a;
+    return (react_1.default.createElement(react_2.NodeActionsWidget, null, (_a = props.actions) === null || _a === void 0 ? void 0 : _a.map((action, key) => {
+        return react_1.default.createElement(react_2.NodeActionsWidget.Action, Object.assign({}, action, { key: key }));
+    })));
+};
+exports.LoadTemplate = LoadTemplate;

package/lib/components/ArrayBase/index.d.ts

@@ -0,0 +1 @@
+export declare const createArrayBehavior: (name: string) => import("@formily-design/core").IBehavior[];

package/lib/components/ArrayBase/index.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createArrayBehavior = void 0;
+const core_1 = require("@formily-design/core");
+const Field_1 = require("../Field");
+const schemas_1 = require("../../schemas");
+const locales_1 = require("../../locales");
+const createArrayBehavior = (name) => {
+    return (0, core_1.createBehavior)({
+        name,
+        extends: ['Field'],
+        selector: (node) => node.props['x-component'] === name,
+        designerProps: {
+            droppable: true,
+            propsSchema: (0, Field_1.createFieldSchema)(schemas_1.AllSchemas[name]),
+        },
+        designerLocales: locales_1.AllLocales[name],
+    }, {
+        name: `${name}.Addition`,
+        extends: ['Field'],
+        selector: (node) => node.props['x-component'] === `${name}.Addition`,
+        designerProps: {
+            allowDrop(parent) {
+                return parent.props['x-component'] === name;
+            },
+            propsSchema: (0, Field_1.createVoidFieldSchema)(schemas_1.AllSchemas[name].Addition),
+        },
+        designerLocales: locales_1.AllLocales.ArrayAddition,
+    }, {
+        name: `${name}.Remove`,
+        extends: ['Field'],
+        selector: (node) => node.props['x-component'] === `${name}.Remove`,
+        designerProps: {
+            allowDrop(parent) {
+                return parent.props['x-component'] === name;
+            },
+            propsSchema: (0, Field_1.createVoidFieldSchema)(),
+        },
+        designerLocales: locales_1.AllLocales.ArrayRemove,
+    }, {
+        name: `${name}.Index`,
+        extends: ['Field'],
+        selector: (node) => node.props['x-component'] === `${name}.Index`,
+        designerProps: {
+            allowDrop(parent) {
+                return parent.props['x-component'] === name;
+            },
+            propsSchema: (0, Field_1.createVoidFieldSchema)(),
+        },
+        designerLocales: locales_1.AllLocales.ArrayIndex,
+    }, {
+        name: `${name}.MoveUp`,
+        extends: ['Field'],
+        selector: (node) => node.props['x-component'] === `${name}.MoveUp`,
+        designerProps: {
+            allowDrop(parent) {
+                return parent.props['x-component'] === name;
+            },
+            propsSchema: (0, Field_1.createVoidFieldSchema)(),
+        },
+        designerLocales: locales_1.AllLocales.ArrayMoveUp,
+    }, {
+        name: `${name}.MoveDown`,
+        extends: ['Field'],
+        selector: (node) => node.props['x-component'] === `${name}.MoveDown`,
+        designerProps: {
+            allowDrop(parent) {
+                return parent.props['x-component'] === 'ArrayCards';
+            },
+            propsSchema: (0, Field_1.createVoidFieldSchema)(),
+        },
+        designerLocales: locales_1.AllLocales.ArrayMoveDown,
+    });
+};
+exports.createArrayBehavior = createArrayBehavior;

package/lib/components/ArrayCards/index.d.ts

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

package/lib/components/ArrayCards/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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("./preview"), exports);

package/lib/components/ArrayCards/preview.d.ts

@@ -0,0 +1,4 @@
+import { CardProps } from 'antd';
+import { DnFC } from '@formily-design/react';
+import './styles.less';
+export declare const ArrayCards: DnFC<CardProps>;