@pisell/materials 6.0.11 → 6.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/lowcode/assets-daily.json +11 -15
- package/build/lowcode/assets-dev.json +2 -6
- package/build/lowcode/assets-prod.json +11 -15
- package/build/lowcode/index.js +1 -1
- package/build/lowcode/meta.js +7 -7
- package/build/lowcode/preview.js +8 -8
- package/build/lowcode/render/default/view.css +1 -1
- package/build/lowcode/render/default/view.js +18 -18
- package/build/lowcode/view.css +1 -1
- package/build/lowcode/view.js +18 -18
- package/es/components/dataSourceComponents/dataSourceForm/BaseForm.js +94 -3
- package/es/components/dataSourceComponents/dataSourceForm/submitButton/index.js +7 -6
- package/es/components/dataSourceComponents/dataSourceForm/type.d.ts +8 -0
- package/es/components/dataSourceComponents/dataSourceForm/utils.d.ts +1 -0
- package/es/components/dataSourceComponents/dataSourceForm/utils.js +117 -38
- package/es/components/dataSourceComponents/dataSourceMenu/index.d.ts +2 -0
- package/es/components/dataSourceComponents/dataSourceMenu/index.js +19 -0
- package/es/components/dataSourceComponents/dataSourceTable/BaseTable.js +46 -8
- package/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts +2 -2
- package/es/components/dataSourceComponents/fields/Input.Mobile/WithMode.d.ts +0 -1
- package/es/components/dataSourceComponents/fields/Input.Mobile/WithMode.js +90 -35
- package/es/components/dataSourceComponents/fields/Input.Mobile/index.js +11 -1
- package/es/components/dataSourceComponents/fields/Input.Phone/WithMode.d.ts +0 -1
- package/es/components/dataSourceComponents/fields/Input.Phone/WithMode.js +73 -19
- package/es/components/dataSourceComponents/fields/Input.Subdomain/WithMode.d.ts +4 -2
- package/es/components/dataSourceComponents/fields/Input.Subdomain/WithMode.js +163 -52
- package/es/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts +4 -2
- package/es/components/dataSourceComponents/fields/Input.Subdomain/index.js +2 -2
- package/es/components/dataSourceComponents/fields/Input.Subdomain/serve.d.ts +3 -13
- package/es/components/dataSourceComponents/fields/Input.Subdomain/serve.js +15 -13
- package/es/components/dataSourceComponents/fields/Translation/BaseTranslation.js +15 -4
- package/es/components/dataSourceComponents/fields/Translation/type.d.ts +1 -0
- package/es/components/dataSourceComponents/fields/Upload/BaseUpload.js +17 -13
- package/es/components/dataSourceComponents/fields/Upload/ReadPretty.d.ts +1 -1
- package/es/components/dataSourceComponents/fields/Upload/ReadPretty.js +4 -2
- package/es/components/dataSourceComponents/fields/Upload/WithMode.js +5 -4
- package/es/components/dataSourceComponents/fields/Upload/index.less +1 -1
- package/es/components/dataSourceComponents/fields/Upload/serve.d.ts +1 -1
- package/es/components/dataSourceComponents/fields/Upload/serve.js +5 -5
- package/es/components/dataSourceComponents/fields/Upload/type.d.ts +8 -0
- package/es/components/dataSourceComponents/fields/index.d.ts +8 -4
- package/es/components/dataSourceComponents/fields/type.d.ts +1 -0
- package/es/components/dataSourceComponents/fields/utils.js +1 -0
- package/es/components/dataSourceComponents/provider/actions/ActionsContext.d.ts +6 -1
- package/es/components/dataSourceComponents/provider/actions/ActionsProvider.d.ts +4 -1
- package/es/components/dataSourceComponents/provider/actions/ActionsProvider.js +0 -1
- package/es/components/form/index.js +12 -0
- package/es/components/iconfont/index.js +1 -1
- package/es/components/pisellDraggable/components/Action/Action.d.ts +10 -0
- package/es/components/pisellDraggable/components/Action/Action.js +31 -0
- package/es/components/pisellDraggable/components/Action/Action.less +50 -0
- package/es/components/pisellDraggable/components/Action/index.d.ts +2 -0
- package/es/components/pisellDraggable/components/Action/index.js +1 -0
- package/es/components/pisellDraggable/components/Handle/Handle.d.ts +3 -0
- package/es/components/pisellDraggable/components/Handle/Handle.js +15 -0
- package/es/components/pisellDraggable/components/Handle/index.d.ts +1 -0
- package/es/components/pisellDraggable/components/Handle/index.js +1 -0
- package/es/components/pisellDraggable/components/Remove/Remove.d.ts +3 -0
- package/es/components/pisellDraggable/components/Remove/Remove.js +17 -0
- package/es/components/pisellDraggable/components/Remove/index.d.ts +1 -0
- package/es/components/pisellDraggable/components/Remove/index.js +1 -0
- package/es/components/pisellDraggable/components/TreeItem/SortableTreeItem.d.ts +8 -0
- package/es/components/pisellDraggable/components/TreeItem/SortableTreeItem.js +51 -0
- package/es/components/pisellDraggable/components/TreeItem/TreeItem.d.ts +21 -0
- package/es/components/pisellDraggable/components/TreeItem/TreeItem.js +57 -0
- package/es/components/pisellDraggable/components/TreeItem/TreeItem.less +128 -0
- package/es/components/pisellDraggable/components/TreeItem/index.d.ts +2 -0
- package/es/components/pisellDraggable/components/TreeItem/index.js +2 -0
- package/es/components/pisellDraggable/components/index.d.ts +4 -0
- package/es/components/pisellDraggable/components/index.js +4 -0
- package/es/components/pisellDraggable/index.d.ts +27 -0
- package/es/components/pisellDraggable/index.js +380 -0
- package/es/components/pisellDraggable/types.d.ts +17 -0
- package/es/components/pisellDraggable/types.js +1 -0
- package/es/components/pisellDraggable/utilities.d.ts +17 -0
- package/es/components/pisellDraggable/utilities.js +230 -0
- package/es/components/pisellLayout/content.d.ts +1 -0
- package/es/components/pisellLayout/content.js +19 -2
- package/es/components/pisellMenu/PisellMenu.d.ts +5 -0
- package/es/components/pisellMenu/PisellMenu.js +55 -0
- package/es/components/pisellMenu/PisellMenu.less +53 -0
- package/es/components/pisellMenu/index.d.ts +3 -0
- package/es/components/pisellMenu/index.js +2 -0
- package/es/components/pisellMenu/types.d.ts +30 -0
- package/es/components/pisellMenu/types.js +1 -0
- package/es/components/pisellModal/components/functions/index.less +3 -0
- package/es/components/versionModal/index.d.ts +15 -0
- package/es/components/versionModal/index.js +192 -0
- package/es/components/versionModal/index.less +3 -0
- package/es/index.d.ts +5 -0
- package/es/index.js +5 -1
- package/es/locales/en-US.d.ts +22 -0
- package/es/locales/en-US.js +24 -1
- package/es/locales/zh-CN.d.ts +21 -0
- package/es/locales/zh-CN.js +24 -2
- package/es/locales/zh-TW.d.ts +20 -0
- package/es/locales/zh-TW.js +23 -2
- package/lib/components/dataSourceComponents/dataSourceForm/BaseForm.js +77 -4
- package/lib/components/dataSourceComponents/dataSourceForm/submitButton/index.js +1 -0
- package/lib/components/dataSourceComponents/dataSourceForm/type.d.ts +8 -0
- package/lib/components/dataSourceComponents/dataSourceForm/utils.d.ts +1 -0
- package/lib/components/dataSourceComponents/dataSourceForm/utils.js +132 -41
- package/lib/components/dataSourceComponents/dataSourceMenu/index.d.ts +2 -0
- package/lib/components/dataSourceComponents/dataSourceMenu/index.js +45 -0
- package/lib/components/dataSourceComponents/dataSourceTable/BaseTable.js +14 -2
- package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts +2 -2
- package/lib/components/dataSourceComponents/fields/Input.Mobile/WithMode.d.ts +0 -1
- package/lib/components/dataSourceComponents/fields/Input.Mobile/WithMode.js +44 -29
- package/lib/components/dataSourceComponents/fields/Input.Mobile/index.js +11 -1
- package/lib/components/dataSourceComponents/fields/Input.Phone/WithMode.d.ts +0 -1
- package/lib/components/dataSourceComponents/fields/Input.Phone/WithMode.js +34 -17
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/WithMode.d.ts +4 -2
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/WithMode.js +96 -36
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts +4 -2
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/serve.d.ts +3 -13
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/serve.js +19 -14
- package/lib/components/dataSourceComponents/fields/Translation/BaseTranslation.js +15 -4
- package/lib/components/dataSourceComponents/fields/Translation/type.d.ts +1 -0
- package/lib/components/dataSourceComponents/fields/Upload/BaseUpload.js +5 -3
- package/lib/components/dataSourceComponents/fields/Upload/ReadPretty.d.ts +1 -1
- package/lib/components/dataSourceComponents/fields/Upload/ReadPretty.js +2 -2
- package/lib/components/dataSourceComponents/fields/Upload/WithMode.js +4 -4
- package/lib/components/dataSourceComponents/fields/Upload/index.less +1 -1
- package/lib/components/dataSourceComponents/fields/Upload/serve.d.ts +1 -1
- package/lib/components/dataSourceComponents/fields/Upload/serve.js +5 -5
- package/lib/components/dataSourceComponents/fields/Upload/type.d.ts +8 -0
- package/lib/components/dataSourceComponents/fields/index.d.ts +8 -4
- package/lib/components/dataSourceComponents/fields/type.d.ts +1 -0
- package/lib/components/dataSourceComponents/fields/utils.js +1 -0
- package/lib/components/dataSourceComponents/provider/actions/ActionsContext.d.ts +6 -1
- package/lib/components/dataSourceComponents/provider/actions/ActionsProvider.d.ts +4 -1
- package/lib/components/form/index.js +10 -1
- package/lib/components/iconfont/index.js +1 -1
- package/lib/components/pisellDraggable/components/Action/Action.d.ts +10 -0
- package/lib/components/pisellDraggable/components/Action/Action.js +60 -0
- package/lib/components/pisellDraggable/components/Action/Action.less +50 -0
- package/lib/components/pisellDraggable/components/Action/index.d.ts +2 -0
- package/lib/components/pisellDraggable/components/Action/index.js +29 -0
- package/lib/components/pisellDraggable/components/Handle/Handle.d.ts +3 -0
- package/lib/components/pisellDraggable/components/Handle/Handle.js +54 -0
- package/lib/components/pisellDraggable/components/Handle/index.d.ts +1 -0
- package/lib/components/pisellDraggable/components/Handle/index.js +29 -0
- package/lib/components/pisellDraggable/components/Remove/Remove.d.ts +3 -0
- package/lib/components/pisellDraggable/components/Remove/Remove.js +53 -0
- package/lib/components/pisellDraggable/components/Remove/index.d.ts +1 -0
- package/lib/components/pisellDraggable/components/Remove/index.js +29 -0
- package/lib/components/pisellDraggable/components/TreeItem/SortableTreeItem.d.ts +8 -0
- package/lib/components/pisellDraggable/components/TreeItem/SortableTreeItem.js +83 -0
- package/lib/components/pisellDraggable/components/TreeItem/TreeItem.d.ts +21 -0
- package/lib/components/pisellDraggable/components/TreeItem/TreeItem.js +93 -0
- package/lib/components/pisellDraggable/components/TreeItem/TreeItem.less +128 -0
- package/lib/components/pisellDraggable/components/TreeItem/index.d.ts +2 -0
- package/lib/components/pisellDraggable/components/TreeItem/index.js +32 -0
- package/lib/components/pisellDraggable/components/index.d.ts +4 -0
- package/lib/components/pisellDraggable/components/index.js +40 -0
- package/lib/components/pisellDraggable/index.d.ts +27 -0
- package/lib/components/pisellDraggable/index.js +271 -0
- package/lib/components/pisellDraggable/types.d.ts +17 -0
- package/lib/components/pisellDraggable/types.js +17 -0
- package/lib/components/pisellDraggable/utilities.d.ts +17 -0
- package/lib/components/pisellDraggable/utilities.js +190 -0
- package/lib/components/pisellLayout/content.d.ts +1 -0
- package/lib/components/pisellLayout/content.js +9 -1
- package/lib/components/pisellMenu/PisellMenu.d.ts +5 -0
- package/lib/components/pisellMenu/PisellMenu.js +91 -0
- package/lib/components/pisellMenu/PisellMenu.less +53 -0
- package/lib/components/pisellMenu/index.d.ts +3 -0
- package/lib/components/pisellMenu/index.js +36 -0
- package/lib/components/pisellMenu/types.d.ts +30 -0
- package/lib/components/pisellMenu/types.js +17 -0
- package/lib/components/pisellModal/components/functions/index.less +3 -0
- package/lib/components/versionModal/index.d.ts +15 -0
- package/lib/components/versionModal/index.js +219 -0
- package/lib/components/versionModal/index.less +3 -0
- package/lib/index.d.ts +5 -0
- package/lib/index.js +12 -0
- package/lib/locales/en-US.d.ts +22 -0
- package/lib/locales/en-US.js +24 -1
- package/lib/locales/zh-CN.d.ts +21 -0
- package/lib/locales/zh-CN.js +24 -2
- package/lib/locales/zh-TW.d.ts +20 -0
- package/lib/locales/zh-TW.js +23 -2
- package/lowcode/_utils/defaultSchema.ts +23 -2
- package/lowcode/button/meta.ts +4 -20
- package/lowcode/data-source-form/meta.ts +138 -1
- package/lowcode/data-source-form/snippets.ts +54 -0
- package/lowcode/data-source-menu/meta.ts +122 -0
- package/lowcode/data-source-table/meta.ts +32 -27
- package/lowcode/data-source-table/utils.tsx +33 -1
- package/lowcode/data-source-wrapper/meta.ts +6 -2
- package/lowcode/form-group/meta.ts +5 -1
- package/lowcode/form-item-input.mobile/__screenshots__/mobile.png +0 -0
- package/lowcode/form-item-input.mobile/meta.ts +36 -46
- package/lowcode/form-item-input.mobile/snippets.ts +8 -2
- package/lowcode/form-item-input.phone/meta.ts +8 -42
- package/lowcode/form-item-input.phone/snippets.ts +6 -0
- package/lowcode/form-item-input.subdomain/__screenshots__/subdomain.png +0 -0
- package/lowcode/form-item-input.subdomain/meta.ts +20 -6
- package/lowcode/form-item-input.subdomain/snippets.ts +10 -11
- package/lowcode/form-item-translation/meta.ts +59 -1
- package/lowcode/form.item/meta.ts +48 -0
- package/lowcode/pisell-content/meta.ts +12 -9
- package/lowcode/pisell-draggable/meta.ts +190 -0
- package/lowcode/pisell-layout/meta.ts +9 -9
- package/lowcode/pisell-menu/meta.ts +112 -0
- package/package.json +2 -2
- package/lowcode/form-item-input.mobile/__screenshots__/phone.png +0 -0
|
@@ -9,15 +9,15 @@ import { request } from "../../../table/utils";
|
|
|
9
9
|
* 获取nocobase数据列表 获取域名后缀
|
|
10
10
|
*/
|
|
11
11
|
export var getTenantData = /*#__PURE__*/function () {
|
|
12
|
-
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
12
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(id) {
|
|
13
13
|
var _yield$request$getReq, data;
|
|
14
14
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
15
15
|
while (1) switch (_context.prev = _context.next) {
|
|
16
16
|
case 0:
|
|
17
17
|
_context.prev = 0;
|
|
18
18
|
_context.next = 3;
|
|
19
|
-
return request.getRequest().get("/tenant
|
|
20
|
-
isNocobase:
|
|
19
|
+
return request.getRequest().get("/tenant/core/meta/tenant/".concat(id, "/saas"), {}, {
|
|
20
|
+
isNocobase: false,
|
|
21
21
|
fullResult: true,
|
|
22
22
|
headers: {
|
|
23
23
|
"x-data-source": "pisell2"
|
|
@@ -38,24 +38,26 @@ export var getTenantData = /*#__PURE__*/function () {
|
|
|
38
38
|
}
|
|
39
39
|
}, _callee, null, [[0, 8]]);
|
|
40
40
|
}));
|
|
41
|
-
return function getTenantData() {
|
|
41
|
+
return function getTenantData(_x) {
|
|
42
42
|
return _ref.apply(this, arguments);
|
|
43
43
|
};
|
|
44
44
|
}();
|
|
45
45
|
/**
|
|
46
46
|
* 自定义 Hook,用于获取租户数据
|
|
47
47
|
*/
|
|
48
|
-
export var useTenantData = function useTenantData() {
|
|
49
|
-
var _useRequest = useRequest(
|
|
50
|
-
|
|
48
|
+
export var useTenantData = function useTenantData(rootDomain, tenantId) {
|
|
49
|
+
var _useRequest = useRequest(function () {
|
|
50
|
+
// 只有在 saas 模式且有 tenantId 时才发起请求
|
|
51
|
+
if (rootDomain === 'saas' && tenantId) {
|
|
52
|
+
return getTenantData(tenantId);
|
|
53
|
+
}
|
|
54
|
+
return Promise.resolve(undefined);
|
|
55
|
+
}, {
|
|
56
|
+
cacheKey: "tenant-data-".concat(tenantId),
|
|
51
57
|
staleTime: 1000 * 60 * 5,
|
|
52
58
|
// 5分钟后数据过期
|
|
53
59
|
cacheTime: 1000 * 60 * 60 // 1小时后清除缓存
|
|
54
60
|
}),
|
|
55
|
-
data = _useRequest.data
|
|
56
|
-
|
|
57
|
-
if (error) {
|
|
58
|
-
console.error("Error fetching tenant data:", error);
|
|
59
|
-
}
|
|
60
|
-
return data; // 返回租户数据
|
|
61
|
+
data = _useRequest.data;
|
|
62
|
+
return data;
|
|
61
63
|
};
|
|
@@ -39,11 +39,22 @@ var Translation = function Translation(_ref) {
|
|
|
39
39
|
value = _ref$value === void 0 ? defaultValue : _ref$value,
|
|
40
40
|
onChange = _ref.onChange,
|
|
41
41
|
placeholder = _ref.placeholder,
|
|
42
|
-
disabled = _ref.disabled
|
|
42
|
+
disabled = _ref.disabled,
|
|
43
|
+
_ref$type = _ref.type,
|
|
44
|
+
type = _ref$type === void 0 ? 'text' : _ref$type;
|
|
43
45
|
var _useState = useState(false),
|
|
44
46
|
_useState2 = _slicedToArray(_useState, 2),
|
|
45
47
|
open = _useState2[0],
|
|
46
48
|
setOpen = _useState2[1];
|
|
49
|
+
var getInputComponent = useCallback(function () {
|
|
50
|
+
switch (type) {
|
|
51
|
+
case 'textarea':
|
|
52
|
+
return Input.TextArea;
|
|
53
|
+
default:
|
|
54
|
+
return Input;
|
|
55
|
+
}
|
|
56
|
+
}, [type]);
|
|
57
|
+
var InputComponent = getInputComponent();
|
|
47
58
|
var hasAnyTranslation = useCallback(function () {
|
|
48
59
|
if (!value) {
|
|
49
60
|
return false;
|
|
@@ -77,7 +88,7 @@ var Translation = function Translation(_ref) {
|
|
|
77
88
|
className: "translation-field"
|
|
78
89
|
}, /*#__PURE__*/React.createElement("div", {
|
|
79
90
|
className: "translation-label"
|
|
80
|
-
}, label), /*#__PURE__*/React.createElement(
|
|
91
|
+
}, label), /*#__PURE__*/React.createElement(InputComponent, {
|
|
81
92
|
value: (value === null || value === void 0 ? void 0 : value[key]) || "",
|
|
82
93
|
onChange: handleInputChange(key),
|
|
83
94
|
allowClear: true
|
|
@@ -85,7 +96,7 @@ var Translation = function Translation(_ref) {
|
|
|
85
96
|
})));
|
|
86
97
|
return /*#__PURE__*/React.createElement("div", {
|
|
87
98
|
className: "translation-wrapper"
|
|
88
|
-
}, /*#__PURE__*/React.createElement(
|
|
99
|
+
}, /*#__PURE__*/React.createElement(InputComponent, {
|
|
89
100
|
value: (value === null || value === void 0 ? void 0 : value.original) || "",
|
|
90
101
|
onChange: handleInputChange('original'),
|
|
91
102
|
placeholder: placeholder,
|
|
@@ -101,7 +112,7 @@ var Translation = function Translation(_ref) {
|
|
|
101
112
|
}
|
|
102
113
|
setOpen(open);
|
|
103
114
|
},
|
|
104
|
-
placement: "
|
|
115
|
+
placement: "bottom"
|
|
105
116
|
}, /*#__PURE__*/React.createElement("div", {
|
|
106
117
|
className: "translation-icon-wrapper ".concat(hasAnyTranslation() ? 'has-translation' : '', " ").concat(disabled ? 'disabled' : '')
|
|
107
118
|
}, /*#__PURE__*/React.createElement(GlobalOutlined, {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
var _excluded = ["renderMode", "maxSize", "minCount", "maxCount", "multiple", "presetType", "customType", "enablePresetType", "enableCustomType", "allowPreview", "value", "typeMaxSizeMap", "enableMultilingual", "onChange"],
|
|
2
|
+
var _excluded = ["renderMode", "maxSize", "minCount", "maxCount", "multiple", "presetType", "customType", "enablePresetType", "enableCustomType", "allowPreview", "value", "typeMaxSizeMap", "enableMultilingual", "onChange", "mediaUploadUrl", "getHeaders"],
|
|
3
3
|
_excluded2 = ["cover"];
|
|
4
4
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
5
5
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
@@ -35,6 +35,8 @@ import useEngineContext from "../../../../hooks/useEngineContext";
|
|
|
35
35
|
import { getText } from "../../../../locales";
|
|
36
36
|
import { DEFAULT_MAX_COUNT, SUPPORTED_LANGUAGES } from "./constants";
|
|
37
37
|
import { getPointSuffix, checkFileCount, getFileType, getMediaMetadata, getFileMetadataParams, getDefaultFileList, createMultilingualData, createMultilingualFileList, isValueEqual } from "./utils";
|
|
38
|
+
|
|
39
|
+
// @ts-ignore
|
|
38
40
|
import fallback from "./fallback.png";
|
|
39
41
|
import "./index.less";
|
|
40
42
|
var BaseUpload = function BaseUpload(props) {
|
|
@@ -52,6 +54,8 @@ var BaseUpload = function BaseUpload(props) {
|
|
|
52
54
|
typeMaxSizeMap = props.typeMaxSizeMap,
|
|
53
55
|
enableMultilingual = props.enableMultilingual,
|
|
54
56
|
onChange = props.onChange,
|
|
57
|
+
propsMediaUploadUrl = props.mediaUploadUrl,
|
|
58
|
+
propsGetHeaders = props.getHeaders,
|
|
55
59
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
56
60
|
var _useState = useState([]),
|
|
57
61
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -83,9 +87,9 @@ var BaseUpload = function BaseUpload(props) {
|
|
|
83
87
|
}, [fileList]);
|
|
84
88
|
var _useEngineContext = useEngineContext(),
|
|
85
89
|
appHelper = _useEngineContext.appHelper;
|
|
86
|
-
var
|
|
87
|
-
mediaUploadUrl =
|
|
88
|
-
getHeaders =
|
|
90
|
+
var _ref = (appHelper === null || appHelper === void 0 ? void 0 : appHelper.constants) || {},
|
|
91
|
+
mediaUploadUrl = _ref.mediaUploadUrl,
|
|
92
|
+
getHeaders = _ref.getHeaders;
|
|
89
93
|
var handleImageError = useCallback(function (file) {
|
|
90
94
|
setErrorImageMap(function (prev) {
|
|
91
95
|
return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, file.uid, true));
|
|
@@ -104,7 +108,7 @@ var BaseUpload = function BaseUpload(props) {
|
|
|
104
108
|
});
|
|
105
109
|
}, []);
|
|
106
110
|
var getItemUrl = useCallback( /*#__PURE__*/function () {
|
|
107
|
-
var
|
|
111
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
|
|
108
112
|
var _file$response, _file$response$data;
|
|
109
113
|
var url, isValid;
|
|
110
114
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
@@ -149,7 +153,7 @@ var BaseUpload = function BaseUpload(props) {
|
|
|
149
153
|
}, _callee, null, [[5, 15]]);
|
|
150
154
|
}));
|
|
151
155
|
return function (_x2) {
|
|
152
|
-
return
|
|
156
|
+
return _ref2.apply(this, arguments);
|
|
153
157
|
};
|
|
154
158
|
}(), [errorImageMap]);
|
|
155
159
|
useEffect(function () {
|
|
@@ -222,10 +226,10 @@ var BaseUpload = function BaseUpload(props) {
|
|
|
222
226
|
});
|
|
223
227
|
});
|
|
224
228
|
});
|
|
225
|
-
var handleChange = useCallback(function (
|
|
229
|
+
var handleChange = useCallback(function (_ref3) {
|
|
226
230
|
var _file$response4, _file$response7, _file$response8;
|
|
227
|
-
var file =
|
|
228
|
-
newFileList =
|
|
231
|
+
var file = _ref3.file,
|
|
232
|
+
newFileList = _ref3.fileList;
|
|
229
233
|
var updatedFileList = newFileList.map(function (item) {
|
|
230
234
|
var _item$response3;
|
|
231
235
|
return _objectSpread(_objectSpread({}, item), {}, {
|
|
@@ -376,7 +380,7 @@ var BaseUpload = function BaseUpload(props) {
|
|
|
376
380
|
setOpen(false);
|
|
377
381
|
}, []);
|
|
378
382
|
var beforeUpload = useCallback( /*#__PURE__*/function () {
|
|
379
|
-
var
|
|
383
|
+
var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(file, newFileList) {
|
|
380
384
|
var currentFileCount, fileType, typeMaxSize, _maxSize, pointSuffix, _checkFileCount, success, message, metadata, cover, restMetadata;
|
|
381
385
|
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
382
386
|
while (1) switch (_context2.prev = _context2.next) {
|
|
@@ -443,7 +447,7 @@ var BaseUpload = function BaseUpload(props) {
|
|
|
443
447
|
}, _callee2, null, [[16, 23]]);
|
|
444
448
|
}));
|
|
445
449
|
return function (_x3, _x4) {
|
|
446
|
-
return
|
|
450
|
+
return _ref4.apply(this, arguments);
|
|
447
451
|
};
|
|
448
452
|
}(), [accept, fileList.length, maxSize, minCount, maxCount, multiple, typeMaxSizeMap]);
|
|
449
453
|
var renderUploadButton = useCallback(function (showGlobeIcon) {
|
|
@@ -513,7 +517,7 @@ var BaseUpload = function BaseUpload(props) {
|
|
|
513
517
|
},
|
|
514
518
|
listType: 'picture-card',
|
|
515
519
|
onChange: handleChange,
|
|
516
|
-
action: mediaUploadUrl,
|
|
520
|
+
action: propsMediaUploadUrl || mediaUploadUrl,
|
|
517
521
|
method: 'post',
|
|
518
522
|
accept: accept,
|
|
519
523
|
name: 'file',
|
|
@@ -525,7 +529,7 @@ var BaseUpload = function BaseUpload(props) {
|
|
|
525
529
|
group_id: 0
|
|
526
530
|
}, getFileMetadataParams(file));
|
|
527
531
|
},
|
|
528
|
-
headers: getHeaders === null || getHeaders === void 0 ? void 0 : getHeaders(),
|
|
532
|
+
headers: (propsGetHeaders === null || propsGetHeaders === void 0 ? void 0 : propsGetHeaders()) || (getHeaders === null || getHeaders === void 0 ? void 0 : getHeaders()),
|
|
529
533
|
beforeUpload: beforeUpload,
|
|
530
534
|
className: 'pisell-data-source-upload'
|
|
531
535
|
// itemRender: (originNode: React.ReactElement, file: UploadFile) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { UploadProps } from './type';
|
|
3
3
|
import './ReadPretty.less';
|
|
4
|
-
declare const UploadReadPretty: (props: UploadProps) => React.JSX.Element
|
|
4
|
+
declare const UploadReadPretty: (props: UploadProps) => React.JSX.Element | null;
|
|
5
5
|
export default UploadReadPretty;
|
|
@@ -2,6 +2,8 @@ import React, { useMemo } from 'react';
|
|
|
2
2
|
import { Image } from 'antd';
|
|
3
3
|
import { isArr, isString } from '@pisell/utils';
|
|
4
4
|
import useTranslationOriginal from "../../../../hooks/useTranslationOriginal";
|
|
5
|
+
|
|
6
|
+
// @ts-ignore
|
|
5
7
|
import fallback from "./fallback.png";
|
|
6
8
|
import "./ReadPretty.less";
|
|
7
9
|
var UploadReadPretty = function UploadReadPretty(props) {
|
|
@@ -27,7 +29,7 @@ var UploadReadPretty = function UploadReadPretty(props) {
|
|
|
27
29
|
if (!normalizedValue.length) {
|
|
28
30
|
return null;
|
|
29
31
|
}
|
|
30
|
-
return normalizedValue.map(function (item, index) {
|
|
32
|
+
return /*#__PURE__*/React.createElement("div", null, normalizedValue.map(function (item, index) {
|
|
31
33
|
return /*#__PURE__*/React.createElement(Image, {
|
|
32
34
|
key: "".concat(String(item), "-").concat(index),
|
|
33
35
|
className: "pisell-upload-read-pretty",
|
|
@@ -39,6 +41,6 @@ var UploadReadPretty = function UploadReadPretty(props) {
|
|
|
39
41
|
maskClassName: 'pisell-upload-read-pretty-mask'
|
|
40
42
|
}
|
|
41
43
|
});
|
|
42
|
-
});
|
|
44
|
+
}));
|
|
43
45
|
};
|
|
44
46
|
export default UploadReadPretty;
|
|
@@ -6,14 +6,15 @@ import BaseUpload from "./BaseUpload";
|
|
|
6
6
|
import { useMediaTypes, useMediaConfig } from "./serve";
|
|
7
7
|
import { isNumber } from '@pisell/utils';
|
|
8
8
|
var Upload = function Upload(props) {
|
|
9
|
-
var presetType = props.presetType
|
|
9
|
+
var presetType = props.presetType,
|
|
10
|
+
propsMediaConfig = props.mediaConfig;
|
|
10
11
|
var _useMediaTypes = useMediaTypes(),
|
|
11
12
|
getExtensionsByIds = _useMediaTypes.getExtensionsByIds,
|
|
12
13
|
getMaxSizeByIds = _useMediaTypes.getMaxSizeByIds;
|
|
13
|
-
var _useMediaConfig = useMediaConfig(),
|
|
14
|
+
var _useMediaConfig = useMediaConfig(propsMediaConfig),
|
|
14
15
|
mediaConfig = _useMediaConfig.data;
|
|
15
|
-
var presetTypeString = getExtensionsByIds(presetType);
|
|
16
|
-
var maxSizeMap = getMaxSizeByIds(presetType);
|
|
16
|
+
var presetTypeString = getExtensionsByIds(presetType || []);
|
|
17
|
+
var maxSizeMap = getMaxSizeByIds(presetType || []);
|
|
17
18
|
var maxCount = useMemo(function () {
|
|
18
19
|
var minArr = [];
|
|
19
20
|
if (isNumber(mediaConfig === null || mediaConfig === void 0 ? void 0 : mediaConfig.upload_onetime_limit)) {
|
|
@@ -44,14 +44,14 @@ export var getMediaTypeList = /*#__PURE__*/function () {
|
|
|
44
44
|
return _ref.apply(this, arguments);
|
|
45
45
|
};
|
|
46
46
|
}();
|
|
47
|
-
export var useMediaConfig = function useMediaConfig() {
|
|
48
|
-
var _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _context$appHelper$ut5, _context$appHelper$ut6, _context$appHelper$ut7, _context$appHelper$ut8;
|
|
47
|
+
export var useMediaConfig = function useMediaConfig(mediaConfig) {
|
|
48
|
+
var _context$appHelper, _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _context$appHelper$ut5, _context$appHelper$ut6, _context$appHelper$ut7, _context$appHelper$ut8;
|
|
49
49
|
var context = useEngineContext();
|
|
50
|
-
var data = (_context$appHelper
|
|
50
|
+
var data = (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : (_context$appHelper$ut = _context$appHelper.utils) === null || _context$appHelper$ut === void 0 ? void 0 : (_context$appHelper$ut2 = _context$appHelper$ut.getApp) === null || _context$appHelper$ut2 === void 0 ? void 0 : (_context$appHelper$ut3 = _context$appHelper$ut2.call(_context$appHelper$ut)) === null || _context$appHelper$ut3 === void 0 ? void 0 : (_context$appHelper$ut4 = _context$appHelper$ut3.data) === null || _context$appHelper$ut4 === void 0 ? void 0 : (_context$appHelper$ut5 = _context$appHelper$ut4.store) === null || _context$appHelper$ut5 === void 0 ? void 0 : (_context$appHelper$ut6 = _context$appHelper$ut5.getStore) === null || _context$appHelper$ut6 === void 0 ? void 0 : (_context$appHelper$ut7 = _context$appHelper$ut6.call(_context$appHelper$ut5)) === null || _context$appHelper$ut7 === void 0 ? void 0 : (_context$appHelper$ut8 = _context$appHelper$ut7.getDataByModel) === null || _context$appHelper$ut8 === void 0 ? void 0 : _context$appHelper$ut8.call(_context$appHelper$ut7, 'core', 'core');
|
|
51
51
|
return {
|
|
52
52
|
data: {
|
|
53
|
-
upload_onetime_limit: data === null || data === void 0 ? void 0 : data.media_upload_onetime_limit,
|
|
54
|
-
upload_maxsize: data === null || data === void 0 ? void 0 : data.media_upload_maxsize
|
|
53
|
+
upload_onetime_limit: (mediaConfig === null || mediaConfig === void 0 ? void 0 : mediaConfig.upload_onetime_limit) || (data === null || data === void 0 ? void 0 : data.media_upload_onetime_limit),
|
|
54
|
+
upload_maxsize: (mediaConfig === null || mediaConfig === void 0 ? void 0 : mediaConfig.upload_maxsize) || (data === null || data === void 0 ? void 0 : data.media_upload_maxsize)
|
|
55
55
|
}
|
|
56
56
|
};
|
|
57
57
|
};
|
|
@@ -24,4 +24,12 @@ export interface UploadProps {
|
|
|
24
24
|
enableMultilingual?: boolean;
|
|
25
25
|
onChange?: UploadChangeHandler;
|
|
26
26
|
disabled?: boolean;
|
|
27
|
+
mediaUploadUrl?: string;
|
|
28
|
+
getHeaders?: () => Record<string, string>;
|
|
29
|
+
mediaConfig?: {
|
|
30
|
+
data: {
|
|
31
|
+
upload_onetime_limit: number;
|
|
32
|
+
upload_maxsize: number;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
27
35
|
}
|
|
@@ -20,10 +20,12 @@ declare const formFieldMap: {
|
|
|
20
20
|
Subdomain: import("react").FC<import("antd").InputProps & {
|
|
21
21
|
onChange: (value: string) => void;
|
|
22
22
|
onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
|
|
23
|
-
rootDomain:
|
|
23
|
+
rootDomain: "custom" | "saas" | "xzero";
|
|
24
24
|
customDomain?: string | undefined;
|
|
25
25
|
value?: string | undefined;
|
|
26
|
-
|
|
26
|
+
tenantId: string;
|
|
27
|
+
name?: string | undefined;
|
|
28
|
+
fieldKey?: string | undefined;
|
|
27
29
|
} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
|
|
28
30
|
};
|
|
29
31
|
FormItemRadio: import("react").FC<{}> & {
|
|
@@ -75,10 +77,12 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
|
|
|
75
77
|
Subdomain: import("react").FC<import("antd").InputProps & {
|
|
76
78
|
onChange: (value: string) => void;
|
|
77
79
|
onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
|
|
78
|
-
rootDomain:
|
|
80
|
+
rootDomain: "custom" | "saas" | "xzero";
|
|
79
81
|
customDomain?: string | undefined;
|
|
80
82
|
value?: string | undefined;
|
|
81
|
-
|
|
83
|
+
tenantId: string;
|
|
84
|
+
name?: string | undefined;
|
|
85
|
+
fieldKey?: string | undefined;
|
|
82
86
|
} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
|
|
83
87
|
}) | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
|
|
84
88
|
Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
|
|
@@ -10,6 +10,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
|
|
|
10
10
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
11
11
|
import { isString } from '@pisell/utils';
|
|
12
12
|
var formFieldFilterFuncMap = {
|
|
13
|
+
// @ts-ignore
|
|
13
14
|
Checkbox: function Checkbox(value) {
|
|
14
15
|
var key = value ? '$isTruly' : '$isFalsy';
|
|
15
16
|
return _defineProperty({}, key, true);
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export interface ActionsContextType {
|
|
3
|
-
|
|
3
|
+
visible?: boolean;
|
|
4
|
+
setVisible?: (visible: boolean) => void;
|
|
5
|
+
refreshTableData?: () => void;
|
|
6
|
+
onClose?: () => void;
|
|
7
|
+
beforeClose?: () => boolean | Promise<boolean>;
|
|
8
|
+
setBeforeClose?: (beforeClose: () => boolean | Promise<boolean>) => void;
|
|
4
9
|
}
|
|
5
10
|
declare const ActionsContext: import("react").Context<ActionsContextType>;
|
|
6
11
|
export default ActionsContext;
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ActionsContextType } from './ActionsContext';
|
|
3
|
+
interface ActionsProviderProps extends ActionsContextType {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
}
|
|
3
6
|
/**
|
|
4
7
|
* 自定义请求的provider
|
|
5
8
|
* @param props
|
|
6
9
|
* @constructor
|
|
7
10
|
*/
|
|
8
|
-
declare const ActionsProvider: React.FC<
|
|
11
|
+
declare const ActionsProvider: React.FC<ActionsProviderProps>;
|
|
9
12
|
export default ActionsProvider;
|
|
@@ -9,7 +9,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
9
9
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
10
10
|
import React from 'react';
|
|
11
11
|
import ActionsContext from "./ActionsContext";
|
|
12
|
-
|
|
13
12
|
/**
|
|
14
13
|
* 自定义请求的provider
|
|
15
14
|
* @param props
|
|
@@ -92,6 +92,9 @@ Form.Item = function (props) {
|
|
|
92
92
|
requiredobj = props.requiredobj,
|
|
93
93
|
typeobj = props.typeobj,
|
|
94
94
|
patternobj = props.patternobj,
|
|
95
|
+
subdomainobj = props.subdomainobj,
|
|
96
|
+
phoneobj = props.phoneobj,
|
|
97
|
+
mobileobj = props.mobileobj,
|
|
95
98
|
lenobj = props.lenobj,
|
|
96
99
|
_validator = props.validator;
|
|
97
100
|
var rules = isArr(propsRules) ? propsRules : [];
|
|
@@ -104,6 +107,15 @@ Form.Item = function (props) {
|
|
|
104
107
|
if (patternobj && patternobj.pattern) {
|
|
105
108
|
rules.push(patternobj);
|
|
106
109
|
}
|
|
110
|
+
if (subdomainobj && subdomainobj.subdomain) {
|
|
111
|
+
rules.push(subdomainobj);
|
|
112
|
+
}
|
|
113
|
+
if (phoneobj && phoneobj.phone) {
|
|
114
|
+
rules.push(phoneobj);
|
|
115
|
+
}
|
|
116
|
+
if (mobileobj && mobileobj.mobile) {
|
|
117
|
+
rules.push(mobileobj);
|
|
118
|
+
}
|
|
107
119
|
if (lenobj && (lenobj.max || lenobj.min)) {
|
|
108
120
|
rules.push(lenobj);
|
|
109
121
|
}
|
|
@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
2
2
|
import { createFromIconfontCN } from '@ant-design/icons';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
var MyIcon = createFromIconfontCN({
|
|
5
|
-
scriptUrl: 'https://static.pisellcdn.com/
|
|
5
|
+
scriptUrl: 'https://static.pisellcdn.com/pisell2/iconfont_1.0.js' // 在 iconfont.cn 上生成
|
|
6
6
|
});
|
|
7
7
|
|
|
8
8
|
var IconFont = function IconFont(props) {
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { CSSProperties } from 'react';
|
|
2
|
+
import './Action.less';
|
|
3
|
+
export interface Props extends React.HTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
active?: {
|
|
5
|
+
fill: string;
|
|
6
|
+
background: string;
|
|
7
|
+
};
|
|
8
|
+
cursor?: CSSProperties['cursor'];
|
|
9
|
+
}
|
|
10
|
+
export declare const Action: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
var _excluded = ["active", "className", "cursor", "style"];
|
|
3
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
7
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
8
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
9
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
10
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
11
|
+
import classNames from 'classnames';
|
|
12
|
+
import React, { forwardRef } from 'react';
|
|
13
|
+
import "./Action.less";
|
|
14
|
+
export var Action = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
15
|
+
var active = _ref.active,
|
|
16
|
+
className = _ref.className,
|
|
17
|
+
cursor = _ref.cursor,
|
|
18
|
+
style = _ref.style,
|
|
19
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
|
+
return /*#__PURE__*/React.createElement("button", _extends({
|
|
21
|
+
ref: ref
|
|
22
|
+
}, props, {
|
|
23
|
+
className: classNames('Action', className),
|
|
24
|
+
tabIndex: 0,
|
|
25
|
+
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
26
|
+
cursor: cursor,
|
|
27
|
+
'--fill': active === null || active === void 0 ? void 0 : active.fill,
|
|
28
|
+
'--background': active === null || active === void 0 ? void 0 : active.background
|
|
29
|
+
})
|
|
30
|
+
}));
|
|
31
|
+
});
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
@focused-outline-color: #4c9ffe;
|
|
2
|
+
|
|
3
|
+
.Action {
|
|
4
|
+
display: flex;
|
|
5
|
+
width: 12px;
|
|
6
|
+
padding: 15px;
|
|
7
|
+
align-items: center;
|
|
8
|
+
justify-content: center;
|
|
9
|
+
flex: 0 0 auto;
|
|
10
|
+
touch-action: none;
|
|
11
|
+
cursor: var(--cursor, pointer);
|
|
12
|
+
border-radius: 5px;
|
|
13
|
+
border: none;
|
|
14
|
+
outline: none;
|
|
15
|
+
appearance: none;
|
|
16
|
+
background-color: transparent;
|
|
17
|
+
-webkit-tap-highlight-color: transparent;
|
|
18
|
+
|
|
19
|
+
@media (hover: hover) {
|
|
20
|
+
&:hover {
|
|
21
|
+
background-color: var(--action-background, rgba(0, 0, 0, 0.05));
|
|
22
|
+
|
|
23
|
+
svg {
|
|
24
|
+
fill: #6f7b88;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
svg {
|
|
30
|
+
flex: 0 0 auto;
|
|
31
|
+
margin: auto;
|
|
32
|
+
height: 100%;
|
|
33
|
+
overflow: visible;
|
|
34
|
+
fill: #919eab;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
&:active {
|
|
38
|
+
background-color: var(--background, rgba(0, 0, 0, 0.05));
|
|
39
|
+
|
|
40
|
+
svg {
|
|
41
|
+
fill: var(--fill, #788491);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
&:focus-visible {
|
|
46
|
+
outline: none;
|
|
47
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0),
|
|
48
|
+
0 0px 0px 2px @focused-outline-color;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Action } from "./Action";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
import { Action } from "../Action";
|
|
4
|
+
export var Handle = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
5
|
+
return /*#__PURE__*/React.createElement(Action, _extends({
|
|
6
|
+
ref: ref,
|
|
7
|
+
cursor: "grab",
|
|
8
|
+
"data-cypress": "draggable-handle"
|
|
9
|
+
}, props), /*#__PURE__*/React.createElement("svg", {
|
|
10
|
+
viewBox: "0 0 20 20",
|
|
11
|
+
width: "12"
|
|
12
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
13
|
+
d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
|
|
14
|
+
})));
|
|
15
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Handle } from './Handle';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Handle } from "./Handle";
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Action } from "../Action";
|
|
4
|
+
export function Remove(props) {
|
|
5
|
+
return /*#__PURE__*/React.createElement(Action, _extends({}, props, {
|
|
6
|
+
active: {
|
|
7
|
+
fill: 'rgba(255, 70, 70, 0.95)',
|
|
8
|
+
background: 'rgba(255, 70, 70, 0.1)'
|
|
9
|
+
}
|
|
10
|
+
}), /*#__PURE__*/React.createElement("svg", {
|
|
11
|
+
width: "8",
|
|
12
|
+
viewBox: "0 0 22 22",
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
14
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
15
|
+
d: "M2.99998 -0.000206962C2.7441 -0.000206962 2.48794 0.0972617 2.29294 0.292762L0.292945 2.29276C-0.0980552 2.68376 -0.0980552 3.31682 0.292945 3.70682L7.58591 10.9998L0.292945 18.2928C-0.0980552 18.6838 -0.0980552 19.3168 0.292945 19.7068L2.29294 21.7068C2.68394 22.0978 3.31701 22.0978 3.70701 21.7068L11 14.4139L18.2929 21.7068C18.6829 22.0978 19.317 22.0978 19.707 21.7068L21.707 19.7068C22.098 19.3158 22.098 18.6828 21.707 18.2928L14.414 10.9998L21.707 3.70682C22.098 3.31682 22.098 2.68276 21.707 2.29276L19.707 0.292762C19.316 -0.0982383 18.6829 -0.0982383 18.2929 0.292762L11 7.58573L3.70701 0.292762C3.51151 0.0972617 3.25585 -0.000206962 2.99998 -0.000206962Z"
|
|
16
|
+
})));
|
|
17
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Remove } from './Remove';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Remove } from "./Remove";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { UniqueIdentifier } from '@dnd-kit/core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Props as TreeItemProps } from './TreeItem';
|
|
4
|
+
interface Props extends TreeItemProps {
|
|
5
|
+
id: UniqueIdentifier;
|
|
6
|
+
}
|
|
7
|
+
export declare function SortableTreeItem({ id, depth, ...props }: Props): React.JSX.Element;
|
|
8
|
+
export {};
|