@plasmicpkgs/antd5 0.0.206 → 0.0.208
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 +15 -11
- package/dist/antd.esm.js.map +1 -1
- package/dist/index.js +15 -11
- package/dist/index.js.map +1 -1
- package/dist/registerSlider.d.ts +1 -1
- package/dist/registerTable.d.ts +1 -3
- package/package.json +4 -4
- package/skinny/registerModal.cjs.js +2 -5
- package/skinny/registerModal.cjs.js.map +1 -1
- package/skinny/registerModal.esm.js +3 -6
- package/skinny/registerModal.esm.js.map +1 -1
- package/skinny/registerSlider.cjs.js +13 -6
- package/skinny/registerSlider.cjs.js.map +1 -1
- package/skinny/registerSlider.d.ts +1 -1
- package/skinny/registerSlider.esm.js +13 -6
- package/skinny/registerSlider.esm.js.map +1 -1
- package/skinny/registerTable.d.ts +1 -3
package/dist/registerSlider.d.ts
CHANGED
|
@@ -17,7 +17,7 @@ export type SimpleMark = {
|
|
|
17
17
|
value: number;
|
|
18
18
|
label: string;
|
|
19
19
|
};
|
|
20
|
-
export type AntdSliderBaseProps = Omit<React.ComponentProps<typeof Slider>, "range" | "tooltipVisible" | "tooltip" | "marks" | "onChange" | "onAfterChange" | "value" | "defaultValue" | "trackStyle" | "railStyle" | "handleStyle"> & SliderTooltip & {
|
|
20
|
+
export type AntdSliderBaseProps = Omit<React.ComponentProps<typeof Slider>, "range" | "tooltipVisible" | "tooltip" | "marks" | "onChange" | "onAfterChange" | "value" | "defaultValue" | "trackStyle" | "railStyle" | "handleStyle" | "onChangeComplete"> & SliderTooltip & {
|
|
21
21
|
stylableMarks?: ReactElement;
|
|
22
22
|
marks?: SimpleMark[];
|
|
23
23
|
sliderScopeClassName?: string;
|
package/dist/registerTable.d.ts
CHANGED
|
@@ -9,9 +9,7 @@ export interface TableRef {
|
|
|
9
9
|
}
|
|
10
10
|
export declare const AntdTable: React.ForwardRefExoticComponent<Omit<import("antd").TableProps<import("antd/es/_util/type").AnyObject> & {
|
|
11
11
|
children?: React.ReactNode;
|
|
12
|
-
} & {
|
|
13
|
-
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
14
|
-
} & {
|
|
12
|
+
} & React.RefAttributes<import("rc-table").Reference> & {
|
|
15
13
|
data: any;
|
|
16
14
|
rowKey?: string | undefined;
|
|
17
15
|
isSelectable?: undefined | "single" | "multiple";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plasmicpkgs/antd5",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.208",
|
|
4
4
|
"description": "Plasmic registration calls for antd components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"test-storybook": "test-storybook"
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
|
-
"antd": "^5.7
|
|
58
|
+
"antd": "^5.12.7",
|
|
59
59
|
"classnames": "^2.3.2",
|
|
60
60
|
"dayjs": "^1.11.10",
|
|
61
61
|
"fast-deep-equal": "^3.1.3",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"@plasmicapp/data-sources": "0.1.146",
|
|
69
69
|
"@plasmicapp/host": "1.0.188",
|
|
70
70
|
"@plasmicapp/query": "0.1.77",
|
|
71
|
-
"@plasmicapp/react-web": "0.2.
|
|
71
|
+
"@plasmicapp/react-web": "0.2.315",
|
|
72
72
|
"@rollup/plugin-commonjs": "^11.0.0",
|
|
73
73
|
"@rollup/plugin-json": "^4.0.0",
|
|
74
74
|
"@rollup/plugin-node-resolve": "^9.0.0",
|
|
@@ -108,5 +108,5 @@
|
|
|
108
108
|
"publishConfig": {
|
|
109
109
|
"access": "public"
|
|
110
110
|
},
|
|
111
|
-
"gitHead": "
|
|
111
|
+
"gitHead": "594aedc08ba8399a46ef84977fbfc6130ba8e4c5"
|
|
112
112
|
}
|
|
@@ -55,7 +55,6 @@ const styleSections = [
|
|
|
55
55
|
"effects"
|
|
56
56
|
];
|
|
57
57
|
function AntdModal(props) {
|
|
58
|
-
const [isOpen, setIsOpen] = React.useState(false);
|
|
59
58
|
const _a = props, {
|
|
60
59
|
onOpenChange,
|
|
61
60
|
onOk,
|
|
@@ -82,7 +81,6 @@ function AntdModal(props) {
|
|
|
82
81
|
const memoOnOk = React__default.default.useMemo(() => {
|
|
83
82
|
if (onOpenChange || onOk) {
|
|
84
83
|
return (e) => {
|
|
85
|
-
setIsOpen(false);
|
|
86
84
|
onOpenChange == null ? void 0 : onOpenChange(false);
|
|
87
85
|
onOk == null ? void 0 : onOk(e);
|
|
88
86
|
};
|
|
@@ -93,7 +91,6 @@ function AntdModal(props) {
|
|
|
93
91
|
const memoOnCancel = React__default.default.useMemo(() => {
|
|
94
92
|
if (onOpenChange || onCancel) {
|
|
95
93
|
return (e) => {
|
|
96
|
-
setIsOpen(false);
|
|
97
94
|
onOpenChange == null ? void 0 : onOpenChange(false);
|
|
98
95
|
onCancel == null ? void 0 : onCancel(e);
|
|
99
96
|
};
|
|
@@ -119,12 +116,12 @@ function AntdModal(props) {
|
|
|
119
116
|
onOk: memoOnOk,
|
|
120
117
|
width: widthProp,
|
|
121
118
|
onCancel: memoOnCancel,
|
|
122
|
-
open
|
|
119
|
+
open,
|
|
123
120
|
footer: hideFooter ? null : footer != null ? footer : void 0,
|
|
124
121
|
wrapClassName,
|
|
125
122
|
className: `${props.className} ${props.defaultStylesClassName} ${modalScopeClassName}`
|
|
126
123
|
})
|
|
127
|
-
), trigger ? /* @__PURE__ */ React__default.default.createElement("div", { onClick: () =>
|
|
124
|
+
), trigger ? /* @__PURE__ */ React__default.default.createElement("div", { onClick: () => onOpenChange == null ? void 0 : onOpenChange(true) }, trigger) : null);
|
|
128
125
|
}
|
|
129
126
|
function registerModal(loader) {
|
|
130
127
|
utils.registerComponentHelper(loader, AntdModal, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerModal.cjs.js","sources":["../src/registerModal.tsx"],"sourcesContent":["import type { StyleSection } from \"@plasmicapp/host/registerComponent\";\nimport { Modal } from \"antd\";\nimport React, { ReactElement, useMemo, useState } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\n// hide sizing section, as width can only be set via a width prop, and not css!\nconst styleSections: StyleSection[] = [\n \"visibility\",\n \"typography\",\n \"spacing\",\n \"background\",\n \"transform\",\n \"transitions\",\n \"layout\",\n \"overflow\",\n \"border\",\n \"shadows\",\n \"effects\",\n];\n\nexport function AntdModal(\n props: React.ComponentProps<typeof Modal> & {\n onOpenChange?: (open: boolean) => void;\n defaultStylesClassName?: string;\n modalScopeClassName: string;\n wrapClassName: string;\n hideFooter?: boolean;\n trigger?: ReactElement;\n }\n) {\n const [isOpen, setIsOpen] = useState(false);\n\n const {\n onOpenChange,\n onOk,\n onCancel,\n open,\n width,\n footer,\n hideFooter,\n modalScopeClassName,\n wrapClassName,\n trigger,\n ...rest\n } = props;\n\n const memoOnOk = React.useMemo(() => {\n if (onOpenChange || onOk) {\n return (e: React.MouseEvent<HTMLButtonElement>) => {\n setIsOpen(false);\n onOpenChange?.(false);\n onOk?.(e);\n };\n } else {\n return undefined;\n }\n }, [onOpenChange, onOk]);\n const memoOnCancel = React.useMemo(() => {\n if (onOpenChange || onCancel) {\n return (e: React.MouseEvent<HTMLButtonElement>) => {\n setIsOpen(false);\n onOpenChange?.(false);\n onCancel?.(e);\n };\n } else {\n return undefined;\n }\n }, [onOpenChange, onCancel]);\n\n const widthProp = useMemo(() => {\n if (!width) return undefined;\n if (typeof width === \"number\") return width;\n if (typeof width !== \"string\") return undefined;\n if (/^\\d+$/.test(width)) {\n return +width;\n }\n return width;\n }, [width]);\n\n return (\n <>\n <Modal\n {...rest}\n onOk={memoOnOk}\n width={widthProp}\n onCancel={memoOnCancel}\n open={isOpen || open}\n footer={hideFooter ? null : footer ?? undefined}\n wrapClassName={wrapClassName}\n className={`${props.className} ${props.defaultStylesClassName} ${modalScopeClassName}`}\n />\n {trigger ? <div onClick={() => setIsOpen(true)}>{trigger}</div> : null}\n </>\n );\n}\n\nexport function registerModal(loader?: Registerable) {\n registerComponentHelper(loader, AntdModal, {\n name: \"plasmic-antd5-modal\",\n displayName: \"Modal\",\n styleSections,\n description:\n \"[See tutorial video](https://www.youtube.com/watch?v=TkjxNJIFun8)\",\n props: {\n open: {\n type: \"boolean\",\n },\n width: {\n type: \"string\",\n defaultValueHint: \"520px\",\n description: \"Change the width of the modal\",\n helpText:\n \"Default unit is px. You can also use % or other units for width.\",\n },\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"vbox\",\n children: [\"Modal content\"],\n },\n },\n title: {\n type: \"slot\",\n defaultValue: \"Modal title\",\n },\n footer: {\n type: \"slot\",\n hidePlaceholder: true,\n hidden: (ps) => ps.hideFooter ?? false,\n },\n trigger: {\n type: \"slot\",\n hidePlaceholder: true,\n defaultValue: {\n type: \"component\",\n name: \"plasmic-antd5-button\",\n props: {\n children: {\n type: \"text\",\n value: \"Show modal\",\n },\n },\n },\n ...({\n mergeWithParent: true,\n } as any),\n },\n closeIcon: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n onOk: {\n type: \"eventHandler\",\n argTypes: [],\n } as any,\n onCancel: {\n type: \"eventHandler\",\n argTypes: [],\n } as any,\n okText: {\n type: \"string\",\n hidden: (ps) => !!ps.footer,\n advanced: true,\n },\n cancelText: {\n type: \"string\",\n hidden: (ps) => !!ps.footer,\n advanced: true,\n },\n hideFooter: {\n type: \"boolean\",\n description: \"Hide the modal footer slot\",\n advanced: true,\n },\n onOpenChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"open\", type: \"boolean\" }],\n } as any,\n maskClosable: {\n type: \"boolean\",\n displayName: \"Close modal on outside click?\",\n description:\n \"Whether to close the modal when user clicks outside the modal\",\n defaultValueHint: true,\n },\n wrapClassName: {\n type: \"class\",\n displayName: \"Modal overlay\",\n styleSections: [\"background\"],\n },\n modalScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"modal\",\n } as any,\n modalContentClassName: {\n type: \"class\",\n displayName: \"Modal content\",\n noSelf: true,\n styleSections,\n selectors: [\n {\n selector: \":modal .ant-modal-content\",\n label: \"Base\",\n },\n ],\n } as any,\n closeButtonClassName: {\n type: \"class\",\n displayName: \"Close button\",\n noSelf: true,\n selectors: [\n {\n selector: \":modal .ant-modal-close\",\n label: \"Base\",\n },\n ],\n advanced: true,\n } as any,\n defaultStylesClassName: {\n type: \"themeResetClass\",\n } as any,\n },\n states: {\n open: {\n type: \"writable\",\n valueProp: \"open\",\n onChangeProp: \"onOpenChange\",\n variableType: \"boolean\",\n },\n },\n templates: {\n \"Modal Form\": {\n props: {\n children: {\n type: \"component\",\n name: \"plasmic-antd5-form\",\n },\n hideFooter: true,\n },\n },\n \"Generic Modal\": {},\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerModal\",\n importName: \"AntdModal\",\n });\n}\n"],"names":["useState","React","useMemo","Modal","registerComponentHelper"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"registerModal.cjs.js","sources":["../src/registerModal.tsx"],"sourcesContent":["import type { StyleSection } from \"@plasmicapp/host/registerComponent\";\nimport { Modal } from \"antd\";\nimport React, { ReactElement, useMemo } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\n// hide sizing section, as width can only be set via a width prop, and not css!\nconst styleSections: StyleSection[] = [\n \"visibility\",\n \"typography\",\n \"spacing\",\n \"background\",\n \"transform\",\n \"transitions\",\n \"layout\",\n \"overflow\",\n \"border\",\n \"shadows\",\n \"effects\",\n];\n\nexport function AntdModal(\n props: React.ComponentProps<typeof Modal> & {\n onOpenChange?: (open: boolean) => void;\n defaultStylesClassName?: string;\n modalScopeClassName: string;\n wrapClassName: string;\n hideFooter?: boolean;\n trigger?: ReactElement;\n }\n) {\n const {\n onOpenChange,\n onOk,\n onCancel,\n open,\n width,\n footer,\n hideFooter,\n modalScopeClassName,\n wrapClassName,\n trigger,\n ...rest\n } = props;\n\n const memoOnOk = React.useMemo(() => {\n if (onOpenChange || onOk) {\n return (e: React.MouseEvent<HTMLButtonElement>) => {\n onOpenChange?.(false);\n onOk?.(e);\n };\n } else {\n return undefined;\n }\n }, [onOpenChange, onOk]);\n const memoOnCancel = React.useMemo(() => {\n if (onOpenChange || onCancel) {\n return (e: React.MouseEvent<HTMLButtonElement>) => {\n onOpenChange?.(false);\n onCancel?.(e);\n };\n } else {\n return undefined;\n }\n }, [onOpenChange, onCancel]);\n\n const widthProp = useMemo(() => {\n if (!width) return undefined;\n if (typeof width === \"number\") return width;\n if (typeof width !== \"string\") return undefined;\n if (/^\\d+$/.test(width)) {\n return +width;\n }\n return width;\n }, [width]);\n\n return (\n <>\n <Modal\n {...rest}\n onOk={memoOnOk}\n width={widthProp}\n onCancel={memoOnCancel}\n open={open}\n footer={hideFooter ? null : footer ?? undefined}\n wrapClassName={wrapClassName}\n className={`${props.className} ${props.defaultStylesClassName} ${modalScopeClassName}`}\n />\n {trigger ? (\n <div onClick={() => onOpenChange?.(true)}>{trigger}</div>\n ) : null}\n </>\n );\n}\n\nexport function registerModal(loader?: Registerable) {\n registerComponentHelper(loader, AntdModal, {\n name: \"plasmic-antd5-modal\",\n displayName: \"Modal\",\n styleSections,\n description:\n \"[See tutorial video](https://www.youtube.com/watch?v=TkjxNJIFun8)\",\n props: {\n open: {\n type: \"boolean\",\n },\n width: {\n type: \"string\",\n defaultValueHint: \"520px\",\n description: \"Change the width of the modal\",\n helpText:\n \"Default unit is px. You can also use % or other units for width.\",\n },\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"vbox\",\n children: [\"Modal content\"],\n },\n },\n title: {\n type: \"slot\",\n defaultValue: \"Modal title\",\n },\n footer: {\n type: \"slot\",\n hidePlaceholder: true,\n hidden: (ps) => ps.hideFooter ?? false,\n },\n trigger: {\n type: \"slot\",\n hidePlaceholder: true,\n defaultValue: {\n type: \"component\",\n name: \"plasmic-antd5-button\",\n props: {\n children: {\n type: \"text\",\n value: \"Show modal\",\n },\n },\n },\n ...({\n mergeWithParent: true,\n } as any),\n },\n closeIcon: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n onOk: {\n type: \"eventHandler\",\n argTypes: [],\n } as any,\n onCancel: {\n type: \"eventHandler\",\n argTypes: [],\n } as any,\n okText: {\n type: \"string\",\n hidden: (ps) => !!ps.footer,\n advanced: true,\n },\n cancelText: {\n type: \"string\",\n hidden: (ps) => !!ps.footer,\n advanced: true,\n },\n hideFooter: {\n type: \"boolean\",\n description: \"Hide the modal footer slot\",\n advanced: true,\n },\n onOpenChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"open\", type: \"boolean\" }],\n } as any,\n maskClosable: {\n type: \"boolean\",\n displayName: \"Close modal on outside click?\",\n description:\n \"Whether to close the modal when user clicks outside the modal\",\n defaultValueHint: true,\n },\n wrapClassName: {\n type: \"class\",\n displayName: \"Modal overlay\",\n styleSections: [\"background\"],\n },\n modalScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"modal\",\n } as any,\n modalContentClassName: {\n type: \"class\",\n displayName: \"Modal content\",\n noSelf: true,\n styleSections,\n selectors: [\n {\n selector: \":modal .ant-modal-content\",\n label: \"Base\",\n },\n ],\n } as any,\n closeButtonClassName: {\n type: \"class\",\n displayName: \"Close button\",\n noSelf: true,\n selectors: [\n {\n selector: \":modal .ant-modal-close\",\n label: \"Base\",\n },\n ],\n advanced: true,\n } as any,\n defaultStylesClassName: {\n type: \"themeResetClass\",\n } as any,\n },\n states: {\n open: {\n type: \"writable\",\n valueProp: \"open\",\n onChangeProp: \"onOpenChange\",\n variableType: \"boolean\",\n },\n },\n templates: {\n \"Modal Form\": {\n props: {\n children: {\n type: \"component\",\n name: \"plasmic-antd5-form\",\n },\n hideFooter: true,\n },\n },\n \"Generic Modal\": {},\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerModal\",\n importName: \"AntdModal\",\n });\n}\n"],"names":["React","useMemo","Modal","registerComponentHelper"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Modal } from 'antd';
|
|
2
|
-
import React, {
|
|
2
|
+
import React, { useMemo } from 'react';
|
|
3
3
|
import { r as registerComponentHelper } from './utils-7d8f2418.esm.js';
|
|
4
4
|
import '@plasmicapp/host/registerComponent';
|
|
5
5
|
import '@plasmicapp/host/registerGlobalContext';
|
|
@@ -49,7 +49,6 @@ const styleSections = [
|
|
|
49
49
|
"effects"
|
|
50
50
|
];
|
|
51
51
|
function AntdModal(props) {
|
|
52
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
53
52
|
const _a = props, {
|
|
54
53
|
onOpenChange,
|
|
55
54
|
onOk,
|
|
@@ -76,7 +75,6 @@ function AntdModal(props) {
|
|
|
76
75
|
const memoOnOk = React.useMemo(() => {
|
|
77
76
|
if (onOpenChange || onOk) {
|
|
78
77
|
return (e) => {
|
|
79
|
-
setIsOpen(false);
|
|
80
78
|
onOpenChange == null ? void 0 : onOpenChange(false);
|
|
81
79
|
onOk == null ? void 0 : onOk(e);
|
|
82
80
|
};
|
|
@@ -87,7 +85,6 @@ function AntdModal(props) {
|
|
|
87
85
|
const memoOnCancel = React.useMemo(() => {
|
|
88
86
|
if (onOpenChange || onCancel) {
|
|
89
87
|
return (e) => {
|
|
90
|
-
setIsOpen(false);
|
|
91
88
|
onOpenChange == null ? void 0 : onOpenChange(false);
|
|
92
89
|
onCancel == null ? void 0 : onCancel(e);
|
|
93
90
|
};
|
|
@@ -113,12 +110,12 @@ function AntdModal(props) {
|
|
|
113
110
|
onOk: memoOnOk,
|
|
114
111
|
width: widthProp,
|
|
115
112
|
onCancel: memoOnCancel,
|
|
116
|
-
open
|
|
113
|
+
open,
|
|
117
114
|
footer: hideFooter ? null : footer != null ? footer : void 0,
|
|
118
115
|
wrapClassName,
|
|
119
116
|
className: `${props.className} ${props.defaultStylesClassName} ${modalScopeClassName}`
|
|
120
117
|
})
|
|
121
|
-
), trigger ? /* @__PURE__ */ React.createElement("div", { onClick: () =>
|
|
118
|
+
), trigger ? /* @__PURE__ */ React.createElement("div", { onClick: () => onOpenChange == null ? void 0 : onOpenChange(true) }, trigger) : null);
|
|
122
119
|
}
|
|
123
120
|
function registerModal(loader) {
|
|
124
121
|
registerComponentHelper(loader, AntdModal, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerModal.esm.js","sources":["../src/registerModal.tsx"],"sourcesContent":["import type { StyleSection } from \"@plasmicapp/host/registerComponent\";\nimport { Modal } from \"antd\";\nimport React, { ReactElement, useMemo, useState } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\n// hide sizing section, as width can only be set via a width prop, and not css!\nconst styleSections: StyleSection[] = [\n \"visibility\",\n \"typography\",\n \"spacing\",\n \"background\",\n \"transform\",\n \"transitions\",\n \"layout\",\n \"overflow\",\n \"border\",\n \"shadows\",\n \"effects\",\n];\n\nexport function AntdModal(\n props: React.ComponentProps<typeof Modal> & {\n onOpenChange?: (open: boolean) => void;\n defaultStylesClassName?: string;\n modalScopeClassName: string;\n wrapClassName: string;\n hideFooter?: boolean;\n trigger?: ReactElement;\n }\n) {\n const [isOpen, setIsOpen] = useState(false);\n\n const {\n onOpenChange,\n onOk,\n onCancel,\n open,\n width,\n footer,\n hideFooter,\n modalScopeClassName,\n wrapClassName,\n trigger,\n ...rest\n } = props;\n\n const memoOnOk = React.useMemo(() => {\n if (onOpenChange || onOk) {\n return (e: React.MouseEvent<HTMLButtonElement>) => {\n setIsOpen(false);\n onOpenChange?.(false);\n onOk?.(e);\n };\n } else {\n return undefined;\n }\n }, [onOpenChange, onOk]);\n const memoOnCancel = React.useMemo(() => {\n if (onOpenChange || onCancel) {\n return (e: React.MouseEvent<HTMLButtonElement>) => {\n setIsOpen(false);\n onOpenChange?.(false);\n onCancel?.(e);\n };\n } else {\n return undefined;\n }\n }, [onOpenChange, onCancel]);\n\n const widthProp = useMemo(() => {\n if (!width) return undefined;\n if (typeof width === \"number\") return width;\n if (typeof width !== \"string\") return undefined;\n if (/^\\d+$/.test(width)) {\n return +width;\n }\n return width;\n }, [width]);\n\n return (\n <>\n <Modal\n {...rest}\n onOk={memoOnOk}\n width={widthProp}\n onCancel={memoOnCancel}\n open={isOpen || open}\n footer={hideFooter ? null : footer ?? undefined}\n wrapClassName={wrapClassName}\n className={`${props.className} ${props.defaultStylesClassName} ${modalScopeClassName}`}\n />\n {trigger ? <div onClick={() => setIsOpen(true)}>{trigger}</div> : null}\n </>\n );\n}\n\nexport function registerModal(loader?: Registerable) {\n registerComponentHelper(loader, AntdModal, {\n name: \"plasmic-antd5-modal\",\n displayName: \"Modal\",\n styleSections,\n description:\n \"[See tutorial video](https://www.youtube.com/watch?v=TkjxNJIFun8)\",\n props: {\n open: {\n type: \"boolean\",\n },\n width: {\n type: \"string\",\n defaultValueHint: \"520px\",\n description: \"Change the width of the modal\",\n helpText:\n \"Default unit is px. You can also use % or other units for width.\",\n },\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"vbox\",\n children: [\"Modal content\"],\n },\n },\n title: {\n type: \"slot\",\n defaultValue: \"Modal title\",\n },\n footer: {\n type: \"slot\",\n hidePlaceholder: true,\n hidden: (ps) => ps.hideFooter ?? false,\n },\n trigger: {\n type: \"slot\",\n hidePlaceholder: true,\n defaultValue: {\n type: \"component\",\n name: \"plasmic-antd5-button\",\n props: {\n children: {\n type: \"text\",\n value: \"Show modal\",\n },\n },\n },\n ...({\n mergeWithParent: true,\n } as any),\n },\n closeIcon: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n onOk: {\n type: \"eventHandler\",\n argTypes: [],\n } as any,\n onCancel: {\n type: \"eventHandler\",\n argTypes: [],\n } as any,\n okText: {\n type: \"string\",\n hidden: (ps) => !!ps.footer,\n advanced: true,\n },\n cancelText: {\n type: \"string\",\n hidden: (ps) => !!ps.footer,\n advanced: true,\n },\n hideFooter: {\n type: \"boolean\",\n description: \"Hide the modal footer slot\",\n advanced: true,\n },\n onOpenChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"open\", type: \"boolean\" }],\n } as any,\n maskClosable: {\n type: \"boolean\",\n displayName: \"Close modal on outside click?\",\n description:\n \"Whether to close the modal when user clicks outside the modal\",\n defaultValueHint: true,\n },\n wrapClassName: {\n type: \"class\",\n displayName: \"Modal overlay\",\n styleSections: [\"background\"],\n },\n modalScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"modal\",\n } as any,\n modalContentClassName: {\n type: \"class\",\n displayName: \"Modal content\",\n noSelf: true,\n styleSections,\n selectors: [\n {\n selector: \":modal .ant-modal-content\",\n label: \"Base\",\n },\n ],\n } as any,\n closeButtonClassName: {\n type: \"class\",\n displayName: \"Close button\",\n noSelf: true,\n selectors: [\n {\n selector: \":modal .ant-modal-close\",\n label: \"Base\",\n },\n ],\n advanced: true,\n } as any,\n defaultStylesClassName: {\n type: \"themeResetClass\",\n } as any,\n },\n states: {\n open: {\n type: \"writable\",\n valueProp: \"open\",\n onChangeProp: \"onOpenChange\",\n variableType: \"boolean\",\n },\n },\n templates: {\n \"Modal Form\": {\n props: {\n children: {\n type: \"component\",\n name: \"plasmic-antd5-form\",\n },\n hideFooter: true,\n },\n },\n \"Generic Modal\": {},\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerModal\",\n importName: \"AntdModal\",\n });\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"registerModal.esm.js","sources":["../src/registerModal.tsx"],"sourcesContent":["import type { StyleSection } from \"@plasmicapp/host/registerComponent\";\nimport { Modal } from \"antd\";\nimport React, { ReactElement, useMemo } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\n// hide sizing section, as width can only be set via a width prop, and not css!\nconst styleSections: StyleSection[] = [\n \"visibility\",\n \"typography\",\n \"spacing\",\n \"background\",\n \"transform\",\n \"transitions\",\n \"layout\",\n \"overflow\",\n \"border\",\n \"shadows\",\n \"effects\",\n];\n\nexport function AntdModal(\n props: React.ComponentProps<typeof Modal> & {\n onOpenChange?: (open: boolean) => void;\n defaultStylesClassName?: string;\n modalScopeClassName: string;\n wrapClassName: string;\n hideFooter?: boolean;\n trigger?: ReactElement;\n }\n) {\n const {\n onOpenChange,\n onOk,\n onCancel,\n open,\n width,\n footer,\n hideFooter,\n modalScopeClassName,\n wrapClassName,\n trigger,\n ...rest\n } = props;\n\n const memoOnOk = React.useMemo(() => {\n if (onOpenChange || onOk) {\n return (e: React.MouseEvent<HTMLButtonElement>) => {\n onOpenChange?.(false);\n onOk?.(e);\n };\n } else {\n return undefined;\n }\n }, [onOpenChange, onOk]);\n const memoOnCancel = React.useMemo(() => {\n if (onOpenChange || onCancel) {\n return (e: React.MouseEvent<HTMLButtonElement>) => {\n onOpenChange?.(false);\n onCancel?.(e);\n };\n } else {\n return undefined;\n }\n }, [onOpenChange, onCancel]);\n\n const widthProp = useMemo(() => {\n if (!width) return undefined;\n if (typeof width === \"number\") return width;\n if (typeof width !== \"string\") return undefined;\n if (/^\\d+$/.test(width)) {\n return +width;\n }\n return width;\n }, [width]);\n\n return (\n <>\n <Modal\n {...rest}\n onOk={memoOnOk}\n width={widthProp}\n onCancel={memoOnCancel}\n open={open}\n footer={hideFooter ? null : footer ?? undefined}\n wrapClassName={wrapClassName}\n className={`${props.className} ${props.defaultStylesClassName} ${modalScopeClassName}`}\n />\n {trigger ? (\n <div onClick={() => onOpenChange?.(true)}>{trigger}</div>\n ) : null}\n </>\n );\n}\n\nexport function registerModal(loader?: Registerable) {\n registerComponentHelper(loader, AntdModal, {\n name: \"plasmic-antd5-modal\",\n displayName: \"Modal\",\n styleSections,\n description:\n \"[See tutorial video](https://www.youtube.com/watch?v=TkjxNJIFun8)\",\n props: {\n open: {\n type: \"boolean\",\n },\n width: {\n type: \"string\",\n defaultValueHint: \"520px\",\n description: \"Change the width of the modal\",\n helpText:\n \"Default unit is px. You can also use % or other units for width.\",\n },\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"vbox\",\n children: [\"Modal content\"],\n },\n },\n title: {\n type: \"slot\",\n defaultValue: \"Modal title\",\n },\n footer: {\n type: \"slot\",\n hidePlaceholder: true,\n hidden: (ps) => ps.hideFooter ?? false,\n },\n trigger: {\n type: \"slot\",\n hidePlaceholder: true,\n defaultValue: {\n type: \"component\",\n name: \"plasmic-antd5-button\",\n props: {\n children: {\n type: \"text\",\n value: \"Show modal\",\n },\n },\n },\n ...({\n mergeWithParent: true,\n } as any),\n },\n closeIcon: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n onOk: {\n type: \"eventHandler\",\n argTypes: [],\n } as any,\n onCancel: {\n type: \"eventHandler\",\n argTypes: [],\n } as any,\n okText: {\n type: \"string\",\n hidden: (ps) => !!ps.footer,\n advanced: true,\n },\n cancelText: {\n type: \"string\",\n hidden: (ps) => !!ps.footer,\n advanced: true,\n },\n hideFooter: {\n type: \"boolean\",\n description: \"Hide the modal footer slot\",\n advanced: true,\n },\n onOpenChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"open\", type: \"boolean\" }],\n } as any,\n maskClosable: {\n type: \"boolean\",\n displayName: \"Close modal on outside click?\",\n description:\n \"Whether to close the modal when user clicks outside the modal\",\n defaultValueHint: true,\n },\n wrapClassName: {\n type: \"class\",\n displayName: \"Modal overlay\",\n styleSections: [\"background\"],\n },\n modalScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"modal\",\n } as any,\n modalContentClassName: {\n type: \"class\",\n displayName: \"Modal content\",\n noSelf: true,\n styleSections,\n selectors: [\n {\n selector: \":modal .ant-modal-content\",\n label: \"Base\",\n },\n ],\n } as any,\n closeButtonClassName: {\n type: \"class\",\n displayName: \"Close button\",\n noSelf: true,\n selectors: [\n {\n selector: \":modal .ant-modal-close\",\n label: \"Base\",\n },\n ],\n advanced: true,\n } as any,\n defaultStylesClassName: {\n type: \"themeResetClass\",\n } as any,\n },\n states: {\n open: {\n type: \"writable\",\n valueProp: \"open\",\n onChangeProp: \"onOpenChange\",\n variableType: \"boolean\",\n },\n },\n templates: {\n \"Modal Form\": {\n props: {\n children: {\n type: \"component\",\n name: \"plasmic-antd5-form\",\n },\n hideFooter: true,\n },\n },\n \"Generic Modal\": {},\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerModal\",\n importName: \"AntdModal\",\n });\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -90,7 +90,8 @@ function AntdRangeSlider(props) {
|
|
|
90
90
|
valueMin,
|
|
91
91
|
valueMax,
|
|
92
92
|
defaultValueMin,
|
|
93
|
-
defaultValueMax
|
|
93
|
+
defaultValueMax,
|
|
94
|
+
onAfterChange
|
|
94
95
|
} = _a, rest = __objRest(_a, [
|
|
95
96
|
"marks",
|
|
96
97
|
"stylableMarks",
|
|
@@ -104,7 +105,8 @@ function AntdRangeSlider(props) {
|
|
|
104
105
|
"valueMin",
|
|
105
106
|
"valueMax",
|
|
106
107
|
"defaultValueMin",
|
|
107
|
-
"defaultValueMax"
|
|
108
|
+
"defaultValueMax",
|
|
109
|
+
"onAfterChange"
|
|
108
110
|
]);
|
|
109
111
|
const marksProp = useMarks({ simpleMarks: marks, stylableMarks });
|
|
110
112
|
const tooltipProp = useTooltip({
|
|
@@ -121,7 +123,8 @@ function AntdRangeSlider(props) {
|
|
|
121
123
|
range: { draggableTrack },
|
|
122
124
|
className: `${sliderScopeClassName} ${className}`,
|
|
123
125
|
tooltip: tooltipProp,
|
|
124
|
-
marks: marksProp
|
|
126
|
+
marks: marksProp,
|
|
127
|
+
onChangeComplete: onAfterChange
|
|
125
128
|
}, rest)
|
|
126
129
|
);
|
|
127
130
|
}
|
|
@@ -134,7 +137,8 @@ function AntdSingleSlider(props) {
|
|
|
134
137
|
tooltipVisible,
|
|
135
138
|
tooltipPlacement,
|
|
136
139
|
tooltipPrefix,
|
|
137
|
-
tooltipSuffix
|
|
140
|
+
tooltipSuffix,
|
|
141
|
+
onAfterChange
|
|
138
142
|
} = _a, rest = __objRest(_a, [
|
|
139
143
|
"marks",
|
|
140
144
|
"stylableMarks",
|
|
@@ -143,7 +147,8 @@ function AntdSingleSlider(props) {
|
|
|
143
147
|
"tooltipVisible",
|
|
144
148
|
"tooltipPlacement",
|
|
145
149
|
"tooltipPrefix",
|
|
146
|
-
"tooltipSuffix"
|
|
150
|
+
"tooltipSuffix",
|
|
151
|
+
"onAfterChange"
|
|
147
152
|
]);
|
|
148
153
|
const marksProp = useMarks({ simpleMarks: marks, stylableMarks });
|
|
149
154
|
const tooltipProp = useTooltip({
|
|
@@ -157,7 +162,9 @@ function AntdSingleSlider(props) {
|
|
|
157
162
|
__spreadValues({
|
|
158
163
|
className: `${sliderScopeClassName} ${className}`,
|
|
159
164
|
tooltip: tooltipProp,
|
|
160
|
-
marks: marksProp
|
|
165
|
+
marks: marksProp,
|
|
166
|
+
range: false,
|
|
167
|
+
onChangeComplete: onAfterChange
|
|
161
168
|
}, rest)
|
|
162
169
|
);
|
|
163
170
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerSlider.cjs.js","sources":["../src/registerSlider.tsx"],"sourcesContent":["import { PropType } from \"@plasmicapp/host\";\nimport { Slider } from \"antd\";\nimport type { SliderTooltipProps } from \"antd/lib/slider\";\nimport type { TooltipPlacement } from \"antd/lib/tooltip\";\nimport kebabCase from \"lodash/kebabCase\";\nimport React, { ReactElement, useMemo } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport type StylableMark = {\n mark: number;\n children: React.ReactNode;\n};\n\nexport type SliderTooltip = {\n tooltipPrefix?: string;\n tooltipSuffix?: string;\n tooltipVisible?: boolean | string;\n tooltipPlacement?: TooltipPlacement;\n};\n\nexport type SimpleMark = { value: number; label: string };\n\nexport type AntdSliderBaseProps = Omit<\n React.ComponentProps<typeof Slider>,\n | \"range\"\n | \"tooltipVisible\"\n | \"tooltip\"\n | \"marks\"\n | \"onChange\"\n | \"onAfterChange\"\n | \"value\"\n | \"defaultValue\"\n | \"trackStyle\"\n | \"railStyle\"\n | \"handleStyle\"\n> &\n SliderTooltip & {\n stylableMarks?: ReactElement;\n marks?: SimpleMark[];\n sliderScopeClassName?: string;\n };\n\nexport interface AntdSingleSliderProps extends AntdSliderBaseProps {\n value?: number;\n defaultValue?: number;\n onChange: (value?: number) => void;\n onAfterChange: (value?: number) => void;\n}\n\nexport interface AntdRangeSliderProps extends AntdSliderBaseProps {\n draggableTrack?: boolean;\n valueMin?: number;\n valueMax?: number;\n defaultValueMin?: number;\n defaultValueMax?: number;\n onChange: (value?: number[]) => void;\n onAfterChange: (value?: number[]) => void;\n}\n\nexport function useMarks({\n simpleMarks,\n stylableMarks,\n}: {\n simpleMarks?: SimpleMark[];\n stylableMarks?: ReactElement;\n}): Record<number, React.ReactNode | { label: string }> {\n const marks: Record<number, React.ReactNode | { label: string }> =\n useMemo(() => {\n const stylableMarksList =\n (stylableMarks?.type as any)?.name == AntdSliderMark.name\n ? [stylableMarks]\n : stylableMarks?.props.children;\n const res: Record<number, React.ReactNode | { label: string }> = {};\n\n stylableMarksList\n ?.filter(\n (c: any) =>\n React.isValidElement(c) &&\n (c.type as any)?.name === AntdSliderMark.name\n )\n .forEach((c: ReactElement<StylableMark>) => {\n res[c.props.mark] = c.props.children;\n });\n\n simpleMarks?.forEach((mark) => {\n res[mark.value] = { label: mark.label };\n });\n return res;\n }, [simpleMarks, stylableMarks]);\n\n return marks;\n}\n\nexport function useTooltip({\n tooltipVisible,\n tooltipPlacement,\n tooltipPrefix,\n tooltipSuffix,\n}: SliderTooltip): SliderTooltipProps {\n return {\n open: tooltipVisible === \"unset\" ? undefined : Boolean(tooltipVisible),\n placement: tooltipPlacement,\n getPopupContainer: (node) => node,\n formatter: (value) =>\n `${tooltipPrefix || \"\"}${value}${tooltipSuffix || \"\"}`,\n };\n}\n\nexport function AntdRangeSlider(props: AntdRangeSliderProps) {\n const {\n marks,\n stylableMarks,\n sliderScopeClassName,\n className,\n tooltipVisible,\n tooltipPlacement,\n tooltipPrefix,\n tooltipSuffix,\n draggableTrack,\n valueMin,\n valueMax,\n defaultValueMin,\n defaultValueMax,\n ...rest\n } = props;\n const marksProp = useMarks({ simpleMarks: marks, stylableMarks });\n const tooltipProp = useTooltip({\n tooltipVisible,\n tooltipPlacement,\n tooltipPrefix,\n tooltipSuffix,\n });\n return (\n <Slider\n value={[valueMin || 0, valueMax || 0]}\n defaultValue={[defaultValueMin || 0, defaultValueMax || 0]}\n range={{ draggableTrack }}\n className={`${sliderScopeClassName} ${className}`}\n tooltip={tooltipProp}\n marks={marksProp}\n {...rest}\n />\n );\n}\n\nexport function AntdSingleSlider(props: AntdSingleSliderProps) {\n const {\n marks,\n stylableMarks,\n sliderScopeClassName,\n className,\n tooltipVisible,\n tooltipPlacement,\n tooltipPrefix,\n tooltipSuffix,\n ...rest\n } = props;\n\n const marksProp = useMarks({ simpleMarks: marks, stylableMarks });\n const tooltipProp = useTooltip({\n tooltipVisible,\n tooltipPlacement,\n tooltipPrefix,\n tooltipSuffix,\n });\n return (\n <Slider\n className={`${sliderScopeClassName} ${className}`}\n tooltip={tooltipProp}\n marks={marksProp}\n {...rest}\n />\n );\n}\n\nexport function AntdSliderMark(props: StylableMark) {\n return <>{props.children}</>;\n}\n\nexport const sliderComponentName = \"plasmic-antd5-slider\";\nexport const rangeSliderComponentName = \"plasmic-antd5-range-slider\";\nexport const sliderMarkComponentName = \"plasmic-antd5-slider-mark\";\n\nconst commonProps: Record<string, PropType<any>> = {\n autoFocus: {\n type: \"boolean\",\n description: \"Focus when component is rendered\",\n defaultValueHint: false,\n advanced: true,\n },\n disabled: {\n type: \"boolean\",\n description: \"If true, the slider thumb will not be draggable\",\n defaultValueHint: false,\n },\n keyboard: {\n type: \"boolean\",\n description: \"Support using keyboard to move handlers\",\n defaultValueHint: true,\n advanced: true,\n },\n dots: {\n type: \"boolean\",\n displayName: \"Show dots\",\n description: \"Show dot at every step on the slider\",\n defaultValueHint: false,\n advanced: true,\n },\n marks: {\n type: \"array\",\n description: \"Specific markers or snap points on the slider\",\n itemType: {\n nameFunc: (value) => `${value.value} → ${value.label}`,\n type: \"object\",\n fields: {\n value: {\n type: \"number\",\n description: \"value on the slider\",\n },\n label: \"string\",\n },\n },\n },\n stylableMarks: {\n type: \"slot\",\n displayName: \"Stylable Marks\",\n allowedComponents: [sliderMarkComponentName],\n defaultValue: [\n {\n type: \"component\",\n name: sliderMarkComponentName,\n props: {\n mark: 50,\n children: {\n type: \"text\",\n value: \"Stylable Mark\",\n },\n },\n },\n ],\n },\n included: {\n type: \"boolean\",\n description: \"Fill the slider till the selected value\",\n defaultValueHint: true,\n advanced: true,\n },\n min: {\n type: \"number\",\n description: \"The minimum value the slider can slide to\",\n defaultValueHint: 0,\n displayName: \"Slider start\",\n },\n max: {\n type: \"number\",\n description: \"The maximum value the slider can slide to\",\n defaultValueHint: 100,\n displayName: \"Slider end\",\n },\n reverse: {\n type: \"boolean\",\n description:\n \"Reverse the slider, so that the starting point is at the right end\",\n defaultValueHint: false,\n advanced: true,\n },\n step: {\n type: \"number\",\n description: \"Granularity of the slider's movement\",\n defaultValueHint: 1,\n min: 0,\n },\n vertical: {\n type: \"boolean\",\n description: \"Slide vertically\",\n defaultValueHint: false,\n advanced: true,\n helpText:\n \"Please increase the slider height to make the vertical slider visible\",\n },\n tooltipVisible: {\n type: \"choice\",\n displayName: \"Show tooltip\",\n options: [\n {\n value: true,\n label: \"Always\",\n },\n {\n value: false,\n label: \"Never\",\n },\n {\n value: \"unset\",\n label: \"Only on drag/hover\",\n },\n ],\n defaultValueHint: \"unset\",\n defaultValue: \"unset\",\n advanced: true,\n },\n tooltipPlacement: {\n type: \"choice\",\n options: [\n \"topLeft\",\n \"top\",\n \"topRight\",\n \"leftTop\",\n \"left\",\n \"leftBottom\",\n \"rightTop\",\n \"right\",\n \"rightBottom\",\n \"bottomLeft\",\n \"bottom\",\n \"bottomRight\",\n ].map((item) => ({\n value: item,\n label: kebabCase(item),\n })),\n description: \"Default placement of tooltip\",\n defaultValueHint: \"top\",\n advanced: true,\n },\n tooltipPrefix: {\n type: \"string\",\n description: \"Add a prefix to the slider value inside tooltip\",\n advanced: true,\n },\n tooltipSuffix: {\n type: \"string\",\n description: \"Add a suffix to the slider value inside tooltip\",\n advanced: true,\n },\n sliderScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"slider\",\n } as any,\n railClassName: {\n type: \"class\",\n displayName: \"Rail\",\n description: \"The path on which the thumb moves\",\n selectors: [\n {\n selector: \":slider.ant-slider .ant-slider-rail\",\n label: \"Base\",\n },\n ],\n },\n trackClassName: {\n type: \"class\",\n displayName: \"Track\",\n description: \"The inclusive part of the slider rail\",\n selectors: [\n {\n selector: \":slider.ant-slider .ant-slider-track\",\n label: \"Base\",\n },\n ],\n },\n handleClassName: {\n type: \"class\",\n displayName: \"Handle\",\n description: \"Thumb of the slider that moves on drag\",\n selectors: [\n {\n selector: \":slider.ant-slider .ant-slider-handle::after\",\n label: \"Base\",\n },\n ],\n },\n dotClassName: {\n type: \"class\",\n displayName: \"Step dots\",\n description: \"The dots that represent steps on the slider rail\",\n selectors: [\n {\n selector: \":slider.ant-slider .ant-slider-dot\",\n label: \"Base\",\n },\n ],\n },\n activeDotClassName: {\n type: \"class\",\n displayName: \"Active dots\",\n description: \"The dots within the inclusive part of the slider rail\",\n selectors: [\n {\n selector: \":slider.ant-slider .ant-slider-dot.ant-slider-dot-active\",\n label: \"Base\",\n },\n ],\n },\n tooltipClassName: {\n type: \"class\",\n displayName: \"Tooltip\",\n description: \"The tooltip that shows the value of the slider\",\n selectors: [\n {\n selector: \":slider.ant-slider .ant-slider-tooltip\",\n label: \"Base\",\n },\n ],\n },\n};\n\nexport const rangeSliderHelpers = {\n states: {\n min: {\n onChangeArgsToValue: (value: number[]) => value[0],\n },\n max: {\n onChangeArgsToValue: (value: number[]) => value[1],\n },\n },\n};\n\nexport function registerSlider(loader?: Registerable) {\n registerComponentHelper(loader, AntdSingleSlider, {\n name: sliderComponentName,\n displayName: \"Slider\",\n defaultStyles: {\n width: \"300px\",\n },\n props: {\n value: {\n type: \"number\",\n editOnly: true,\n uncontrolledProp: \"defaultValue\",\n description: \"The default value of the slider\",\n hidden: (ps: any) => !!ps.__plasmicFormField,\n },\n onChange: {\n type: \"eventHandler\",\n advanced: true,\n argTypes: [{ name: \"value\", type: \"number\" }],\n },\n onAfterChange: {\n type: \"eventHandler\",\n advanced: true,\n argTypes: [{ name: \"value\", type: \"number\" }],\n },\n ...commonProps,\n },\n states: {\n value: {\n type: \"writable\",\n valueProp: \"value\",\n onChangeProp: \"onChange\",\n variableType: \"text\",\n hidden: (ps: any) => !!ps.__plasmicFormField,\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerSlider\",\n importName: \"AntdSingleSlider\",\n });\n registerComponentHelper(loader, AntdRangeSlider, {\n name: rangeSliderComponentName,\n displayName: \"Range Slider\",\n defaultStyles: {\n width: \"300px\",\n },\n props: {\n draggableTrack: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Whether range track can be dragged\",\n },\n valueMin: {\n type: \"number\",\n editOnly: true,\n uncontrolledProp: \"defaultValueMin\",\n description: \"The default minimum value of the range slider\",\n },\n valueMax: {\n type: \"number\",\n editOnly: true,\n uncontrolledProp: \"defaultValueMax\",\n description: \"The default maximum value of the range slider\",\n },\n onChange: {\n type: \"eventHandler\",\n advanced: true,\n argTypes: [{ name: \"value\", type: \"object\" }],\n },\n onAfterChange: {\n type: \"eventHandler\",\n advanced: true,\n argTypes: [{ name: \"value\", type: \"object\" }],\n },\n ...commonProps,\n },\n states: {\n min: {\n type: \"writable\",\n valueProp: \"valueMin\",\n onChangeProp: \"onChange\",\n variableType: \"number\",\n ...rangeSliderHelpers.states.min,\n },\n max: {\n type: \"writable\",\n valueProp: \"valueMax\",\n onChangeProp: \"onChange\",\n variableType: \"number\",\n ...rangeSliderHelpers.states.max,\n },\n },\n componentHelpers: {\n helpers: rangeSliderHelpers,\n importName: \"rangeSliderHelpers\",\n importPath: \"@plasmicpkgs/antd5/skinny/registerSlider\",\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerSlider\",\n importName: \"AntdRangeSlider\",\n });\n registerComponentHelper(loader, AntdSliderMark, {\n name: sliderMarkComponentName,\n displayName: \"Slider Mark\",\n props: {\n mark: {\n type: \"number\",\n description: \"value on the slider\",\n },\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerSlider\",\n importName: \"AntdSliderMark\",\n parentComponentName: sliderComponentName,\n });\n}\n"],"names":["useMemo","_a","React","Slider","kebabCase","registerComponentHelper"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"registerSlider.cjs.js","sources":["../src/registerSlider.tsx"],"sourcesContent":["import { PropType } from \"@plasmicapp/host\";\nimport { Slider } from \"antd\";\nimport type { SliderTooltipProps } from \"antd/lib/slider\";\nimport type { TooltipPlacement } from \"antd/lib/tooltip\";\nimport kebabCase from \"lodash/kebabCase\";\nimport React, { ReactElement, useMemo } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport type StylableMark = {\n mark: number;\n children: React.ReactNode;\n};\n\nexport type SliderTooltip = {\n tooltipPrefix?: string;\n tooltipSuffix?: string;\n tooltipVisible?: boolean | string;\n tooltipPlacement?: TooltipPlacement;\n};\n\nexport type SimpleMark = { value: number; label: string };\n\nexport type AntdSliderBaseProps = Omit<\n React.ComponentProps<typeof Slider>,\n | \"range\"\n | \"tooltipVisible\"\n | \"tooltip\"\n | \"marks\"\n | \"onChange\"\n | \"onAfterChange\"\n | \"value\"\n | \"defaultValue\"\n | \"trackStyle\"\n | \"railStyle\"\n | \"handleStyle\"\n | \"onChangeComplete\"\n> &\n SliderTooltip & {\n stylableMarks?: ReactElement;\n marks?: SimpleMark[];\n sliderScopeClassName?: string;\n };\n\nexport interface AntdSingleSliderProps extends AntdSliderBaseProps {\n value?: number;\n defaultValue?: number;\n onChange: (value?: number) => void;\n onAfterChange: (value?: number) => void;\n}\n\nexport interface AntdRangeSliderProps extends AntdSliderBaseProps {\n draggableTrack?: boolean;\n valueMin?: number;\n valueMax?: number;\n defaultValueMin?: number;\n defaultValueMax?: number;\n onChange: (value?: number[]) => void;\n onAfterChange: (value?: number[]) => void;\n}\n\nexport function useMarks({\n simpleMarks,\n stylableMarks,\n}: {\n simpleMarks?: SimpleMark[];\n stylableMarks?: ReactElement;\n}): Record<number, React.ReactNode | { label: string }> {\n const marks: Record<number, React.ReactNode | { label: string }> =\n useMemo(() => {\n const stylableMarksList =\n (stylableMarks?.type as any)?.name == AntdSliderMark.name\n ? [stylableMarks]\n : stylableMarks?.props.children;\n const res: Record<number, React.ReactNode | { label: string }> = {};\n\n stylableMarksList\n ?.filter(\n (c: any) =>\n React.isValidElement(c) &&\n (c.type as any)?.name === AntdSliderMark.name\n )\n .forEach((c: ReactElement<StylableMark>) => {\n res[c.props.mark] = c.props.children;\n });\n\n simpleMarks?.forEach((mark) => {\n res[mark.value] = { label: mark.label };\n });\n return res;\n }, [simpleMarks, stylableMarks]);\n\n return marks;\n}\n\nexport function useTooltip({\n tooltipVisible,\n tooltipPlacement,\n tooltipPrefix,\n tooltipSuffix,\n}: SliderTooltip): SliderTooltipProps {\n return {\n open: tooltipVisible === \"unset\" ? undefined : Boolean(tooltipVisible),\n placement: tooltipPlacement,\n getPopupContainer: (node) => node,\n formatter: (value) =>\n `${tooltipPrefix || \"\"}${value}${tooltipSuffix || \"\"}`,\n };\n}\n\nexport function AntdRangeSlider(props: AntdRangeSliderProps) {\n const {\n marks,\n stylableMarks,\n sliderScopeClassName,\n className,\n tooltipVisible,\n tooltipPlacement,\n tooltipPrefix,\n tooltipSuffix,\n draggableTrack,\n valueMin,\n valueMax,\n defaultValueMin,\n defaultValueMax,\n onAfterChange,\n ...rest\n } = props;\n const marksProp = useMarks({ simpleMarks: marks, stylableMarks });\n const tooltipProp = useTooltip({\n tooltipVisible,\n tooltipPlacement,\n tooltipPrefix,\n tooltipSuffix,\n });\n return (\n <Slider\n value={[valueMin || 0, valueMax || 0]}\n defaultValue={[defaultValueMin || 0, defaultValueMax || 0]}\n range={{ draggableTrack }}\n className={`${sliderScopeClassName} ${className}`}\n tooltip={tooltipProp}\n marks={marksProp}\n onChangeComplete={onAfterChange}\n {...rest}\n />\n );\n}\n\nexport function AntdSingleSlider(props: AntdSingleSliderProps) {\n const {\n marks,\n stylableMarks,\n sliderScopeClassName,\n className,\n tooltipVisible,\n tooltipPlacement,\n tooltipPrefix,\n tooltipSuffix,\n onAfterChange,\n ...rest\n } = props;\n\n const marksProp = useMarks({ simpleMarks: marks, stylableMarks });\n const tooltipProp = useTooltip({\n tooltipVisible,\n tooltipPlacement,\n tooltipPrefix,\n tooltipSuffix,\n });\n return (\n <Slider\n className={`${sliderScopeClassName} ${className}`}\n tooltip={tooltipProp}\n marks={marksProp}\n range={false}\n onChangeComplete={onAfterChange}\n {...rest}\n />\n );\n}\n\nexport function AntdSliderMark(props: StylableMark) {\n return <>{props.children}</>;\n}\n\nexport const sliderComponentName = \"plasmic-antd5-slider\";\nexport const rangeSliderComponentName = \"plasmic-antd5-range-slider\";\nexport const sliderMarkComponentName = \"plasmic-antd5-slider-mark\";\n\nconst commonProps: Record<string, PropType<any>> = {\n autoFocus: {\n type: \"boolean\",\n description: \"Focus when component is rendered\",\n defaultValueHint: false,\n advanced: true,\n },\n disabled: {\n type: \"boolean\",\n description: \"If true, the slider thumb will not be draggable\",\n defaultValueHint: false,\n },\n keyboard: {\n type: \"boolean\",\n description: \"Support using keyboard to move handlers\",\n defaultValueHint: true,\n advanced: true,\n },\n dots: {\n type: \"boolean\",\n displayName: \"Show dots\",\n description: \"Show dot at every step on the slider\",\n defaultValueHint: false,\n advanced: true,\n },\n marks: {\n type: \"array\",\n description: \"Specific markers or snap points on the slider\",\n itemType: {\n nameFunc: (value) => `${value.value} → ${value.label}`,\n type: \"object\",\n fields: {\n value: {\n type: \"number\",\n description: \"value on the slider\",\n },\n label: \"string\",\n },\n },\n },\n stylableMarks: {\n type: \"slot\",\n displayName: \"Stylable Marks\",\n allowedComponents: [sliderMarkComponentName],\n defaultValue: [\n {\n type: \"component\",\n name: sliderMarkComponentName,\n props: {\n mark: 50,\n children: {\n type: \"text\",\n value: \"Stylable Mark\",\n },\n },\n },\n ],\n },\n included: {\n type: \"boolean\",\n description: \"Fill the slider till the selected value\",\n defaultValueHint: true,\n advanced: true,\n },\n min: {\n type: \"number\",\n description: \"The minimum value the slider can slide to\",\n defaultValueHint: 0,\n displayName: \"Slider start\",\n },\n max: {\n type: \"number\",\n description: \"The maximum value the slider can slide to\",\n defaultValueHint: 100,\n displayName: \"Slider end\",\n },\n reverse: {\n type: \"boolean\",\n description:\n \"Reverse the slider, so that the starting point is at the right end\",\n defaultValueHint: false,\n advanced: true,\n },\n step: {\n type: \"number\",\n description: \"Granularity of the slider's movement\",\n defaultValueHint: 1,\n min: 0,\n },\n vertical: {\n type: \"boolean\",\n description: \"Slide vertically\",\n defaultValueHint: false,\n advanced: true,\n helpText:\n \"Please increase the slider height to make the vertical slider visible\",\n },\n tooltipVisible: {\n type: \"choice\",\n displayName: \"Show tooltip\",\n options: [\n {\n value: true,\n label: \"Always\",\n },\n {\n value: false,\n label: \"Never\",\n },\n {\n value: \"unset\",\n label: \"Only on drag/hover\",\n },\n ],\n defaultValueHint: \"unset\",\n defaultValue: \"unset\",\n advanced: true,\n },\n tooltipPlacement: {\n type: \"choice\",\n options: [\n \"topLeft\",\n \"top\",\n \"topRight\",\n \"leftTop\",\n \"left\",\n \"leftBottom\",\n \"rightTop\",\n \"right\",\n \"rightBottom\",\n \"bottomLeft\",\n \"bottom\",\n \"bottomRight\",\n ].map((item) => ({\n value: item,\n label: kebabCase(item),\n })),\n description: \"Default placement of tooltip\",\n defaultValueHint: \"top\",\n advanced: true,\n },\n tooltipPrefix: {\n type: \"string\",\n description: \"Add a prefix to the slider value inside tooltip\",\n advanced: true,\n },\n tooltipSuffix: {\n type: \"string\",\n description: \"Add a suffix to the slider value inside tooltip\",\n advanced: true,\n },\n sliderScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"slider\",\n } as any,\n railClassName: {\n type: \"class\",\n displayName: \"Rail\",\n description: \"The path on which the thumb moves\",\n selectors: [\n {\n selector: \":slider.ant-slider .ant-slider-rail\",\n label: \"Base\",\n },\n ],\n },\n trackClassName: {\n type: \"class\",\n displayName: \"Track\",\n description: \"The inclusive part of the slider rail\",\n selectors: [\n {\n selector: \":slider.ant-slider .ant-slider-track\",\n label: \"Base\",\n },\n ],\n },\n handleClassName: {\n type: \"class\",\n displayName: \"Handle\",\n description: \"Thumb of the slider that moves on drag\",\n selectors: [\n {\n selector: \":slider.ant-slider .ant-slider-handle::after\",\n label: \"Base\",\n },\n ],\n },\n dotClassName: {\n type: \"class\",\n displayName: \"Step dots\",\n description: \"The dots that represent steps on the slider rail\",\n selectors: [\n {\n selector: \":slider.ant-slider .ant-slider-dot\",\n label: \"Base\",\n },\n ],\n },\n activeDotClassName: {\n type: \"class\",\n displayName: \"Active dots\",\n description: \"The dots within the inclusive part of the slider rail\",\n selectors: [\n {\n selector: \":slider.ant-slider .ant-slider-dot.ant-slider-dot-active\",\n label: \"Base\",\n },\n ],\n },\n tooltipClassName: {\n type: \"class\",\n displayName: \"Tooltip\",\n description: \"The tooltip that shows the value of the slider\",\n selectors: [\n {\n selector: \":slider.ant-slider .ant-slider-tooltip\",\n label: \"Base\",\n },\n ],\n },\n};\n\nexport const rangeSliderHelpers = {\n states: {\n min: {\n onChangeArgsToValue: (value: number[]) => value[0],\n },\n max: {\n onChangeArgsToValue: (value: number[]) => value[1],\n },\n },\n};\n\nexport function registerSlider(loader?: Registerable) {\n registerComponentHelper(loader, AntdSingleSlider, {\n name: sliderComponentName,\n displayName: \"Slider\",\n defaultStyles: {\n width: \"300px\",\n },\n props: {\n value: {\n type: \"number\",\n editOnly: true,\n uncontrolledProp: \"defaultValue\",\n description: \"The default value of the slider\",\n hidden: (ps: any) => !!ps.__plasmicFormField,\n },\n onChange: {\n type: \"eventHandler\",\n advanced: true,\n argTypes: [{ name: \"value\", type: \"number\" }],\n },\n onAfterChange: {\n type: \"eventHandler\",\n advanced: true,\n argTypes: [{ name: \"value\", type: \"number\" }],\n },\n ...commonProps,\n },\n states: {\n value: {\n type: \"writable\",\n valueProp: \"value\",\n onChangeProp: \"onChange\",\n variableType: \"text\",\n hidden: (ps: any) => !!ps.__plasmicFormField,\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerSlider\",\n importName: \"AntdSingleSlider\",\n });\n registerComponentHelper(loader, AntdRangeSlider, {\n name: rangeSliderComponentName,\n displayName: \"Range Slider\",\n defaultStyles: {\n width: \"300px\",\n },\n props: {\n draggableTrack: {\n type: \"boolean\",\n defaultValueHint: false,\n description: \"Whether range track can be dragged\",\n },\n valueMin: {\n type: \"number\",\n editOnly: true,\n uncontrolledProp: \"defaultValueMin\",\n description: \"The default minimum value of the range slider\",\n },\n valueMax: {\n type: \"number\",\n editOnly: true,\n uncontrolledProp: \"defaultValueMax\",\n description: \"The default maximum value of the range slider\",\n },\n onChange: {\n type: \"eventHandler\",\n advanced: true,\n argTypes: [{ name: \"value\", type: \"object\" }],\n },\n onAfterChange: {\n type: \"eventHandler\",\n advanced: true,\n argTypes: [{ name: \"value\", type: \"object\" }],\n },\n ...commonProps,\n },\n states: {\n min: {\n type: \"writable\",\n valueProp: \"valueMin\",\n onChangeProp: \"onChange\",\n variableType: \"number\",\n ...rangeSliderHelpers.states.min,\n },\n max: {\n type: \"writable\",\n valueProp: \"valueMax\",\n onChangeProp: \"onChange\",\n variableType: \"number\",\n ...rangeSliderHelpers.states.max,\n },\n },\n componentHelpers: {\n helpers: rangeSliderHelpers,\n importName: \"rangeSliderHelpers\",\n importPath: \"@plasmicpkgs/antd5/skinny/registerSlider\",\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerSlider\",\n importName: \"AntdRangeSlider\",\n });\n registerComponentHelper(loader, AntdSliderMark, {\n name: sliderMarkComponentName,\n displayName: \"Slider Mark\",\n props: {\n mark: {\n type: \"number\",\n description: \"value on the slider\",\n },\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerSlider\",\n importName: \"AntdSliderMark\",\n parentComponentName: sliderComponentName,\n });\n}\n"],"names":["useMemo","_a","React","Slider","kebabCase","registerComponentHelper"],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@ export type SimpleMark = {
|
|
|
17
17
|
value: number;
|
|
18
18
|
label: string;
|
|
19
19
|
};
|
|
20
|
-
export type AntdSliderBaseProps = Omit<React.ComponentProps<typeof Slider>, "range" | "tooltipVisible" | "tooltip" | "marks" | "onChange" | "onAfterChange" | "value" | "defaultValue" | "trackStyle" | "railStyle" | "handleStyle"> & SliderTooltip & {
|
|
20
|
+
export type AntdSliderBaseProps = Omit<React.ComponentProps<typeof Slider>, "range" | "tooltipVisible" | "tooltip" | "marks" | "onChange" | "onAfterChange" | "value" | "defaultValue" | "trackStyle" | "railStyle" | "handleStyle" | "onChangeComplete"> & SliderTooltip & {
|
|
21
21
|
stylableMarks?: ReactElement;
|
|
22
22
|
marks?: SimpleMark[];
|
|
23
23
|
sliderScopeClassName?: string;
|
|
@@ -83,7 +83,8 @@ function AntdRangeSlider(props) {
|
|
|
83
83
|
valueMin,
|
|
84
84
|
valueMax,
|
|
85
85
|
defaultValueMin,
|
|
86
|
-
defaultValueMax
|
|
86
|
+
defaultValueMax,
|
|
87
|
+
onAfterChange
|
|
87
88
|
} = _a, rest = __objRest(_a, [
|
|
88
89
|
"marks",
|
|
89
90
|
"stylableMarks",
|
|
@@ -97,7 +98,8 @@ function AntdRangeSlider(props) {
|
|
|
97
98
|
"valueMin",
|
|
98
99
|
"valueMax",
|
|
99
100
|
"defaultValueMin",
|
|
100
|
-
"defaultValueMax"
|
|
101
|
+
"defaultValueMax",
|
|
102
|
+
"onAfterChange"
|
|
101
103
|
]);
|
|
102
104
|
const marksProp = useMarks({ simpleMarks: marks, stylableMarks });
|
|
103
105
|
const tooltipProp = useTooltip({
|
|
@@ -114,7 +116,8 @@ function AntdRangeSlider(props) {
|
|
|
114
116
|
range: { draggableTrack },
|
|
115
117
|
className: `${sliderScopeClassName} ${className}`,
|
|
116
118
|
tooltip: tooltipProp,
|
|
117
|
-
marks: marksProp
|
|
119
|
+
marks: marksProp,
|
|
120
|
+
onChangeComplete: onAfterChange
|
|
118
121
|
}, rest)
|
|
119
122
|
);
|
|
120
123
|
}
|
|
@@ -127,7 +130,8 @@ function AntdSingleSlider(props) {
|
|
|
127
130
|
tooltipVisible,
|
|
128
131
|
tooltipPlacement,
|
|
129
132
|
tooltipPrefix,
|
|
130
|
-
tooltipSuffix
|
|
133
|
+
tooltipSuffix,
|
|
134
|
+
onAfterChange
|
|
131
135
|
} = _a, rest = __objRest(_a, [
|
|
132
136
|
"marks",
|
|
133
137
|
"stylableMarks",
|
|
@@ -136,7 +140,8 @@ function AntdSingleSlider(props) {
|
|
|
136
140
|
"tooltipVisible",
|
|
137
141
|
"tooltipPlacement",
|
|
138
142
|
"tooltipPrefix",
|
|
139
|
-
"tooltipSuffix"
|
|
143
|
+
"tooltipSuffix",
|
|
144
|
+
"onAfterChange"
|
|
140
145
|
]);
|
|
141
146
|
const marksProp = useMarks({ simpleMarks: marks, stylableMarks });
|
|
142
147
|
const tooltipProp = useTooltip({
|
|
@@ -150,7 +155,9 @@ function AntdSingleSlider(props) {
|
|
|
150
155
|
__spreadValues({
|
|
151
156
|
className: `${sliderScopeClassName} ${className}`,
|
|
152
157
|
tooltip: tooltipProp,
|
|
153
|
-
marks: marksProp
|
|
158
|
+
marks: marksProp,
|
|
159
|
+
range: false,
|
|
160
|
+
onChangeComplete: onAfterChange
|
|
154
161
|
}, rest)
|
|
155
162
|
);
|
|
156
163
|
}
|