@pisell/materials 6.0.10 → 6.0.12
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 +7 -7
- package/build/lowcode/render/default/view.css +1 -1
- package/build/lowcode/render/default/view.js +22 -22
- package/build/lowcode/view.css +1 -1
- package/build/lowcode/view.js +22 -22
- package/dist/umd/materials.min.css +1 -0
- package/dist/umd/materials.min.js +1 -0
- package/dist/umd/static/DotsSix.57d66266.svg +1 -0
- package/dist/umd/static/arrow-left.e542294f.svg +1 -0
- package/dist/umd/static/arrow-right.763f03e0.svg +1 -0
- package/dist/umd/static/filter-lines.04a54ae9.svg +1 -0
- package/dist/umd/static/help-circle.31c9be40.svg +1 -0
- package/dist/umd/static/switch-vertical-01.7ebe3ba8.svg +1 -0
- 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 +120 -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/useTableProps.d.ts +3 -3
- package/es/components/dataSourceComponents/fields/Input/index.d.ts +4 -0
- package/es/components/dataSourceComponents/fields/Input/index.js +5 -1
- package/es/components/dataSourceComponents/fields/Input.Mobile/ReadPretty.d.ts +5 -0
- package/es/components/dataSourceComponents/fields/Input.Mobile/ReadPretty.js +28 -0
- package/es/components/dataSourceComponents/fields/Input.Mobile/ReadPretty.less +11 -0
- package/es/components/dataSourceComponents/fields/Input.Mobile/WithMode.d.ts +10 -0
- package/es/components/dataSourceComponents/fields/Input.Mobile/WithMode.js +212 -0
- package/es/components/dataSourceComponents/fields/Input.Mobile/index.d.ts +3 -0
- package/es/components/dataSourceComponents/fields/Input.Mobile/index.js +14 -0
- package/es/components/dataSourceComponents/fields/Input.Mobile/serve.d.ts +24 -0
- package/es/components/dataSourceComponents/fields/Input.Mobile/serve.js +59 -0
- package/es/components/dataSourceComponents/fields/Input.Mobile/type.d.ts +5 -0
- package/es/components/dataSourceComponents/fields/Input.Mobile/type.js +1 -0
- package/es/components/dataSourceComponents/fields/Input.Phone/WithMode.d.ts +2 -3
- package/es/components/dataSourceComponents/fields/Input.Phone/WithMode.js +76 -19
- package/es/components/dataSourceComponents/fields/Input.Subdomain/ReadPretty.d.ts +5 -0
- package/es/components/dataSourceComponents/fields/Input.Subdomain/ReadPretty.js +13 -0
- package/es/components/dataSourceComponents/fields/Input.Subdomain/ReadPretty.less +11 -0
- package/es/components/dataSourceComponents/fields/Input.Subdomain/WithMode.d.ts +13 -0
- package/es/components/dataSourceComponents/fields/Input.Subdomain/WithMode.js +206 -0
- package/es/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts +12 -0
- package/es/components/dataSourceComponents/fields/Input.Subdomain/index.js +4 -0
- package/es/components/dataSourceComponents/fields/Input.Subdomain/serve.d.ts +11 -0
- package/es/components/dataSourceComponents/fields/Input.Subdomain/serve.js +63 -0
- package/es/components/dataSourceComponents/fields/Input.Subdomain/type.d.ts +5 -0
- package/es/components/dataSourceComponents/fields/Input.Subdomain/type.js +1 -0
- 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 +25 -2
- package/es/components/dataSourceComponents/fields/index.js +1 -0
- 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 +8 -0
- package/es/components/pisellLayout/content.js +29 -0
- package/es/components/pisellLayout/footer.d.ts +7 -0
- package/es/components/pisellLayout/footer.js +12 -0
- package/es/components/pisellLayout/header.d.ts +7 -0
- package/es/components/pisellLayout/header.js +12 -0
- package/es/components/pisellLayout/index.d.ts +14 -0
- package/es/components/pisellLayout/index.js +15 -0
- package/es/components/pisellLayout/sider.d.ts +7 -0
- package/es/components/pisellLayout/sider.js +12 -0
- 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/table/Table/utils.d.ts +1 -1
- 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 +92 -120
- package/es/index.js +92 -144
- 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 +138 -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/useTableProps.d.ts +3 -3
- package/lib/components/dataSourceComponents/fields/Input/index.d.ts +4 -0
- package/lib/components/dataSourceComponents/fields/Input/index.js +4 -0
- package/lib/components/dataSourceComponents/fields/Input.Mobile/ReadPretty.d.ts +5 -0
- package/lib/components/dataSourceComponents/fields/Input.Mobile/ReadPretty.js +58 -0
- package/lib/components/dataSourceComponents/fields/Input.Mobile/ReadPretty.less +11 -0
- package/lib/components/dataSourceComponents/fields/Input.Mobile/WithMode.d.ts +10 -0
- package/lib/components/dataSourceComponents/fields/Input.Mobile/WithMode.js +171 -0
- package/lib/components/dataSourceComponents/fields/Input.Mobile/index.d.ts +3 -0
- package/lib/components/dataSourceComponents/fields/Input.Mobile/index.js +48 -0
- package/lib/components/dataSourceComponents/fields/Input.Mobile/serve.d.ts +24 -0
- package/lib/components/dataSourceComponents/fields/Input.Mobile/serve.js +55 -0
- package/lib/components/dataSourceComponents/fields/Input.Mobile/type.d.ts +5 -0
- package/lib/components/dataSourceComponents/fields/Input.Mobile/type.js +17 -0
- package/lib/components/dataSourceComponents/fields/Input.Phone/WithMode.d.ts +2 -3
- package/lib/components/dataSourceComponents/fields/Input.Phone/WithMode.js +36 -17
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/ReadPretty.d.ts +5 -0
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/ReadPretty.js +50 -0
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/ReadPretty.less +11 -0
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/WithMode.d.ts +13 -0
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/WithMode.js +167 -0
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts +12 -0
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/index.js +38 -0
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/serve.d.ts +11 -0
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/serve.js +65 -0
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/type.d.ts +5 -0
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/type.js +17 -0
- 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 +25 -2
- package/lib/components/dataSourceComponents/fields/index.js +1 -0
- 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 +8 -0
- package/lib/components/pisellLayout/content.js +50 -0
- package/lib/components/pisellLayout/footer.d.ts +7 -0
- package/lib/components/pisellLayout/footer.js +42 -0
- package/lib/components/pisellLayout/header.d.ts +7 -0
- package/lib/components/pisellLayout/header.js +42 -0
- package/lib/components/pisellLayout/index.d.ts +14 -0
- package/lib/components/pisellLayout/index.js +45 -0
- package/lib/components/pisellLayout/sider.d.ts +7 -0
- package/lib/components/pisellLayout/sider.js +42 -0
- 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/table/Table/utils.d.ts +1 -1
- 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 +92 -120
- package/lib/index.js +146 -157
- 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/constants.ts +4 -0
- package/lowcode/data-source-form/meta.ts +138 -1
- package/lowcode/data-source-form/snippets.ts +54 -0
- package/lowcode/data-source-form/utils.ts +5 -1
- 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 +301 -0
- package/lowcode/form-item-input.mobile/snippets.ts +27 -0
- package/lowcode/form-item-input.phone/meta.ts +9 -43
- package/lowcode/form-item-input.phone/snippets.ts +8 -2
- package/lowcode/form-item-input.subdomain/__screenshots__/subdomain.png +0 -0
- package/lowcode/form-item-input.subdomain/meta.ts +318 -0
- package/lowcode/form-item-input.subdomain/snippets.ts +27 -0
- package/lowcode/form.item/meta.ts +48 -0
- package/lowcode/pisell-content/meta.ts +86 -0
- package/lowcode/pisell-draggable/meta.ts +190 -0
- package/lowcode/pisell-footer/meta.ts +81 -0
- package/lowcode/pisell-header/meta.ts +83 -0
- package/lowcode/pisell-layout/meta.ts +174 -0
- package/lowcode/pisell-menu/meta.ts +112 -0
- package/lowcode/pisell-sider/meta.ts +142 -0
- package/lowcode/pisell-text/meta.ts +9 -8080
- package/package.json +1 -1
|
@@ -0,0 +1,271 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/components/pisellDraggable/index.tsx
|
|
30
|
+
var pisellDraggable_exports = {};
|
|
31
|
+
__export(pisellDraggable_exports, {
|
|
32
|
+
SortableTree: () => SortableTree,
|
|
33
|
+
default: () => pisellDraggable_default
|
|
34
|
+
});
|
|
35
|
+
module.exports = __toCommonJS(pisellDraggable_exports);
|
|
36
|
+
var import_core = require("@dnd-kit/core");
|
|
37
|
+
var import_sortable = require("@dnd-kit/sortable");
|
|
38
|
+
var import_react = __toESM(require("react"));
|
|
39
|
+
var import_react_dom = require("react-dom");
|
|
40
|
+
var import_utilities = require("@dnd-kit/utilities");
|
|
41
|
+
var import_components = require("./components");
|
|
42
|
+
var import_utilities2 = require("./utilities");
|
|
43
|
+
var initialItems = [
|
|
44
|
+
{
|
|
45
|
+
id: "Home",
|
|
46
|
+
children: []
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
id: "Collections",
|
|
50
|
+
children: [
|
|
51
|
+
{ id: "Spring", children: [] },
|
|
52
|
+
{ id: "Summer", children: [] },
|
|
53
|
+
{ id: "Fall", children: [] },
|
|
54
|
+
{ id: "Winter", children: [] }
|
|
55
|
+
]
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
id: "About Us",
|
|
59
|
+
children: []
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
id: "My Account",
|
|
63
|
+
children: [
|
|
64
|
+
{ id: "Addresses", children: [] },
|
|
65
|
+
{ id: "Order History", children: [] }
|
|
66
|
+
]
|
|
67
|
+
}
|
|
68
|
+
];
|
|
69
|
+
var measuring = {
|
|
70
|
+
droppable: {
|
|
71
|
+
strategy: import_core.MeasuringStrategy.Always
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
var dropAnimationConfig = {
|
|
75
|
+
keyframes({ transform }) {
|
|
76
|
+
return [
|
|
77
|
+
{ opacity: 1, transform: import_utilities.CSS.Transform.toString(transform.initial) },
|
|
78
|
+
{
|
|
79
|
+
opacity: 0,
|
|
80
|
+
transform: import_utilities.CSS.Transform.toString({
|
|
81
|
+
...transform.final,
|
|
82
|
+
x: transform.final.x + 5,
|
|
83
|
+
y: transform.final.y + 5
|
|
84
|
+
})
|
|
85
|
+
}
|
|
86
|
+
];
|
|
87
|
+
},
|
|
88
|
+
easing: "ease-out",
|
|
89
|
+
sideEffects({ active }) {
|
|
90
|
+
active.node.animate([{ opacity: 0 }, { opacity: 1 }], {
|
|
91
|
+
duration: import_core.defaultDropAnimation.duration,
|
|
92
|
+
easing: import_core.defaultDropAnimation.easing
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
};
|
|
96
|
+
function SortableTree({
|
|
97
|
+
collapsible = true,
|
|
98
|
+
value = initialItems,
|
|
99
|
+
indicator = false,
|
|
100
|
+
indentationWidth = 50,
|
|
101
|
+
removable = true,
|
|
102
|
+
renderItem,
|
|
103
|
+
onChange,
|
|
104
|
+
onRemoveBefore
|
|
105
|
+
}) {
|
|
106
|
+
const [items, setItems] = (0, import_react.useState)([]);
|
|
107
|
+
const [activeId, setActiveId] = (0, import_react.useState)(null);
|
|
108
|
+
const [overId, setOverId] = (0, import_react.useState)(null);
|
|
109
|
+
const [offsetLeft, setOffsetLeft] = (0, import_react.useState)(0);
|
|
110
|
+
(0, import_react.useEffect)(() => {
|
|
111
|
+
console.log("初始化", value);
|
|
112
|
+
setItems(value);
|
|
113
|
+
}, [value]);
|
|
114
|
+
const flattenedItems = (0, import_react.useMemo)(() => {
|
|
115
|
+
const flattenedTree = (0, import_utilities2.flattenTree)(items);
|
|
116
|
+
const collapsedItems = flattenedTree.reduce(
|
|
117
|
+
(acc, { children, collapsed, id }) => collapsed && children.length ? [...acc, id] : acc,
|
|
118
|
+
[]
|
|
119
|
+
);
|
|
120
|
+
return (0, import_utilities2.removeChildrenOf)(
|
|
121
|
+
flattenedTree,
|
|
122
|
+
activeId != null ? [activeId, ...collapsedItems] : collapsedItems
|
|
123
|
+
);
|
|
124
|
+
}, [activeId, items]);
|
|
125
|
+
const projected = activeId && overId ? (0, import_utilities2.getProjection)(
|
|
126
|
+
flattenedItems,
|
|
127
|
+
activeId,
|
|
128
|
+
overId,
|
|
129
|
+
offsetLeft,
|
|
130
|
+
indentationWidth
|
|
131
|
+
) : null;
|
|
132
|
+
const sensorContext = (0, import_react.useRef)({
|
|
133
|
+
items: flattenedItems,
|
|
134
|
+
offset: offsetLeft
|
|
135
|
+
});
|
|
136
|
+
const sensors = (0, import_core.useSensors)((0, import_core.useSensor)(import_core.PointerSensor));
|
|
137
|
+
const sortedIds = (0, import_react.useMemo)(
|
|
138
|
+
() => flattenedItems.map(({ id }) => id),
|
|
139
|
+
[flattenedItems]
|
|
140
|
+
);
|
|
141
|
+
const activeItem = activeId ? flattenedItems.find(({ id }) => id === activeId) : null;
|
|
142
|
+
(0, import_react.useEffect)(() => {
|
|
143
|
+
sensorContext.current = {
|
|
144
|
+
items: flattenedItems,
|
|
145
|
+
offset: offsetLeft
|
|
146
|
+
};
|
|
147
|
+
}, [flattenedItems, offsetLeft]);
|
|
148
|
+
(0, import_react.useEffect)(() => {
|
|
149
|
+
document.body.id = "body";
|
|
150
|
+
}, []);
|
|
151
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
152
|
+
import_core.DndContext,
|
|
153
|
+
{
|
|
154
|
+
sensors,
|
|
155
|
+
collisionDetection: import_core.closestCenter,
|
|
156
|
+
measuring,
|
|
157
|
+
onDragStart: handleDragStart,
|
|
158
|
+
onDragMove: handleDragMove,
|
|
159
|
+
onDragOver: handleDragOver,
|
|
160
|
+
onDragEnd: handleDragEnd,
|
|
161
|
+
onDragCancel: handleDragCancel
|
|
162
|
+
},
|
|
163
|
+
/* @__PURE__ */ import_react.default.createElement(import_sortable.SortableContext, { items: sortedIds, strategy: import_sortable.verticalListSortingStrategy }, flattenedItems.map((item) => {
|
|
164
|
+
const { id, children, collapsed, depth } = item;
|
|
165
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
166
|
+
import_components.SortableTreeItem,
|
|
167
|
+
{
|
|
168
|
+
key: id,
|
|
169
|
+
id,
|
|
170
|
+
item,
|
|
171
|
+
depth: id === activeId && projected ? projected.depth : depth,
|
|
172
|
+
indentationWidth,
|
|
173
|
+
indicator,
|
|
174
|
+
collapsed: Boolean(collapsed && children.length),
|
|
175
|
+
onCollapse: collapsible && children.length ? () => handleCollapse(id) : void 0,
|
|
176
|
+
onRemove: removable ? () => handleRemove(item) : void 0,
|
|
177
|
+
renderItem
|
|
178
|
+
}
|
|
179
|
+
);
|
|
180
|
+
}), (0, import_react_dom.createPortal)(
|
|
181
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
182
|
+
import_core.DragOverlay,
|
|
183
|
+
{
|
|
184
|
+
dropAnimation: dropAnimationConfig,
|
|
185
|
+
modifiers: indicator ? [adjustTranslate] : void 0
|
|
186
|
+
},
|
|
187
|
+
activeId && activeItem ? /* @__PURE__ */ import_react.default.createElement(
|
|
188
|
+
import_components.SortableTreeItem,
|
|
189
|
+
{
|
|
190
|
+
id: activeId,
|
|
191
|
+
depth: activeItem.depth,
|
|
192
|
+
clone: true,
|
|
193
|
+
childCount: (0, import_utilities2.getChildCount)(items, activeId) + 1,
|
|
194
|
+
item: activeItem,
|
|
195
|
+
indentationWidth,
|
|
196
|
+
renderItem
|
|
197
|
+
}
|
|
198
|
+
) : null
|
|
199
|
+
),
|
|
200
|
+
document.body
|
|
201
|
+
))
|
|
202
|
+
);
|
|
203
|
+
function handleDragStart({ active: { id: activeId2 } }) {
|
|
204
|
+
setActiveId(activeId2);
|
|
205
|
+
setOverId(activeId2);
|
|
206
|
+
document.body.style.setProperty("cursor", "grabbing");
|
|
207
|
+
}
|
|
208
|
+
function handleDragMove({ delta }) {
|
|
209
|
+
setOffsetLeft(delta.x);
|
|
210
|
+
}
|
|
211
|
+
function handleDragOver({ over }) {
|
|
212
|
+
setOverId((over == null ? void 0 : over.id) ?? null);
|
|
213
|
+
}
|
|
214
|
+
function handleDragEnd({ active, over }) {
|
|
215
|
+
resetState();
|
|
216
|
+
if (projected && over) {
|
|
217
|
+
const { depth, parentId } = projected;
|
|
218
|
+
const clonedItems = JSON.parse(
|
|
219
|
+
JSON.stringify((0, import_utilities2.flattenTree)(items))
|
|
220
|
+
);
|
|
221
|
+
const overIndex = clonedItems.findIndex(({ id }) => id === over.id);
|
|
222
|
+
const activeIndex = clonedItems.findIndex(({ id }) => id === active.id);
|
|
223
|
+
const activeTreeItem = clonedItems[activeIndex];
|
|
224
|
+
clonedItems[activeIndex] = { ...activeTreeItem, depth, parentId };
|
|
225
|
+
const sortedItems = (0, import_sortable.arrayMove)(clonedItems, activeIndex, overIndex);
|
|
226
|
+
const newItems = (0, import_utilities2.buildTree)(sortedItems);
|
|
227
|
+
setItems(newItems);
|
|
228
|
+
onChange == null ? void 0 : onChange(newItems);
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
function handleDragCancel() {
|
|
232
|
+
resetState();
|
|
233
|
+
}
|
|
234
|
+
function resetState() {
|
|
235
|
+
setOverId(null);
|
|
236
|
+
setActiveId(null);
|
|
237
|
+
setOffsetLeft(0);
|
|
238
|
+
document.body.style.setProperty("cursor", "");
|
|
239
|
+
}
|
|
240
|
+
async function handleRemove(item) {
|
|
241
|
+
if (onRemoveBefore) {
|
|
242
|
+
let res = await (onRemoveBefore == null ? void 0 : onRemoveBefore(item));
|
|
243
|
+
if (!res) {
|
|
244
|
+
return;
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
setItems((items2) => (0, import_utilities2.removeItem)(items2, item.id));
|
|
248
|
+
onChange == null ? void 0 : onChange(items);
|
|
249
|
+
}
|
|
250
|
+
function handleCollapse(id) {
|
|
251
|
+
setItems(
|
|
252
|
+
(items2) => (0, import_utilities2.setProperty)(items2, id, "collapsed", (value2) => {
|
|
253
|
+
return !value2;
|
|
254
|
+
})
|
|
255
|
+
);
|
|
256
|
+
}
|
|
257
|
+
}
|
|
258
|
+
var adjustTranslate = ({ transform }) => {
|
|
259
|
+
return {
|
|
260
|
+
...transform,
|
|
261
|
+
y: transform.y - 25
|
|
262
|
+
};
|
|
263
|
+
};
|
|
264
|
+
var Demo = () => {
|
|
265
|
+
return /* @__PURE__ */ import_react.default.createElement(SortableTree, null);
|
|
266
|
+
};
|
|
267
|
+
var pisellDraggable_default = Demo;
|
|
268
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
269
|
+
0 && (module.exports = {
|
|
270
|
+
SortableTree
|
|
271
|
+
});
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { MutableRefObject } from 'react';
|
|
2
|
+
import type { UniqueIdentifier } from '@dnd-kit/core';
|
|
3
|
+
export interface TreeItem {
|
|
4
|
+
id: UniqueIdentifier;
|
|
5
|
+
children: TreeItem[];
|
|
6
|
+
collapsed?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare type TreeItems = TreeItem[];
|
|
9
|
+
export interface FlattenedItem extends TreeItem {
|
|
10
|
+
parentId: UniqueIdentifier | null;
|
|
11
|
+
depth: number;
|
|
12
|
+
index: number;
|
|
13
|
+
}
|
|
14
|
+
export declare type SensorContext = MutableRefObject<{
|
|
15
|
+
items: FlattenedItem[];
|
|
16
|
+
offset: number;
|
|
17
|
+
}>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __copyProps = (to, from, except, desc) => {
|
|
6
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
for (let key of __getOwnPropNames(from))
|
|
8
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
9
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
10
|
+
}
|
|
11
|
+
return to;
|
|
12
|
+
};
|
|
13
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
14
|
+
|
|
15
|
+
// src/components/pisellDraggable/types.ts
|
|
16
|
+
var types_exports = {};
|
|
17
|
+
module.exports = __toCommonJS(types_exports);
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { UniqueIdentifier } from '@dnd-kit/core';
|
|
2
|
+
import type { FlattenedItem, TreeItem, TreeItems } from './types';
|
|
3
|
+
export declare const iOS: boolean;
|
|
4
|
+
export declare function getProjection(items: FlattenedItem[], activeId: UniqueIdentifier, overId: UniqueIdentifier, dragOffset: number, indentationWidth: number): {
|
|
5
|
+
depth: number;
|
|
6
|
+
maxDepth: number;
|
|
7
|
+
minDepth: number;
|
|
8
|
+
parentId: UniqueIdentifier | null;
|
|
9
|
+
};
|
|
10
|
+
export declare function flattenTree(items: TreeItems): FlattenedItem[];
|
|
11
|
+
export declare function buildTree(flattenedItems: FlattenedItem[]): TreeItems;
|
|
12
|
+
export declare function findItem(items: TreeItem[], itemId: UniqueIdentifier): TreeItem | undefined;
|
|
13
|
+
export declare function findItemDeep(items: TreeItems, itemId: UniqueIdentifier): TreeItem | undefined;
|
|
14
|
+
export declare function removeItem(items: TreeItems, id: UniqueIdentifier): TreeItem[];
|
|
15
|
+
export declare function setProperty<T extends keyof TreeItem>(items: TreeItems, id: UniqueIdentifier, property: T, setter: (value: TreeItem[T]) => TreeItem[T]): TreeItem[];
|
|
16
|
+
export declare function getChildCount(items: TreeItems, id: UniqueIdentifier): number;
|
|
17
|
+
export declare function removeChildrenOf(items: FlattenedItem[], ids: UniqueIdentifier[]): FlattenedItem[];
|
|
@@ -0,0 +1,190 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all)
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
+
};
|
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
}
|
|
15
|
+
return to;
|
|
16
|
+
};
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
+
|
|
19
|
+
// src/components/pisellDraggable/utilities.ts
|
|
20
|
+
var utilities_exports = {};
|
|
21
|
+
__export(utilities_exports, {
|
|
22
|
+
buildTree: () => buildTree,
|
|
23
|
+
findItem: () => findItem,
|
|
24
|
+
findItemDeep: () => findItemDeep,
|
|
25
|
+
flattenTree: () => flattenTree,
|
|
26
|
+
getChildCount: () => getChildCount,
|
|
27
|
+
getProjection: () => getProjection,
|
|
28
|
+
iOS: () => iOS,
|
|
29
|
+
removeChildrenOf: () => removeChildrenOf,
|
|
30
|
+
removeItem: () => removeItem,
|
|
31
|
+
setProperty: () => setProperty
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(utilities_exports);
|
|
34
|
+
var import_sortable = require("@dnd-kit/sortable");
|
|
35
|
+
var iOS = /iPad|iPhone|iPod/.test(navigator.platform);
|
|
36
|
+
function getDragDepth(offset, indentationWidth) {
|
|
37
|
+
return Math.round(offset / indentationWidth);
|
|
38
|
+
}
|
|
39
|
+
function getProjection(items, activeId, overId, dragOffset, indentationWidth) {
|
|
40
|
+
const overItemIndex = items.findIndex(({ id }) => id === overId);
|
|
41
|
+
const activeItemIndex = items.findIndex(({ id }) => id === activeId);
|
|
42
|
+
const activeItem = items[activeItemIndex];
|
|
43
|
+
const newItems = (0, import_sortable.arrayMove)(items, activeItemIndex, overItemIndex);
|
|
44
|
+
const previousItem = newItems[overItemIndex - 1];
|
|
45
|
+
const nextItem = newItems[overItemIndex + 1];
|
|
46
|
+
const dragDepth = getDragDepth(dragOffset, indentationWidth);
|
|
47
|
+
const projectedDepth = activeItem.depth + dragDepth;
|
|
48
|
+
const maxDepth = getMaxDepth({
|
|
49
|
+
previousItem
|
|
50
|
+
});
|
|
51
|
+
const minDepth = getMinDepth({ nextItem });
|
|
52
|
+
let depth = projectedDepth;
|
|
53
|
+
if (projectedDepth >= maxDepth) {
|
|
54
|
+
depth = maxDepth;
|
|
55
|
+
} else if (projectedDepth < minDepth) {
|
|
56
|
+
depth = minDepth;
|
|
57
|
+
}
|
|
58
|
+
return { depth, maxDepth, minDepth, parentId: getParentId() };
|
|
59
|
+
function getParentId() {
|
|
60
|
+
var _a;
|
|
61
|
+
if (depth === 0 || !previousItem) {
|
|
62
|
+
return null;
|
|
63
|
+
}
|
|
64
|
+
if (depth === previousItem.depth) {
|
|
65
|
+
return previousItem.parentId;
|
|
66
|
+
}
|
|
67
|
+
if (depth > previousItem.depth) {
|
|
68
|
+
return previousItem.id;
|
|
69
|
+
}
|
|
70
|
+
const newParent = (_a = newItems.slice(0, overItemIndex).reverse().find((item) => item.depth === depth)) == null ? void 0 : _a.parentId;
|
|
71
|
+
return newParent ?? null;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
function getMaxDepth({ previousItem }) {
|
|
75
|
+
if (previousItem) {
|
|
76
|
+
return previousItem.depth + 1;
|
|
77
|
+
}
|
|
78
|
+
return 0;
|
|
79
|
+
}
|
|
80
|
+
function getMinDepth({ nextItem }) {
|
|
81
|
+
if (nextItem) {
|
|
82
|
+
return nextItem.depth;
|
|
83
|
+
}
|
|
84
|
+
return 0;
|
|
85
|
+
}
|
|
86
|
+
function flatten(items, parentId = null, depth = 0) {
|
|
87
|
+
return items.reduce((acc, item, index) => {
|
|
88
|
+
return [
|
|
89
|
+
...acc,
|
|
90
|
+
{ ...item, parentId, depth, index },
|
|
91
|
+
...flatten(item.children, item.id, depth + 1)
|
|
92
|
+
];
|
|
93
|
+
}, []);
|
|
94
|
+
}
|
|
95
|
+
function flattenTree(items) {
|
|
96
|
+
return flatten(items);
|
|
97
|
+
}
|
|
98
|
+
function buildTree(flattenedItems) {
|
|
99
|
+
const root = { id: "root", children: [] };
|
|
100
|
+
const nodes = { [root.id]: root };
|
|
101
|
+
const items = flattenedItems.map((item) => ({ ...item, children: [] }));
|
|
102
|
+
for (const item of items) {
|
|
103
|
+
const { id, children } = item;
|
|
104
|
+
const parentId = item.parentId ?? root.id;
|
|
105
|
+
const parent = nodes[parentId] ?? findItem(items, parentId);
|
|
106
|
+
nodes[id] = { id, children };
|
|
107
|
+
parent.children.push(item);
|
|
108
|
+
}
|
|
109
|
+
return root.children;
|
|
110
|
+
}
|
|
111
|
+
function findItem(items, itemId) {
|
|
112
|
+
return items.find(({ id }) => id === itemId);
|
|
113
|
+
}
|
|
114
|
+
function findItemDeep(items, itemId) {
|
|
115
|
+
for (const item of items) {
|
|
116
|
+
const { id, children } = item;
|
|
117
|
+
if (id === itemId) {
|
|
118
|
+
return item;
|
|
119
|
+
}
|
|
120
|
+
if (children.length) {
|
|
121
|
+
const child = findItemDeep(children, itemId);
|
|
122
|
+
if (child) {
|
|
123
|
+
return child;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
return void 0;
|
|
128
|
+
}
|
|
129
|
+
function removeItem(items, id) {
|
|
130
|
+
const newItems = [];
|
|
131
|
+
for (const item of items) {
|
|
132
|
+
if (item.id === id) {
|
|
133
|
+
continue;
|
|
134
|
+
}
|
|
135
|
+
if (item.children.length) {
|
|
136
|
+
item.children = removeItem(item.children, id);
|
|
137
|
+
}
|
|
138
|
+
newItems.push(item);
|
|
139
|
+
}
|
|
140
|
+
return newItems;
|
|
141
|
+
}
|
|
142
|
+
function setProperty(items, id, property, setter) {
|
|
143
|
+
for (const item of items) {
|
|
144
|
+
if (item.id === id) {
|
|
145
|
+
item[property] = setter(item[property]);
|
|
146
|
+
continue;
|
|
147
|
+
}
|
|
148
|
+
if (item.children.length) {
|
|
149
|
+
item.children = setProperty(item.children, id, property, setter);
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
return [...items];
|
|
153
|
+
}
|
|
154
|
+
function countChildren(items, count = 0) {
|
|
155
|
+
return items.reduce((acc, { children }) => {
|
|
156
|
+
if (children.length) {
|
|
157
|
+
return countChildren(children, acc + 1);
|
|
158
|
+
}
|
|
159
|
+
return acc + 1;
|
|
160
|
+
}, count);
|
|
161
|
+
}
|
|
162
|
+
function getChildCount(items, id) {
|
|
163
|
+
const item = findItemDeep(items, id);
|
|
164
|
+
return item ? countChildren(item.children) : 0;
|
|
165
|
+
}
|
|
166
|
+
function removeChildrenOf(items, ids) {
|
|
167
|
+
const excludeParentIds = [...ids];
|
|
168
|
+
return items.filter((item) => {
|
|
169
|
+
if (item.parentId && excludeParentIds.includes(item.parentId)) {
|
|
170
|
+
if (item.children.length) {
|
|
171
|
+
excludeParentIds.push(item.id);
|
|
172
|
+
}
|
|
173
|
+
return false;
|
|
174
|
+
}
|
|
175
|
+
return true;
|
|
176
|
+
});
|
|
177
|
+
}
|
|
178
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
179
|
+
0 && (module.exports = {
|
|
180
|
+
buildTree,
|
|
181
|
+
findItem,
|
|
182
|
+
findItemDeep,
|
|
183
|
+
flattenTree,
|
|
184
|
+
getChildCount,
|
|
185
|
+
getProjection,
|
|
186
|
+
iOS,
|
|
187
|
+
removeChildrenOf,
|
|
188
|
+
removeItem,
|
|
189
|
+
setProperty
|
|
190
|
+
});
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { LayoutProps } from 'antd';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export interface PisellContentProps extends Omit<LayoutProps, 'prefixCls'> {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
__designMode?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const PisellContent: React.FC<PisellContentProps>;
|
|
8
|
+
export default PisellContent;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/components/pisellLayout/content.tsx
|
|
30
|
+
var content_exports = {};
|
|
31
|
+
__export(content_exports, {
|
|
32
|
+
default: () => content_default
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(content_exports);
|
|
35
|
+
var import_antd = require("antd");
|
|
36
|
+
var import_react = __toESM(require("react"));
|
|
37
|
+
var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
|
|
38
|
+
var { Content } = import_antd.Layout;
|
|
39
|
+
var PisellContent = (props) => {
|
|
40
|
+
const { children, ...rest } = props;
|
|
41
|
+
const lowCodeProps = (0, import_useEngineContext.default)();
|
|
42
|
+
const pageContent = (0, import_react.useMemo)(() => {
|
|
43
|
+
if (props.__designMode === "design") {
|
|
44
|
+
return "Page content";
|
|
45
|
+
}
|
|
46
|
+
return lowCodeProps.children;
|
|
47
|
+
}, [props.__designMode]);
|
|
48
|
+
return /* @__PURE__ */ import_react.default.createElement(Content, { ...rest }, children, pageContent);
|
|
49
|
+
};
|
|
50
|
+
var content_default = PisellContent;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { LayoutProps } from 'antd';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export interface PisellFooterProps extends Omit<LayoutProps, 'prefixCls'> {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
declare const PisellFooter: React.FC<PisellFooterProps>;
|
|
7
|
+
export default PisellFooter;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/components/pisellLayout/footer.tsx
|
|
30
|
+
var footer_exports = {};
|
|
31
|
+
__export(footer_exports, {
|
|
32
|
+
default: () => footer_default
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(footer_exports);
|
|
35
|
+
var import_antd = require("antd");
|
|
36
|
+
var import_react = __toESM(require("react"));
|
|
37
|
+
var { Footer } = import_antd.Layout;
|
|
38
|
+
var PisellFooter = (props) => {
|
|
39
|
+
const { children, ...rest } = props;
|
|
40
|
+
return /* @__PURE__ */ import_react.default.createElement(Footer, { ...rest }, children);
|
|
41
|
+
};
|
|
42
|
+
var footer_default = PisellFooter;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { LayoutProps } from 'antd';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export interface PisellHeaderProps extends Omit<LayoutProps, 'prefixCls'> {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
declare const PisellHeader: React.FC<PisellHeaderProps>;
|
|
7
|
+
export default PisellHeader;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/components/pisellLayout/header.tsx
|
|
30
|
+
var header_exports = {};
|
|
31
|
+
__export(header_exports, {
|
|
32
|
+
default: () => header_default
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(header_exports);
|
|
35
|
+
var import_antd = require("antd");
|
|
36
|
+
var import_react = __toESM(require("react"));
|
|
37
|
+
var { Header } = import_antd.Layout;
|
|
38
|
+
var PisellHeader = (props) => {
|
|
39
|
+
const { children, ...rest } = props;
|
|
40
|
+
return /* @__PURE__ */ import_react.default.createElement(Header, { ...rest }, children);
|
|
41
|
+
};
|
|
42
|
+
var header_default = PisellHeader;
|