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

package/lib/schema-component/antd/tabs/Tabs.js

@@ -0,0 +1,48 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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.Tabs = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var css_1 = require("@emotion/css");
+var react_1 = require("@formily/react");
+var antd_1 = require("antd");
+var classnames_1 = __importDefault(require("classnames"));
+var schema_initializer_1 = require("../../../schema-initializer");
+var common_1 = require("../../common");
+var useDesigner_1 = require("../../hooks/useDesigner");
+var Tabs_Designer_1 = require("./Tabs.Designer");
+exports.Tabs = (0, react_1.observer)(function (props) {
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var render = (0, schema_initializer_1.useSchemaInitializer)(fieldSchema['x-initializer']).render;
+    return ((0, jsx_runtime_1.jsx)(common_1.DndContext, { children: (0, jsx_runtime_1.jsx)(antd_1.Tabs, __assign({ tabBarExtraContent: {
+                right: render(),
+            } }, { children: fieldSchema.mapProperties(function (schema, key) {
+                return ((0, jsx_runtime_1.jsx)(antd_1.Tabs.TabPane, __assign({ tab: (0, jsx_runtime_1.jsx)(react_1.RecursionField, { name: key, schema: schema, onlyRenderSelf: true }, void 0) }, { children: (0, jsx_runtime_1.jsx)(react_1.RecursionField, { name: key, schema: schema, onlyRenderProperties: true }, void 0) }), key));
+            }) }), void 0) }, void 0));
+});
+var designerCss = (0, css_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n  &.nb-action-link {\n    > .general-schema-designer {\n      top: -10px;\n      bottom: -10px;\n      left: -10px;\n      right: -10px;\n    }\n  }\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    pointer-events: none;\n    > .general-schema-designer-icons {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      line-height: 16px;\n      pointer-events: all;\n      .ant-space-item {\n        background-color: #f18b62;\n        color: #fff;\n        line-height: 16px;\n        width: 16px;\n        padding-left: 1px;\n      }\n    }\n  }\n"], ["\n  position: relative;\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n  &.nb-action-link {\n    > .general-schema-designer {\n      top: -10px;\n      bottom: -10px;\n      left: -10px;\n      right: -10px;\n    }\n  }\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    pointer-events: none;\n    > .general-schema-designer-icons {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      line-height: 16px;\n      pointer-events: all;\n      .ant-space-item {\n        background-color: #f18b62;\n        color: #fff;\n        line-height: 16px;\n        width: 16px;\n        padding-left: 1px;\n      }\n    }\n  }\n"])));
+exports.Tabs.TabPane = (0, react_1.observer)(function (props) {
+    var Designer = (0, useDesigner_1.useDesigner)();
+    var field = (0, react_1.useField)();
+    return ((0, jsx_runtime_1.jsxs)(common_1.SortableItem, __assign({ className: (0, classnames_1.default)('nb-action-link', designerCss, props.className) }, { children: [props.tab || field.title, (0, jsx_runtime_1.jsx)(Designer, {}, void 0)] }), void 0));
+});
+exports.Tabs.Designer = Tabs_Designer_1.TabsDesigner;
+var templateObject_1;
+//# sourceMappingURL=Tabs.js.map

package/lib/schema-component/antd/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,oCAAmC;AACnC,wCAAoF;AACpF,6BAAiE;AACjE,0DAAoC;AAEpC,kEAAmE;AACnE,uCAAwD;AACxD,uDAAsD;AACtD,iDAA+C;AAElC,QAAA,IAAI,GAAQ,IAAA,gBAAQ,EAAC,UAAC,KAAgB;IACjD,IAAM,WAAW,GAAG,IAAA,sBAAc,GAAE,CAAC;IAC7B,IAAA,MAAM,GAAK,IAAA,yCAAoB,EAAC,WAAW,CAAC,eAAe,CAAC,CAAC,OAAvD,CAAwD;IACtE,OAAO,CACL,uBAAC,mBAAU,cACT,uBAAC,WAAQ,aACP,kBAAkB,EAAE;gBAClB,KAAK,EAAE,MAAM,EAAE;aAChB,gBAEA,WAAW,CAAC,aAAa,CAAC,UAAC,MAAM,EAAE,GAAG;gBACrC,OAAO,CACL,uBAAC,WAAQ,CAAC,OAAO,aAAC,GAAG,EAAE,uBAAC,sBAAc,IAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,iBAAG,gBACjF,uBAAC,sBAAc,IAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,oBAAoB,iBAAG,KADsB,GAAG,CAE1E,CACpB,CAAC;YACJ,CAAC,CAAC,YACO,WACA,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAM,WAAW,OAAG,SAAG,o8BAAA,g4BA6CtB,IAAA,CAAC;AAEF,YAAI,CAAC,OAAO,GAAG,IAAA,gBAAQ,EAAC,UAAC,KAAmB;IAC1C,IAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAC/B,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,CACL,wBAAC,qBAAY,aAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,iBAChF,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,EACzB,uBAAC,QAAQ,aAAG,aACC,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAI,CAAC,QAAQ,GAAG,4BAAY,CAAC","sourcesContent":["import { css } from '@emotion/css';\nimport { observer, RecursionField, useField, useFieldSchema } from '@formily/react';\nimport { TabPaneProps, Tabs as AntdTabs, TabsProps } from 'antd';\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useSchemaInitializer } from '../../../schema-initializer';\nimport { DndContext, SortableItem } from '../../common';\nimport { useDesigner } from '../../hooks/useDesigner';\nimport { TabsDesigner } from './Tabs.Designer';\n\nexport const Tabs: any = observer((props: TabsProps) => {\n  const fieldSchema = useFieldSchema();\n  const { render } = useSchemaInitializer(fieldSchema['x-initializer']);\n  return (\n    <DndContext>\n      <AntdTabs\n        tabBarExtraContent={{\n          right: render(),\n        }}\n      >\n        {fieldSchema.mapProperties((schema, key) => {\n          return (\n            <AntdTabs.TabPane tab={<RecursionField name={key} schema={schema} onlyRenderSelf />} key={key}>\n              <RecursionField name={key} schema={schema} onlyRenderProperties />\n            </AntdTabs.TabPane>\n          );\n        })}\n      </AntdTabs>\n    </DndContext>\n  );\n});\n\nconst designerCss = css`\n  position: relative;\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n  &.nb-action-link {\n    > .general-schema-designer {\n      top: -10px;\n      bottom: -10px;\n      left: -10px;\n      right: -10px;\n    }\n  }\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    pointer-events: none;\n    > .general-schema-designer-icons {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      line-height: 16px;\n      pointer-events: all;\n      .ant-space-item {\n        background-color: #f18b62;\n        color: #fff;\n        line-height: 16px;\n        width: 16px;\n        padding-left: 1px;\n      }\n    }\n  }\n`;\n\nTabs.TabPane = observer((props: TabPaneProps) => {\n  const Designer = useDesigner();\n  const field = useField();\n  return (\n    <SortableItem className={classNames('nb-action-link', designerCss, props.className)}>\n      {props.tab || field.title}\n      <Designer />\n    </SortableItem>\n  );\n});\n\nTabs.Designer = TabsDesigner;\n"]}

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

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

package/lib/schema-component/antd/tabs/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("./Tabs"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,3 @@
+import { TimeRangePickerProps } from 'antd/lib/time-picker';
+import React from 'react';
+export declare const ReadPretty: React.FC<TimeRangePickerProps>;

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

@@ -0,0 +1,32 @@
+"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 ReadPretty = function (props) {
+    var placeholder = props.placeholder;
+    var prefixCls = (0, __builtins__1.usePrefixCls)('description-text', props);
+    var getLabels = function () {
+        var labels = (0, __builtins__1.formatMomentValue)(props.value, props.format, 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));
+};
+exports.ReadPretty = ReadPretty;
+//# sourceMappingURL=ReadPretty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReadPretty.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/time-picker/ReadPretty.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,8DAAiF;AACjF,0CAAwC;AAExC,0DAA6B;AAGtB,IAAM,UAAU,GAAmC,UAAC,KAAU;IAC3D,IAAA,WAAW,GAAK,KAAK,YAAV,CAAW;IAC9B,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,WAAW,CAAC,CAAC;QACzE,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;AAZW,QAAA,UAAU,cAYrB","sourcesContent":["import { formatMomentValue, usePrefixCls } from '@formily/antd/lib/__builtins__';\nimport { isArr } from '@formily/shared';\nimport { TimeRangePickerProps } from 'antd/lib/time-picker';\nimport cls from 'classnames';\nimport React from 'react';\n\nexport const ReadPretty: React.FC<TimeRangePickerProps> = (props: any) => {\n  const { placeholder } = props;\n  const prefixCls = usePrefixCls('description-text', props);\n  const getLabels = () => {\n    const labels = formatMomentValue(props.value, props.format, 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/time-picker/TimePicker.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TimePickerProps as AntdTimePickerProps, TimeRangePickerProps } from 'antd/lib/time-picker';
+declare type ComposedTimePicker = React.FC<AntdTimePickerProps> & {
+    RangePicker?: React.FC<TimeRangePickerProps>;
+};
+export declare const TimePicker: ComposedTimePicker;
+export default TimePicker;

package/lib/schema-component/antd/time-picker/TimePicker.js

@@ -0,0 +1,33 @@
+"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.TimePicker = void 0;
+var __builtins__1 = require("@formily/antd/lib/__builtins__");
+var react_1 = require("@formily/react");
+var antd_1 = require("antd");
+var ReadPretty_1 = require("./ReadPretty");
+var mapTimeFormat = function () {
+    return function (props) {
+        var format = props['format'] || 'HH:mm:ss';
+        var onChange = props.onChange;
+        return __assign(__assign({}, props), { format: format, value: (0, __builtins__1.momentable)(props.value, format), onChange: function (value) {
+                if (onChange) {
+                    onChange((0, __builtins__1.formatMomentValue)(value, format) || null);
+                }
+            } });
+    };
+};
+exports.TimePicker = (0, react_1.connect)(antd_1.TimePicker, (0, react_1.mapProps)(mapTimeFormat()), (0, react_1.mapReadPretty)(ReadPretty_1.ReadPretty));
+exports.TimePicker.RangePicker = (0, react_1.connect)(antd_1.TimePicker.RangePicker, (0, react_1.mapProps)(mapTimeFormat()), (0, react_1.mapReadPretty)(ReadPretty_1.ReadPretty));
+exports.default = exports.TimePicker;
+//# sourceMappingURL=TimePicker.js.map

package/lib/schema-component/antd/time-picker/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/time-picker/TimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,8DAA+E;AAC/E,wCAAkE;AAClE,6BAAoD;AAGpD,2CAA0C;AAM1C,IAAM,aAAa,GAAG;IACpB,OAAO,UAAC,KAAU;QAChB,IAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,UAAU,CAAC;QAC7C,IAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;QAChC,6BACK,KAAK,KACR,MAAM,QAAA,EACN,KAAK,EAAE,IAAA,wBAAU,EAAC,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,EACtC,QAAQ,EAAE,UAAC,KAAsC;gBAC/C,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC,IAAA,+BAAiB,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC;iBACpD;YACH,CAAC,IACD;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,UAAU,GAAuB,IAAA,eAAO,EACnD,iBAAc,EACd,IAAA,gBAAQ,EAAC,aAAa,EAAE,CAAC,EACzB,IAAA,qBAAa,EAAC,uBAAU,CAAC,CAC1B,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,IAAA,eAAO,EAAC,iBAAc,CAAC,WAAW,EAAE,IAAA,gBAAQ,EAAC,aAAa,EAAE,CAAC,EAAE,IAAA,qBAAa,EAAC,uBAAU,CAAC,CAAC,CAAC;AAEnH,kBAAe,kBAAU,CAAC","sourcesContent":["import { formatMomentValue, momentable } from '@formily/antd/lib/__builtins__';\nimport { connect, mapProps, mapReadPretty } from '@formily/react';\nimport { TimePicker as AntdTimePicker } from 'antd';\nimport { TimePickerProps as AntdTimePickerProps, TimeRangePickerProps } from 'antd/lib/time-picker';\nimport moment from 'moment';\nimport { ReadPretty } from './ReadPretty';\n\ntype ComposedTimePicker = React.FC<AntdTimePickerProps> & {\n  RangePicker?: React.FC<TimeRangePickerProps>;\n};\n\nconst mapTimeFormat = function () {\n  return (props: any) => {\n    const format = props['format'] || 'HH:mm:ss';\n    const onChange = props.onChange;\n    return {\n      ...props,\n      format,\n      value: momentable(props.value, format),\n      onChange: (value: moment.Moment | moment.Moment[]) => {\n        if (onChange) {\n          onChange(formatMomentValue(value, format) || null);\n        }\n      },\n    };\n  };\n};\n\nexport const TimePicker: ComposedTimePicker = connect(\n  AntdTimePicker,\n  mapProps(mapTimeFormat()),\n  mapReadPretty(ReadPretty),\n);\n\nTimePicker.RangePicker = connect(AntdTimePicker.RangePicker, mapProps(mapTimeFormat()), mapReadPretty(ReadPretty));\n\nexport default TimePicker;\n"]}

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

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

package/lib/schema-component/antd/time-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("./TimePicker"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/lib/schema-component/antd/tree-select/ReadPretty.d.ts

@@ -0,0 +1,3 @@
+import { TreeSelectProps } from 'antd/lib/tree-select';
+import React from 'react';
+export declare const ReadPretty: React.FC<TreeSelectProps<any>>;

package/lib/schema-component/antd/tree-select/ReadPretty.js

@@ -0,0 +1,73 @@
+"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 react_1 = require("@formily/react");
+var shared_1 = require("@formily/shared");
+var antd_1 = require("antd");
+var classnames_1 = __importDefault(require("classnames"));
+exports.ReadPretty = (0, react_1.observer)(function (props) {
+    var _a, _b;
+    var field = (0, react_1.useField)();
+    var placeholder = props.placeholder;
+    var prefixCls = (0, __builtins__1.usePrefixCls)('description-tree-select', props);
+    var dataSource = ((_a = field === null || field === void 0 ? void 0 : field.dataSource) === null || _a === void 0 ? void 0 : _a.length) ? field.dataSource : ((_b = props === null || props === void 0 ? void 0 : props.treeData) === null || _b === void 0 ? void 0 : _b.length) ? props.treeData : [];
+    var getSelected = function () {
+        var value = props.value;
+        if (props.multiple) {
+            if (props.labelInValue) {
+                return (0, shared_1.isArr)(value) ? value : [];
+            }
+            else {
+                return (0, shared_1.isArr)(value) ? value.map(function (val) { return ({ label: val, value: val }); }) : [];
+            }
+        }
+        else {
+            if (props.labelInValue) {
+                return value ? [value] : [];
+            }
+            else {
+                return value ? [{ label: value, value: value }] : [];
+            }
+        }
+    };
+    var findLabel = function (value, dataSource) {
+        for (var i = 0; i < (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length); i++) {
+            var item = dataSource[i];
+            if ((item === null || item === void 0 ? void 0 : item.value) === value) {
+                return item === null || item === void 0 ? void 0 : item.label;
+            }
+            else {
+                var childLabel = findLabel(value, item === null || item === void 0 ? void 0 : item.children);
+                if (childLabel)
+                    return childLabel;
+            }
+        }
+    };
+    var getLabels = function () {
+        var selected = getSelected();
+        if (!(selected === null || selected === void 0 ? void 0 : selected.length))
+            return (0, jsx_runtime_1.jsx)(antd_1.Tag, { children: placeholder }, void 0);
+        return selected.map(function (_a, key) {
+            var value = _a.value, label = _a.label;
+            return (0, jsx_runtime_1.jsx)(antd_1.Tag, { children: findLabel(value, dataSource) || label || placeholder }, key);
+        });
+    };
+    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/tree-select/ReadPretty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadPretty.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/tree-select/ReadPretty.tsx"],"names":[],"mappings":"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","sourcesContent":["import { usePrefixCls } from '@formily/antd/lib/__builtins__';\nimport { Field } from '@formily/core';\nimport { observer, useField } from '@formily/react';\nimport { isArr } from '@formily/shared';\nimport { Tag } from 'antd';\nimport { TreeSelectProps } from 'antd/lib/tree-select';\nimport cls from 'classnames';\nimport React from 'react';\n\nexport const ReadPretty: React.FC<TreeSelectProps<any>> = observer((props) => {\n  const field = useField<Field>();\n  const { placeholder } = props;\n  const prefixCls = usePrefixCls('description-tree-select', props);\n  const dataSource = field?.dataSource?.length ? field.dataSource : props?.treeData?.length ? props.treeData : [];\n  const getSelected = () => {\n    const value = props.value;\n    if (props.multiple) {\n      if (props.labelInValue) {\n        return isArr(value) ? value : [];\n      } else {\n        return isArr(value) ? value.map((val) => ({ label: val, value: val })) : [];\n      }\n    } else {\n      if (props.labelInValue) {\n        return value ? [value] : [];\n      } else {\n        return value ? [{ label: value, value }] : [];\n      }\n    }\n  };\n\n  const findLabel = (value: any, dataSource: any[]) => {\n    for (let i = 0; i < dataSource?.length; i++) {\n      const item = dataSource[i];\n      if (item?.value === value) {\n        return item?.label;\n      } else {\n        const childLabel = findLabel(value, item?.children);\n        if (childLabel) return childLabel;\n      }\n    }\n  };\n\n  const getLabels = () => {\n    const selected = getSelected();\n    if (!selected?.length) return <Tag>{placeholder}</Tag>;\n    return selected.map(({ value, label }, key) => {\n      return <Tag key={key}>{findLabel(value, dataSource) || label || placeholder}</Tag>;\n    });\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/tree-select/TreeSelect.d.ts

@@ -0,0 +1,2 @@
+export declare const TreeSelect: any;
+export default TreeSelect;

package/lib/schema-component/antd/tree-select/TreeSelect.js

@@ -0,0 +1,26 @@
+"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.TreeSelect = 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 ReadPretty_1 = require("./ReadPretty");
+exports.TreeSelect = (0, react_1.connect)(antd_1.TreeSelect, (0, react_1.mapProps)({
+    dataSource: 'treeData',
+}, function (props, field) {
+    return __assign(__assign({}, props), { suffixIcon: (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.suffixIcon });
+}), (0, react_1.mapReadPretty)(ReadPretty_1.ReadPretty));
+exports.default = exports.TreeSelect;
+//# sourceMappingURL=TreeSelect.js.map

package/lib/schema-component/antd/tree-select/TreeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelect.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/tree-select/TreeSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2CAAoD;AACpD,wCAAkE;AAClE,6BAAoD;AAEpD,2CAA0C;AAE7B,QAAA,UAAU,GAAQ,IAAA,eAAO,EACpC,iBAAc,EACd,IAAA,gBAAQ,EACN;IACE,UAAU,EAAE,UAAU;CACvB,EACD,UAAC,KAAK,EAAE,KAAK;IACX,6BACK,KAAK,KACR,UAAU,EAAE,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,UAAU,IAChG;AACJ,CAAC,CACF,EACD,IAAA,qBAAa,EAAC,uBAAU,CAAC,CAC1B,CAAC;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import { LoadingOutlined } from '@ant-design/icons';\nimport { connect, mapProps, mapReadPretty } from '@formily/react';\nimport { TreeSelect as AntdTreeSelect } from 'antd';\nimport React from 'react';\nimport { ReadPretty } from './ReadPretty';\n\nexport const TreeSelect: any = connect(\n  AntdTreeSelect,\n  mapProps(\n    {\n      dataSource: 'treeData',\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 TreeSelect;\n"]}

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

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

package/lib/schema-component/antd/tree-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("./TreeSelect"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { UploadProps } from './type';
+declare type Composed = React.FC<UploadProps> & {
+    Upload?: React.FC<UploadProps>;
+    Attachment?: React.FC<UploadProps>;
+};
+export declare const ReadPretty: Composed;
+export {};

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

@@ -0,0 +1,93 @@
+"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 __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 __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 DownloadOutlined_1 = __importDefault(require("@ant-design/icons/DownloadOutlined"));
+var react_1 = require("@formily/react");
+var antd_1 = require("antd");
+var classnames_1 = __importDefault(require("classnames"));
+var file_saver_1 = require("file-saver");
+var react_2 = require("react");
+var react_image_lightbox_1 = __importDefault(require("react-image-lightbox"));
+var shared_1 = require("./shared");
+var ReadPretty = function () { return null; };
+exports.ReadPretty = ReadPretty;
+exports.ReadPretty.Attachment = function (props) {
+    var _a, _b, _c, _d;
+    var field = (0, react_1.useField)();
+    var images = (0, shared_1.toImages)((0, shared_1.toArr)(field.value));
+    var _e = __read((0, react_2.useState)(0), 2), photoIndex = _e[0], setPhotoIndex = _e[1];
+    var _f = __read((0, react_2.useState)(false), 2), visible = _f[0], setVisible = _f[1];
+    var size = props.size;
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ant-upload-picture-card-wrapper nb-upload', size ? "nb-upload-" + size : null) }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: 'ant-upload-list ant-upload-list-picture-card' }, { children: images.map(function (file) {
+                        var handleClick = function (e) {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            var index = images.indexOf(file);
+                            if ((0, shared_1.isImage)(file.extname)) {
+                                setVisible(true);
+                                setPhotoIndex(index);
+                            }
+                            else {
+                                (0, file_saver_1.saveAs)(file.url, "" + file.title + file.extname);
+                            }
+                        };
+                        return ((0, jsx_runtime_1.jsx)("div", __assign({ className: 'ant-upload-list-picture-card-container' }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: 'ant-upload-list-item-info' }, { children: (0, jsx_runtime_1.jsxs)("span", __assign({ className: "ant-upload-span" }, { children: [(0, jsx_runtime_1.jsx)("a", __assign({ className: "ant-upload-list-item-thumbnail", href: file.url, target: "_blank", rel: "noopener noreferrer", onClick: handleClick }, { children: file.imageUrl && ((0, jsx_runtime_1.jsx)("img", { src: file.imageUrl + "?x-oss-process=style/thumbnail", alt: file.title, className: "ant-upload-list-item-image" }, void 0)) }), void 0), (0, jsx_runtime_1.jsx)("a", __assign({ target: "_blank", rel: "noopener noreferrer", className: "ant-upload-list-item-name", title: file.title, href: file.url, onClick: handleClick }, { children: file.title }), void 0)] }), void 0) }), void 0), size !== 'small' && ((0, jsx_runtime_1.jsx)("span", __assign({ className: 'ant-upload-list-item-actions' }, { children: (0, jsx_runtime_1.jsx)(antd_1.Space, __assign({ size: 3 }, { children: (0, jsx_runtime_1.jsx)(antd_1.Button, { size: 'small', type: 'text', icon: (0, jsx_runtime_1.jsx)(DownloadOutlined_1.default, {}, void 0), onClick: function (e) {
+                                                    e.preventDefault();
+                                                    e.stopPropagation();
+                                                    (0, file_saver_1.saveAs)(file.url, "" + file.title + file.extname);
+                                                } }, void 0) }), void 0) }), void 0))] }), void 0) }), void 0));
+                    }) }), void 0) }), void 0), visible && ((0, jsx_runtime_1.jsx)(react_image_lightbox_1.default
+            // discourageDownloads={true}
+            , { 
+                // discourageDownloads={true}
+                mainSrc: (_a = images[photoIndex]) === null || _a === void 0 ? void 0 : _a.imageUrl, nextSrc: (_b = images[(photoIndex + 1) % images.length]) === null || _b === void 0 ? void 0 : _b.imageUrl, prevSrc: (_c = images[(photoIndex + images.length - 1) % images.length]) === null || _c === void 0 ? void 0 : _c.imageUrl, 
+                // @ts-ignore
+                onCloseRequest: function (e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setVisible(false);
+                }, onMovePrevRequest: function () { return setPhotoIndex((photoIndex + images.length - 1) % images.length); }, onMoveNextRequest: function () { return setPhotoIndex((photoIndex + 1) % images.length); }, imageTitle: (_d = images[photoIndex]) === null || _d === void 0 ? void 0 : _d.title, toolbarButtons: [
+                    (0, jsx_runtime_1.jsx)("button", __assign({ style: { fontSize: 22, background: 'none', lineHeight: 1 }, type: "button", "aria-label": "Zoom in", title: "Zoom in", className: "ril-zoom-in ril__toolbarItemChild ril__builtinButton", onClick: function (e) {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            var file = images[photoIndex];
+                            (0, file_saver_1.saveAs)(file.url, "" + file.title + file.extname);
+                        } }, { children: (0, jsx_runtime_1.jsx)(DownloadOutlined_1.default, {}, void 0) }), void 0),
+                ] }, void 0))] }, void 0));
+};
+exports.ReadPretty.Upload = function (props) {
+    var field = (0, react_1.useField)();
+    return (field.value || []).map(function (item) { return ((0, jsx_runtime_1.jsx)("div", { children: item.url ? ((0, jsx_runtime_1.jsx)("a", __assign({ target: '_blank', href: item.url }, { children: item.name }), void 0)) : ((0, jsx_runtime_1.jsx)("span", { children: item.name }, void 0)) }, void 0)); });
+};
+//# sourceMappingURL=ReadPretty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReadPretty.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/upload/ReadPretty.tsx"],"names":[],"mappings":"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","sourcesContent":["import DownloadOutlined from '@ant-design/icons/DownloadOutlined';\nimport { Field } from '@formily/core';\nimport { useField } from '@formily/react';\nimport { Button, Space } from 'antd';\nimport cls from 'classnames';\nimport { saveAs } from 'file-saver';\nimport React, { useState } from 'react';\nimport Lightbox from 'react-image-lightbox';\nimport { isImage, toArr, toImages } from './shared';\nimport type { UploadProps } from './type';\n\ntype Composed = React.FC<UploadProps> & {\n  Upload?: React.FC<UploadProps>;\n  Attachment?: React.FC<UploadProps>;\n};\n\nexport const ReadPretty: Composed = () => null;\n\nReadPretty.Attachment = (props: UploadProps) => {\n  const field = useField<Field>();\n  const images = toImages(toArr(field.value));\n  const [photoIndex, setPhotoIndex] = useState(0);\n  const [visible, setVisible] = useState(false);\n  const { size } = props;\n  return (\n    <div>\n      <div className={cls('ant-upload-picture-card-wrapper nb-upload', size ? `nb-upload-${size}` : null)}>\n        <div className={'ant-upload-list ant-upload-list-picture-card'}>\n          {images.map((file) => {\n            const handleClick = (e) => {\n              e.preventDefault();\n              e.stopPropagation();\n              const index = images.indexOf(file);\n              if (isImage(file.extname)) {\n                setVisible(true);\n                setPhotoIndex(index);\n              } else {\n                saveAs(file.url, `${file.title}${file.extname}`);\n              }\n            };\n            return (\n              <div className={'ant-upload-list-picture-card-container'}>\n                <div className=\"ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card\">\n                  <div className={'ant-upload-list-item-info'}>\n                    <span className=\"ant-upload-span\">\n                      <a\n                        className=\"ant-upload-list-item-thumbnail\"\n                        href={file.url}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        onClick={handleClick}\n                      >\n                        {file.imageUrl && (\n                          <img\n                            src={`${file.imageUrl}?x-oss-process=style/thumbnail`}\n                            alt={file.title}\n                            className=\"ant-upload-list-item-image\"\n                          />\n                        )}\n                      </a>\n                      <a\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        className=\"ant-upload-list-item-name\"\n                        title={file.title}\n                        href={file.url}\n                        onClick={handleClick}\n                      >\n                        {file.title}\n                      </a>\n                    </span>\n                  </div>\n                  {size !== 'small' && (\n                    <span className={'ant-upload-list-item-actions'}>\n                      <Space size={3}>\n                        <Button\n                          size={'small'}\n                          type={'text'}\n                          icon={<DownloadOutlined />}\n                          onClick={(e) => {\n                            e.preventDefault();\n                            e.stopPropagation();\n                            saveAs(file.url, `${file.title}${file.extname}`);\n                          }}\n                        />\n                      </Space>\n                    </span>\n                  )}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n      {visible && (\n        <Lightbox\n          // discourageDownloads={true}\n          mainSrc={images[photoIndex]?.imageUrl}\n          nextSrc={images[(photoIndex + 1) % images.length]?.imageUrl}\n          prevSrc={images[(photoIndex + images.length - 1) % images.length]?.imageUrl}\n          // @ts-ignore\n          onCloseRequest={(e) => {\n            e.preventDefault();\n            e.stopPropagation();\n            setVisible(false);\n          }}\n          onMovePrevRequest={() => setPhotoIndex((photoIndex + images.length - 1) % images.length)}\n          onMoveNextRequest={() => setPhotoIndex((photoIndex + 1) % images.length)}\n          imageTitle={images[photoIndex]?.title}\n          toolbarButtons={[\n            <button\n              style={{ fontSize: 22, background: 'none', lineHeight: 1 }}\n              type=\"button\"\n              aria-label=\"Zoom in\"\n              title=\"Zoom in\"\n              className=\"ril-zoom-in ril__toolbarItemChild ril__builtinButton\"\n              onClick={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                const file = images[photoIndex];\n                saveAs(file.url, `${file.title}${file.extname}`);\n              }}\n            >\n              <DownloadOutlined />\n            </button>,\n          ]}\n        />\n      )}\n    </div>\n  );\n};\n\nReadPretty.Upload = (props) => {\n  const field = useField<Field>();\n  return (field.value || []).map((item) => (\n    <div>\n      {item.url ? (\n        <a target={'_blank'} href={item.url}>\n          {item.name}\n        </a>\n      ) : (\n        <span>{item.name}</span>\n      )}\n    </div>\n  ));\n};\n"]}

package/lib/schema-component/antd/upload/Upload.d.ts

@@ -0,0 +1,5 @@
+import 'react-image-lightbox/style.css';
+import './style.less';
+import type { ComposedUpload } from './type';
+export declare const Upload: ComposedUpload;
+export default Upload;