@plasmicpkgs/antd5 0.0.93 → 0.0.98
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/dist/.tsbuildinfo +1 -1
- package/dist/antd.esm.js +960 -354
- package/dist/antd.esm.js.map +1 -1
- package/dist/index.js +958 -352
- package/dist/index.js.map +1 -1
- package/dist/registerAvatar.d.ts +11 -0
- package/dist/registerColorPicker.d.ts +8 -0
- package/dist/registerDrawer.d.ts +8 -0
- package/dist/registerInput.d.ts +2 -2
- package/dist/registerMenu.d.ts +3 -7
- package/dist/registerModal.d.ts +1 -0
- package/dist/registerRadio.d.ts +2 -2
- package/dist/registerSteps.d.ts +5 -0
- package/dist/registerTable.d.ts +2 -2
- package/dist/registerTooltip.d.ts +7 -0
- package/package.json +3 -3
- package/skinny/registerAvatar.cjs.js +152 -0
- package/skinny/registerAvatar.cjs.js.map +1 -0
- package/skinny/registerAvatar.d.ts +11 -0
- package/skinny/registerAvatar.esm.js +143 -0
- package/skinny/registerAvatar.esm.js.map +1 -0
- package/skinny/registerColorPicker.cjs.js +129 -0
- package/skinny/registerColorPicker.cjs.js.map +1 -0
- package/skinny/registerColorPicker.d.ts +8 -0
- package/skinny/registerColorPicker.esm.js +122 -0
- package/skinny/registerColorPicker.esm.js.map +1 -0
- package/skinny/registerDatePicker.cjs.js +17 -3
- package/skinny/registerDatePicker.cjs.js.map +1 -1
- package/skinny/registerDatePicker.esm.js +17 -3
- package/skinny/registerDatePicker.esm.js.map +1 -1
- package/skinny/registerDrawer.cjs.js +153 -0
- package/skinny/registerDrawer.cjs.js.map +1 -0
- package/skinny/registerDrawer.d.ts +8 -0
- package/skinny/registerDrawer.esm.js +146 -0
- package/skinny/registerDrawer.esm.js.map +1 -0
- package/skinny/registerForm.cjs.js +10 -10
- package/skinny/registerForm.cjs.js.map +1 -1
- package/skinny/registerForm.esm.js +10 -10
- package/skinny/registerForm.esm.js.map +1 -1
- package/skinny/registerInput.d.ts +2 -2
- package/skinny/registerMenu.cjs.js +5 -3
- package/skinny/registerMenu.cjs.js.map +1 -1
- package/skinny/registerMenu.d.ts +3 -7
- package/skinny/registerMenu.esm.js +3 -3
- package/skinny/registerMenu.esm.js.map +1 -1
- package/skinny/registerModal.cjs.js +2 -1
- package/skinny/registerModal.cjs.js.map +1 -1
- package/skinny/registerModal.d.ts +1 -0
- package/skinny/registerModal.esm.js +2 -1
- package/skinny/registerModal.esm.js.map +1 -1
- package/skinny/registerRadio.d.ts +2 -2
- package/skinny/registerSteps.cjs.js +139 -0
- package/skinny/registerSteps.cjs.js.map +1 -0
- package/skinny/registerSteps.d.ts +5 -0
- package/skinny/registerSteps.esm.js +132 -0
- package/skinny/registerSteps.esm.js.map +1 -0
- package/skinny/registerTable.d.ts +2 -2
- package/skinny/registerTooltip.cjs.js +91 -0
- package/skinny/registerTooltip.cjs.js.map +1 -0
- package/skinny/registerTooltip.d.ts +7 -0
- package/skinny/registerTooltip.esm.js +84 -0
- package/skinny/registerTooltip.esm.js.map +1 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Avatar } from "antd";
|
|
3
|
+
import { Registerable } from "./utils";
|
|
4
|
+
export declare function AntdAvatar({ letters, href, target, ...props }: React.ComponentProps<typeof Avatar> & {
|
|
5
|
+
letters?: string;
|
|
6
|
+
href?: string;
|
|
7
|
+
target?: boolean;
|
|
8
|
+
}): JSX.Element;
|
|
9
|
+
export declare function AntdAvatarGroup(props: React.ComponentProps<typeof Avatar.Group>): JSX.Element;
|
|
10
|
+
export declare function registerAvatar(loader?: Registerable): void;
|
|
11
|
+
export declare function registerAvatarGroup(loader?: Registerable): void;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ColorPicker } from "antd";
|
|
3
|
+
import { Registerable } from "./utils";
|
|
4
|
+
export declare function AntdColorPicker({ showTextSwitch, onChange, ...props }: Omit<React.ComponentProps<typeof ColorPicker>, "onChange"> & {
|
|
5
|
+
showTextSwitch?: boolean;
|
|
6
|
+
onChange?: (color: string) => void;
|
|
7
|
+
}): JSX.Element;
|
|
8
|
+
export declare function registerColorPicker(loader?: Registerable): void;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Drawer } from "antd";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Registerable } from "./utils";
|
|
4
|
+
export declare function AntdDrawer(props: React.ComponentProps<typeof Drawer> & {
|
|
5
|
+
onOpenChange?: (open: boolean) => void;
|
|
6
|
+
defaultStylesClassName?: string;
|
|
7
|
+
}): JSX.Element;
|
|
8
|
+
export declare function registerDrawer(loader?: Registerable): void;
|
package/dist/registerInput.d.ts
CHANGED
|
@@ -9,13 +9,13 @@ export declare const AntdInput: React.ForwardRefExoticComponent<import("antd").I
|
|
|
9
9
|
};
|
|
10
10
|
export declare const AntdTextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
|
|
11
11
|
export declare const AntdPassword: React.ForwardRefExoticComponent<import("antd/es/input").PasswordProps & React.RefAttributes<import("antd").InputRef>>;
|
|
12
|
-
export declare const AntdInputNumber: (<T extends import("
|
|
12
|
+
export declare const AntdInputNumber: (<T extends import("rc-input-number").ValueType = import("rc-input-number").ValueType>(props: import("antd").InputNumberProps<T> & {
|
|
13
13
|
children?: React.ReactNode;
|
|
14
14
|
} & {
|
|
15
15
|
ref?: React.Ref<HTMLInputElement> | undefined;
|
|
16
16
|
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
|
|
17
17
|
displayName?: string | undefined;
|
|
18
|
-
_InternalPanelDoNotUseOrYouWillBeFired:
|
|
18
|
+
_InternalPanelDoNotUseOrYouWillBeFired: React.FC<import("antd").InputNumberProps<import("rc-input-number").ValueType>>;
|
|
19
19
|
};
|
|
20
20
|
export declare const inputHelpers: {
|
|
21
21
|
states: {
|
package/dist/registerMenu.d.ts
CHANGED
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { Menu as AntdMenu } from "antd";
|
|
2
3
|
import { Registerable } from "./utils";
|
|
3
|
-
export
|
|
4
|
-
Item: import("react").FC<import("antd").MenuItemProps>;
|
|
5
|
-
SubMenu: import("react").FC<import("antd").SubMenuProps>;
|
|
6
|
-
Divider: import("react").FC<import("antd/es/menu").MenuDividerProps>;
|
|
7
|
-
ItemGroup: typeof import("rc-menu").MenuItemGroup;
|
|
8
|
-
};
|
|
4
|
+
export { AntdMenu };
|
|
9
5
|
export declare const AntdMenuDivider: import("react").FC<import("antd/es/menu").MenuDividerProps>;
|
|
10
|
-
export declare const AntdMenuItem: import("react").
|
|
6
|
+
export declare const AntdMenuItem: Omit<import("react").FunctionComponent<import("antd").MenuItemProps>, ""> & (<T extends import("antd").MenuItemProps>(props: T extends infer U extends import("antd").MenuItemProps ? unknown extends U ? import("antd").MenuItemProps : U : import("antd").MenuItemProps, context?: any) => import("react").ReactElement<any, any> | null);
|
|
11
7
|
export declare const AntdMenuItemGroup: typeof import("rc-menu").MenuItemGroup;
|
|
12
8
|
export declare const AntdSubMenu: import("react").FC<import("antd").SubMenuProps>;
|
|
13
9
|
export declare const MENU_ITEM_TYPE: {
|
package/dist/registerModal.d.ts
CHANGED
|
@@ -3,5 +3,6 @@ import React from "react";
|
|
|
3
3
|
import { Registerable } from "./utils";
|
|
4
4
|
export declare function AntdModal(props: React.ComponentProps<typeof Modal> & {
|
|
5
5
|
onOpenChange?: (open: boolean) => void;
|
|
6
|
+
defaultStylesClassName?: string;
|
|
6
7
|
}): JSX.Element;
|
|
7
8
|
export declare function registerModal(loader?: Registerable): void;
|
package/dist/registerRadio.d.ts
CHANGED
|
@@ -3,9 +3,9 @@ import { Registerable } from "./utils";
|
|
|
3
3
|
declare const RadioGroup: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>>>;
|
|
4
4
|
export declare const AntdRadio: React.ForwardRefExoticComponent<import("antd").RadioProps & React.RefAttributes<HTMLElement>> & {
|
|
5
5
|
Group: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>>>;
|
|
6
|
-
Button: React.ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & React.RefAttributes<
|
|
6
|
+
Button: React.ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & React.RefAttributes<import("rc-checkbox").CheckboxRef>>;
|
|
7
7
|
};
|
|
8
|
-
export declare const AntdRadioButton: React.ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & React.RefAttributes<
|
|
8
|
+
export declare const AntdRadioButton: React.ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & React.RefAttributes<import("rc-checkbox").CheckboxRef>>;
|
|
9
9
|
export declare function AntdRadioGroup(props: Omit<React.ComponentProps<typeof RadioGroup>, "onChange"> & {
|
|
10
10
|
onChange?: (value?: string) => void;
|
|
11
11
|
useChildren?: boolean;
|
package/dist/registerTable.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ export interface TableRef {
|
|
|
7
7
|
selectRowsByIndexes: (indexs: number[]) => void;
|
|
8
8
|
clearSelection: () => void;
|
|
9
9
|
}
|
|
10
|
-
export declare const AntdTable: React.ForwardRefExoticComponent<Pick<import("antd").TableProps<
|
|
10
|
+
export declare const AntdTable: React.ForwardRefExoticComponent<Pick<import("antd").TableProps<import("antd/es/_util/type").AnyObject> & {
|
|
11
11
|
children?: React.ReactNode;
|
|
12
12
|
} & {
|
|
13
13
|
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
@@ -20,7 +20,7 @@ export declare const AntdTable: React.ForwardRefExoticComponent<Pick<import("ant
|
|
|
20
20
|
onSelectedRowKeysChange?: ((keys: string[]) => void) | undefined;
|
|
21
21
|
onSelectedRowsChange?: ((rows: any[]) => void) | undefined;
|
|
22
22
|
setControlContextData?: ((ctx: any) => void) | undefined;
|
|
23
|
-
}, "data" | "setControlContextData" | keyof import("antd").TableProps<
|
|
23
|
+
}, "data" | "setControlContextData" | keyof import("antd").TableProps<import("antd/es/_util/type").AnyObject> | "isSelectable" | "selectedRowKeys" | "defaultSelectedRowKeys" | "onSelectedRowKeysChange" | "onSelectedRowsChange"> & React.RefAttributes<TableRef>>;
|
|
24
24
|
export declare const AntdColumnGroup: typeof import("antd/es/table/ColumnGroup").default;
|
|
25
25
|
export declare const AntdColumn: typeof import("antd/es/table/Column").default;
|
|
26
26
|
export declare function registerTable(loader?: Registerable): void;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Tooltip } from "antd";
|
|
3
|
+
import { Registerable } from "./utils";
|
|
4
|
+
export declare function AntdTooltip(props: React.ComponentProps<typeof Tooltip> & {
|
|
5
|
+
titleText?: string;
|
|
6
|
+
}): JSX.Element;
|
|
7
|
+
export declare function registerTooltip(loader?: Registerable): void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plasmicpkgs/antd5",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.98",
|
|
4
4
|
"description": "Plasmic registration calls for antd components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"clean": "rm -rf dist/ skinny/*.ts skinny/*.map skinny/*.js"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
|
-
"antd": "^5.
|
|
55
|
+
"antd": "^5.7.3"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
58
|
"@plasmicapp/data-sources": "0.1.100",
|
|
@@ -78,5 +78,5 @@
|
|
|
78
78
|
"publishConfig": {
|
|
79
79
|
"access": "public"
|
|
80
80
|
},
|
|
81
|
-
"gitHead": "
|
|
81
|
+
"gitHead": "bdc7c00f57a143f4971347a21caa4926634e7163"
|
|
82
82
|
}
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var antd = require('antd');
|
|
5
|
+
var utils = require('./utils-833cc295.cjs.js');
|
|
6
|
+
var host = require('@plasmicapp/host');
|
|
7
|
+
require('@plasmicapp/host/registerComponent');
|
|
8
|
+
require('@plasmicapp/host/registerGlobalContext');
|
|
9
|
+
|
|
10
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
13
|
+
|
|
14
|
+
var __defProp = Object.defineProperty;
|
|
15
|
+
var __defProps = Object.defineProperties;
|
|
16
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
17
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
18
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
19
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
20
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
21
|
+
var __spreadValues = (a, b) => {
|
|
22
|
+
for (var prop in b || (b = {}))
|
|
23
|
+
if (__hasOwnProp.call(b, prop))
|
|
24
|
+
__defNormalProp(a, prop, b[prop]);
|
|
25
|
+
if (__getOwnPropSymbols)
|
|
26
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
27
|
+
if (__propIsEnum.call(b, prop))
|
|
28
|
+
__defNormalProp(a, prop, b[prop]);
|
|
29
|
+
}
|
|
30
|
+
return a;
|
|
31
|
+
};
|
|
32
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
33
|
+
var __objRest = (source, exclude) => {
|
|
34
|
+
var target = {};
|
|
35
|
+
for (var prop in source)
|
|
36
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
37
|
+
target[prop] = source[prop];
|
|
38
|
+
if (source != null && __getOwnPropSymbols)
|
|
39
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
40
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
41
|
+
target[prop] = source[prop];
|
|
42
|
+
}
|
|
43
|
+
return target;
|
|
44
|
+
};
|
|
45
|
+
function AntdAvatar(_a) {
|
|
46
|
+
var _b = _a, {
|
|
47
|
+
letters,
|
|
48
|
+
href,
|
|
49
|
+
target
|
|
50
|
+
} = _b, props = __objRest(_b, [
|
|
51
|
+
"letters",
|
|
52
|
+
"href",
|
|
53
|
+
"target"
|
|
54
|
+
]);
|
|
55
|
+
const avatar = /* @__PURE__ */ React__default.default.createElement(antd.Avatar, __spreadProps(__spreadValues({}, props), { children: props.children || letters }));
|
|
56
|
+
const PlasmicLink = host.usePlasmicLink();
|
|
57
|
+
return href ? /* @__PURE__ */ React__default.default.createElement(PlasmicLink, { href, target: target ? "_blank" : void 0 }, avatar) : avatar;
|
|
58
|
+
}
|
|
59
|
+
function AntdAvatarGroup(props) {
|
|
60
|
+
return /* @__PURE__ */ React__default.default.createElement(antd.Avatar.Group, __spreadValues({}, props));
|
|
61
|
+
}
|
|
62
|
+
function registerAvatar(loader) {
|
|
63
|
+
utils.registerComponentHelper(loader, AntdAvatar, {
|
|
64
|
+
name: "plasmic-antd5-avatar",
|
|
65
|
+
displayName: "Avatar",
|
|
66
|
+
props: {
|
|
67
|
+
href: {
|
|
68
|
+
type: "href",
|
|
69
|
+
displayName: "Link to",
|
|
70
|
+
description: "Destination to link to"
|
|
71
|
+
},
|
|
72
|
+
target: {
|
|
73
|
+
type: "boolean",
|
|
74
|
+
displayName: "Open in new tab",
|
|
75
|
+
hidden: (ps) => !ps.href
|
|
76
|
+
},
|
|
77
|
+
letters: {
|
|
78
|
+
type: "string",
|
|
79
|
+
description: "Letters to show",
|
|
80
|
+
defaultValue: "AB"
|
|
81
|
+
},
|
|
82
|
+
src: {
|
|
83
|
+
type: "imageUrl",
|
|
84
|
+
description: "Image to display"
|
|
85
|
+
},
|
|
86
|
+
size: {
|
|
87
|
+
type: "choice",
|
|
88
|
+
options: ["small", "default", "large"],
|
|
89
|
+
description: "Set the size of avatar",
|
|
90
|
+
defaultValueHint: "default"
|
|
91
|
+
},
|
|
92
|
+
shape: {
|
|
93
|
+
type: "choice",
|
|
94
|
+
options: ["circle", "round"],
|
|
95
|
+
description: "Set the avatar shape",
|
|
96
|
+
defaultValueHint: "square"
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
importPath: "@plasmicpkgs/antd5/skinny/registerAvatar",
|
|
100
|
+
importName: "AntdAvatar"
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
function registerAvatarGroup(loader) {
|
|
104
|
+
utils.registerComponentHelper(loader, AntdAvatarGroup, {
|
|
105
|
+
name: "plasmic-antd5-avatar-group",
|
|
106
|
+
displayName: "AvatarGroup",
|
|
107
|
+
props: {
|
|
108
|
+
children: {
|
|
109
|
+
type: "slot",
|
|
110
|
+
defaultValue: [1, 2, 3, 4].map((user) => ({
|
|
111
|
+
type: "component",
|
|
112
|
+
name: "plasmic-antd5-tooltip",
|
|
113
|
+
props: {
|
|
114
|
+
titleText: "User " + user,
|
|
115
|
+
children: {
|
|
116
|
+
type: "component",
|
|
117
|
+
name: "plasmic-antd5-avatar",
|
|
118
|
+
props: {
|
|
119
|
+
letters: `U${user}`
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
}))
|
|
124
|
+
},
|
|
125
|
+
maxCount: {
|
|
126
|
+
type: "number",
|
|
127
|
+
description: "Max avatars to show",
|
|
128
|
+
defaultValue: 2
|
|
129
|
+
},
|
|
130
|
+
size: {
|
|
131
|
+
type: "choice",
|
|
132
|
+
options: ["small", "default", "large"],
|
|
133
|
+
description: "Default size of avatars",
|
|
134
|
+
defaultValueHint: "default"
|
|
135
|
+
},
|
|
136
|
+
maxPopoverPlacement: {
|
|
137
|
+
type: "choice",
|
|
138
|
+
advanced: true,
|
|
139
|
+
options: ["top", "bottom"],
|
|
140
|
+
defaultValueHint: "top"
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
importPath: "@plasmicpkgs/antd5/skinny/registerAvatar",
|
|
144
|
+
importName: "AntdAvatarGroup"
|
|
145
|
+
});
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
exports.AntdAvatar = AntdAvatar;
|
|
149
|
+
exports.AntdAvatarGroup = AntdAvatarGroup;
|
|
150
|
+
exports.registerAvatar = registerAvatar;
|
|
151
|
+
exports.registerAvatarGroup = registerAvatarGroup;
|
|
152
|
+
//# sourceMappingURL=registerAvatar.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerAvatar.cjs.js","sources":["../src/registerAvatar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Avatar } from \"antd\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\nimport { usePlasmicLink } from \"@plasmicapp/host\";\n\nexport function AntdAvatar({\n letters,\n href,\n target,\n ...props\n}: React.ComponentProps<typeof Avatar> & {\n letters?: string;\n href?: string;\n target?: boolean;\n}) {\n const avatar = <Avatar {...props} children={props.children || letters} />;\n const PlasmicLink = usePlasmicLink();\n return href ? (\n <PlasmicLink href={href} target={target ? \"_blank\" : undefined}>\n {avatar}\n </PlasmicLink>\n ) : (\n avatar\n );\n}\n\nexport function AntdAvatarGroup(\n props: React.ComponentProps<typeof Avatar.Group>\n) {\n return <Avatar.Group {...props} />;\n}\n\nexport function registerAvatar(loader?: Registerable) {\n registerComponentHelper(loader, AntdAvatar, {\n name: \"plasmic-antd5-avatar\",\n displayName: \"Avatar\",\n props: {\n href: {\n type: \"href\",\n displayName: \"Link to\",\n description: \"Destination to link to\",\n },\n target: {\n type: \"boolean\",\n displayName: \"Open in new tab\",\n hidden: (ps) => !ps.href,\n },\n letters: {\n type: \"string\",\n description: \"Letters to show\",\n defaultValue: \"AB\",\n },\n src: {\n type: \"imageUrl\",\n description: \"Image to display\",\n },\n size: {\n type: \"choice\",\n options: [\"small\", \"default\", \"large\"],\n description: \"Set the size of avatar\",\n defaultValueHint: \"default\",\n },\n shape: {\n type: \"choice\",\n options: [\"circle\", \"round\"],\n description: \"Set the avatar shape\",\n defaultValueHint: \"square\",\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerAvatar\",\n importName: \"AntdAvatar\",\n });\n}\n\nexport function registerAvatarGroup(loader?: Registerable) {\n registerComponentHelper(loader, AntdAvatarGroup, {\n name: \"plasmic-antd5-avatar-group\",\n displayName: \"AvatarGroup\",\n props: {\n children: {\n type: \"slot\",\n defaultValue: [1, 2, 3, 4].map((user) => ({\n type: \"component\",\n name: \"plasmic-antd5-tooltip\",\n props: {\n titleText: \"User \" + user,\n children: {\n type: \"component\",\n name: \"plasmic-antd5-avatar\",\n props: {\n letters: `U${user}`,\n },\n },\n },\n })),\n },\n maxCount: {\n type: \"number\",\n description: \"Max avatars to show\",\n defaultValue: 2,\n },\n size: {\n type: \"choice\",\n options: [\"small\", \"default\", \"large\"],\n description: \"Default size of avatars\",\n defaultValueHint: \"default\",\n },\n maxPopoverPlacement: {\n type: \"choice\",\n advanced: true,\n options: [\"top\", \"bottom\"],\n defaultValueHint: \"top\",\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerAvatar\",\n importName: \"AntdAvatarGroup\",\n });\n}\n"],"names":["Avatar","usePlasmicLink","React","registerComponentHelper"],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Avatar } from "antd";
|
|
3
|
+
import { Registerable } from "./utils";
|
|
4
|
+
export declare function AntdAvatar({ letters, href, target, ...props }: React.ComponentProps<typeof Avatar> & {
|
|
5
|
+
letters?: string;
|
|
6
|
+
href?: string;
|
|
7
|
+
target?: boolean;
|
|
8
|
+
}): JSX.Element;
|
|
9
|
+
export declare function AntdAvatarGroup(props: React.ComponentProps<typeof Avatar.Group>): JSX.Element;
|
|
10
|
+
export declare function registerAvatar(loader?: Registerable): void;
|
|
11
|
+
export declare function registerAvatarGroup(loader?: Registerable): void;
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Avatar } from 'antd';
|
|
3
|
+
import { r as registerComponentHelper } from './utils-94ad8c63.esm.js';
|
|
4
|
+
import { usePlasmicLink } from '@plasmicapp/host';
|
|
5
|
+
import '@plasmicapp/host/registerComponent';
|
|
6
|
+
import '@plasmicapp/host/registerGlobalContext';
|
|
7
|
+
|
|
8
|
+
var __defProp = Object.defineProperty;
|
|
9
|
+
var __defProps = Object.defineProperties;
|
|
10
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
11
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
12
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
13
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
14
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
15
|
+
var __spreadValues = (a, b) => {
|
|
16
|
+
for (var prop in b || (b = {}))
|
|
17
|
+
if (__hasOwnProp.call(b, prop))
|
|
18
|
+
__defNormalProp(a, prop, b[prop]);
|
|
19
|
+
if (__getOwnPropSymbols)
|
|
20
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
21
|
+
if (__propIsEnum.call(b, prop))
|
|
22
|
+
__defNormalProp(a, prop, b[prop]);
|
|
23
|
+
}
|
|
24
|
+
return a;
|
|
25
|
+
};
|
|
26
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
27
|
+
var __objRest = (source, exclude) => {
|
|
28
|
+
var target = {};
|
|
29
|
+
for (var prop in source)
|
|
30
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
31
|
+
target[prop] = source[prop];
|
|
32
|
+
if (source != null && __getOwnPropSymbols)
|
|
33
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
34
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
35
|
+
target[prop] = source[prop];
|
|
36
|
+
}
|
|
37
|
+
return target;
|
|
38
|
+
};
|
|
39
|
+
function AntdAvatar(_a) {
|
|
40
|
+
var _b = _a, {
|
|
41
|
+
letters,
|
|
42
|
+
href,
|
|
43
|
+
target
|
|
44
|
+
} = _b, props = __objRest(_b, [
|
|
45
|
+
"letters",
|
|
46
|
+
"href",
|
|
47
|
+
"target"
|
|
48
|
+
]);
|
|
49
|
+
const avatar = /* @__PURE__ */ React.createElement(Avatar, __spreadProps(__spreadValues({}, props), { children: props.children || letters }));
|
|
50
|
+
const PlasmicLink = usePlasmicLink();
|
|
51
|
+
return href ? /* @__PURE__ */ React.createElement(PlasmicLink, { href, target: target ? "_blank" : void 0 }, avatar) : avatar;
|
|
52
|
+
}
|
|
53
|
+
function AntdAvatarGroup(props) {
|
|
54
|
+
return /* @__PURE__ */ React.createElement(Avatar.Group, __spreadValues({}, props));
|
|
55
|
+
}
|
|
56
|
+
function registerAvatar(loader) {
|
|
57
|
+
registerComponentHelper(loader, AntdAvatar, {
|
|
58
|
+
name: "plasmic-antd5-avatar",
|
|
59
|
+
displayName: "Avatar",
|
|
60
|
+
props: {
|
|
61
|
+
href: {
|
|
62
|
+
type: "href",
|
|
63
|
+
displayName: "Link to",
|
|
64
|
+
description: "Destination to link to"
|
|
65
|
+
},
|
|
66
|
+
target: {
|
|
67
|
+
type: "boolean",
|
|
68
|
+
displayName: "Open in new tab",
|
|
69
|
+
hidden: (ps) => !ps.href
|
|
70
|
+
},
|
|
71
|
+
letters: {
|
|
72
|
+
type: "string",
|
|
73
|
+
description: "Letters to show",
|
|
74
|
+
defaultValue: "AB"
|
|
75
|
+
},
|
|
76
|
+
src: {
|
|
77
|
+
type: "imageUrl",
|
|
78
|
+
description: "Image to display"
|
|
79
|
+
},
|
|
80
|
+
size: {
|
|
81
|
+
type: "choice",
|
|
82
|
+
options: ["small", "default", "large"],
|
|
83
|
+
description: "Set the size of avatar",
|
|
84
|
+
defaultValueHint: "default"
|
|
85
|
+
},
|
|
86
|
+
shape: {
|
|
87
|
+
type: "choice",
|
|
88
|
+
options: ["circle", "round"],
|
|
89
|
+
description: "Set the avatar shape",
|
|
90
|
+
defaultValueHint: "square"
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
importPath: "@plasmicpkgs/antd5/skinny/registerAvatar",
|
|
94
|
+
importName: "AntdAvatar"
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
function registerAvatarGroup(loader) {
|
|
98
|
+
registerComponentHelper(loader, AntdAvatarGroup, {
|
|
99
|
+
name: "plasmic-antd5-avatar-group",
|
|
100
|
+
displayName: "AvatarGroup",
|
|
101
|
+
props: {
|
|
102
|
+
children: {
|
|
103
|
+
type: "slot",
|
|
104
|
+
defaultValue: [1, 2, 3, 4].map((user) => ({
|
|
105
|
+
type: "component",
|
|
106
|
+
name: "plasmic-antd5-tooltip",
|
|
107
|
+
props: {
|
|
108
|
+
titleText: "User " + user,
|
|
109
|
+
children: {
|
|
110
|
+
type: "component",
|
|
111
|
+
name: "plasmic-antd5-avatar",
|
|
112
|
+
props: {
|
|
113
|
+
letters: `U${user}`
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
}))
|
|
118
|
+
},
|
|
119
|
+
maxCount: {
|
|
120
|
+
type: "number",
|
|
121
|
+
description: "Max avatars to show",
|
|
122
|
+
defaultValue: 2
|
|
123
|
+
},
|
|
124
|
+
size: {
|
|
125
|
+
type: "choice",
|
|
126
|
+
options: ["small", "default", "large"],
|
|
127
|
+
description: "Default size of avatars",
|
|
128
|
+
defaultValueHint: "default"
|
|
129
|
+
},
|
|
130
|
+
maxPopoverPlacement: {
|
|
131
|
+
type: "choice",
|
|
132
|
+
advanced: true,
|
|
133
|
+
options: ["top", "bottom"],
|
|
134
|
+
defaultValueHint: "top"
|
|
135
|
+
}
|
|
136
|
+
},
|
|
137
|
+
importPath: "@plasmicpkgs/antd5/skinny/registerAvatar",
|
|
138
|
+
importName: "AntdAvatarGroup"
|
|
139
|
+
});
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
export { AntdAvatar, AntdAvatarGroup, registerAvatar, registerAvatarGroup };
|
|
143
|
+
//# sourceMappingURL=registerAvatar.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerAvatar.esm.js","sources":["../src/registerAvatar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Avatar } from \"antd\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\nimport { usePlasmicLink } from \"@plasmicapp/host\";\n\nexport function AntdAvatar({\n letters,\n href,\n target,\n ...props\n}: React.ComponentProps<typeof Avatar> & {\n letters?: string;\n href?: string;\n target?: boolean;\n}) {\n const avatar = <Avatar {...props} children={props.children || letters} />;\n const PlasmicLink = usePlasmicLink();\n return href ? (\n <PlasmicLink href={href} target={target ? \"_blank\" : undefined}>\n {avatar}\n </PlasmicLink>\n ) : (\n avatar\n );\n}\n\nexport function AntdAvatarGroup(\n props: React.ComponentProps<typeof Avatar.Group>\n) {\n return <Avatar.Group {...props} />;\n}\n\nexport function registerAvatar(loader?: Registerable) {\n registerComponentHelper(loader, AntdAvatar, {\n name: \"plasmic-antd5-avatar\",\n displayName: \"Avatar\",\n props: {\n href: {\n type: \"href\",\n displayName: \"Link to\",\n description: \"Destination to link to\",\n },\n target: {\n type: \"boolean\",\n displayName: \"Open in new tab\",\n hidden: (ps) => !ps.href,\n },\n letters: {\n type: \"string\",\n description: \"Letters to show\",\n defaultValue: \"AB\",\n },\n src: {\n type: \"imageUrl\",\n description: \"Image to display\",\n },\n size: {\n type: \"choice\",\n options: [\"small\", \"default\", \"large\"],\n description: \"Set the size of avatar\",\n defaultValueHint: \"default\",\n },\n shape: {\n type: \"choice\",\n options: [\"circle\", \"round\"],\n description: \"Set the avatar shape\",\n defaultValueHint: \"square\",\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerAvatar\",\n importName: \"AntdAvatar\",\n });\n}\n\nexport function registerAvatarGroup(loader?: Registerable) {\n registerComponentHelper(loader, AntdAvatarGroup, {\n name: \"plasmic-antd5-avatar-group\",\n displayName: \"AvatarGroup\",\n props: {\n children: {\n type: \"slot\",\n defaultValue: [1, 2, 3, 4].map((user) => ({\n type: \"component\",\n name: \"plasmic-antd5-tooltip\",\n props: {\n titleText: \"User \" + user,\n children: {\n type: \"component\",\n name: \"plasmic-antd5-avatar\",\n props: {\n letters: `U${user}`,\n },\n },\n },\n })),\n },\n maxCount: {\n type: \"number\",\n description: \"Max avatars to show\",\n defaultValue: 2,\n },\n size: {\n type: \"choice\",\n options: [\"small\", \"default\", \"large\"],\n description: \"Default size of avatars\",\n defaultValueHint: \"default\",\n },\n maxPopoverPlacement: {\n type: \"choice\",\n advanced: true,\n options: [\"top\", \"bottom\"],\n defaultValueHint: \"top\",\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerAvatar\",\n importName: \"AntdAvatarGroup\",\n });\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var antd = require('antd');
|
|
5
|
+
var utils = require('./utils-833cc295.cjs.js');
|
|
6
|
+
require('@plasmicapp/host/registerComponent');
|
|
7
|
+
require('@plasmicapp/host/registerGlobalContext');
|
|
8
|
+
|
|
9
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
12
|
+
|
|
13
|
+
var __defProp = Object.defineProperty;
|
|
14
|
+
var __defProps = Object.defineProperties;
|
|
15
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
16
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
17
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
18
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
19
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
20
|
+
var __spreadValues = (a, b) => {
|
|
21
|
+
for (var prop in b || (b = {}))
|
|
22
|
+
if (__hasOwnProp.call(b, prop))
|
|
23
|
+
__defNormalProp(a, prop, b[prop]);
|
|
24
|
+
if (__getOwnPropSymbols)
|
|
25
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
26
|
+
if (__propIsEnum.call(b, prop))
|
|
27
|
+
__defNormalProp(a, prop, b[prop]);
|
|
28
|
+
}
|
|
29
|
+
return a;
|
|
30
|
+
};
|
|
31
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
32
|
+
var __objRest = (source, exclude) => {
|
|
33
|
+
var target = {};
|
|
34
|
+
for (var prop in source)
|
|
35
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
36
|
+
target[prop] = source[prop];
|
|
37
|
+
if (source != null && __getOwnPropSymbols)
|
|
38
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
39
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
40
|
+
target[prop] = source[prop];
|
|
41
|
+
}
|
|
42
|
+
return target;
|
|
43
|
+
};
|
|
44
|
+
function AntdColorPicker(_a) {
|
|
45
|
+
var _b = _a, {
|
|
46
|
+
showTextSwitch,
|
|
47
|
+
onChange
|
|
48
|
+
} = _b, props = __objRest(_b, [
|
|
49
|
+
"showTextSwitch",
|
|
50
|
+
"onChange"
|
|
51
|
+
]);
|
|
52
|
+
return /* @__PURE__ */ React__default.default.createElement(
|
|
53
|
+
antd.ColorPicker,
|
|
54
|
+
__spreadProps(__spreadValues({}, props), {
|
|
55
|
+
showText: props.showText || showTextSwitch,
|
|
56
|
+
onChangeComplete: (value) => {
|
|
57
|
+
onChange == null ? void 0 : onChange(typeof value === "string" ? value : value.toHexString());
|
|
58
|
+
}
|
|
59
|
+
})
|
|
60
|
+
);
|
|
61
|
+
}
|
|
62
|
+
function registerColorPicker(loader) {
|
|
63
|
+
utils.registerComponentHelper(loader, AntdColorPicker, {
|
|
64
|
+
name: "plasmic-antd5-color-picker",
|
|
65
|
+
displayName: "Color Picker",
|
|
66
|
+
props: {
|
|
67
|
+
children: {
|
|
68
|
+
type: "slot",
|
|
69
|
+
hidePlaceholder: true,
|
|
70
|
+
mergeWithParent: true
|
|
71
|
+
},
|
|
72
|
+
value: {
|
|
73
|
+
displayName: "Color value",
|
|
74
|
+
type: "color",
|
|
75
|
+
editOnly: true,
|
|
76
|
+
uncontrolledProp: "defaultValue",
|
|
77
|
+
hidden: (ps) => !!ps.__plasmicFormField
|
|
78
|
+
},
|
|
79
|
+
showTextSwitch: {
|
|
80
|
+
type: "boolean",
|
|
81
|
+
displayName: "Show text"
|
|
82
|
+
},
|
|
83
|
+
showText: {
|
|
84
|
+
type: "slot",
|
|
85
|
+
hidePlaceholder: true
|
|
86
|
+
},
|
|
87
|
+
allowClear: "boolean",
|
|
88
|
+
disabled: {
|
|
89
|
+
type: "boolean",
|
|
90
|
+
advanced: true
|
|
91
|
+
},
|
|
92
|
+
trigger: {
|
|
93
|
+
advanced: true,
|
|
94
|
+
type: "choice",
|
|
95
|
+
options: ["click", "hover"],
|
|
96
|
+
defaultValueHint: "click"
|
|
97
|
+
},
|
|
98
|
+
format: {
|
|
99
|
+
advanced: true,
|
|
100
|
+
type: "choice",
|
|
101
|
+
options: ["hex", "hsb", "rgb"],
|
|
102
|
+
defaultValueHint: "hex"
|
|
103
|
+
},
|
|
104
|
+
onChange: {
|
|
105
|
+
type: "eventHandler",
|
|
106
|
+
argTypes: [
|
|
107
|
+
{
|
|
108
|
+
name: "color",
|
|
109
|
+
type: "string"
|
|
110
|
+
}
|
|
111
|
+
]
|
|
112
|
+
}
|
|
113
|
+
},
|
|
114
|
+
states: {
|
|
115
|
+
value: {
|
|
116
|
+
type: "writable",
|
|
117
|
+
valueProp: "value",
|
|
118
|
+
onChangeProp: "onChange",
|
|
119
|
+
variableType: "text"
|
|
120
|
+
}
|
|
121
|
+
},
|
|
122
|
+
importPath: "@plasmicpkgs/antd5/skinny/registerColorPicker",
|
|
123
|
+
importName: "AntdColorPicker"
|
|
124
|
+
});
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
exports.AntdColorPicker = AntdColorPicker;
|
|
128
|
+
exports.registerColorPicker = registerColorPicker;
|
|
129
|
+
//# sourceMappingURL=registerColorPicker.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerColorPicker.cjs.js","sources":["../src/registerColorPicker.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport { ColorPicker } from \"antd\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdColorPicker({\n showTextSwitch,\n onChange,\n ...props\n}: Omit<React.ComponentProps<typeof ColorPicker>, \"onChange\"> & {\n showTextSwitch?: boolean;\n onChange?: (color: string) => void;\n}) {\n return (\n <ColorPicker\n {...props}\n showText={props.showText || showTextSwitch}\n onChangeComplete={(value: any) => {\n onChange?.(typeof value === \"string\" ? value : value.toHexString());\n }}\n />\n );\n}\n\nexport function registerColorPicker(loader?: Registerable) {\n registerComponentHelper(loader, AntdColorPicker, {\n name: \"plasmic-antd5-color-picker\",\n displayName: \"Color Picker\",\n props: {\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n mergeWithParent: true,\n } as any,\n value: {\n displayName: \"Color value\",\n type: \"color\",\n editOnly: true,\n uncontrolledProp: \"defaultValue\",\n hidden: (ps: any) => !!ps.__plasmicFormField,\n },\n showTextSwitch: {\n type: \"boolean\",\n displayName: \"Show text\",\n },\n showText: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n allowClear: \"boolean\",\n disabled: {\n type: \"boolean\",\n advanced: true,\n },\n trigger: {\n advanced: true,\n type: \"choice\",\n options: [\"click\", \"hover\"],\n defaultValueHint: \"click\",\n },\n format: {\n advanced: true,\n type: \"choice\",\n options: [\"hex\", \"hsb\", \"rgb\"],\n defaultValueHint: \"hex\",\n },\n onChange: {\n type: \"eventHandler\",\n argTypes: [\n {\n name: \"color\",\n type: \"string\",\n },\n ],\n },\n },\n states: {\n value: {\n type: \"writable\",\n valueProp: \"value\",\n onChangeProp: \"onChange\",\n variableType: \"text\",\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerColorPicker\",\n importName: \"AntdColorPicker\",\n });\n}\n"],"names":["React","ColorPicker","registerComponentHelper"],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ColorPicker } from "antd";
|
|
3
|
+
import { Registerable } from "./utils";
|
|
4
|
+
export declare function AntdColorPicker({ showTextSwitch, onChange, ...props }: Omit<React.ComponentProps<typeof ColorPicker>, "onChange"> & {
|
|
5
|
+
showTextSwitch?: boolean;
|
|
6
|
+
onChange?: (color: string) => void;
|
|
7
|
+
}): JSX.Element;
|
|
8
|
+
export declare function registerColorPicker(loader?: Registerable): void;
|