@cuvp1225/antd 0.1.19-beta.11 → 0.1.19-beta.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/designer.js +312 -6
  2. package/dist/index.js +312 -6
  3. package/lib/cjs/components/anchor.d.ts +4 -1
  4. package/lib/cjs/components/anchor.js +13 -43
  5. package/lib/cjs/components/backTop.d.ts +6 -0
  6. package/lib/cjs/components/backTop.js +17 -0
  7. package/lib/cjs/components/carousel.d.ts +4 -1
  8. package/lib/cjs/components/carousel.js +55 -27
  9. package/lib/cjs/components/collapse.d.ts +12 -2
  10. package/lib/cjs/components/collapse.js +11 -1
  11. package/lib/cjs/components/descriptions.js +0 -47
  12. package/lib/cjs/components/index.d.ts +4 -0
  13. package/lib/cjs/components/index.js +10 -3
  14. package/lib/cjs/components/popconfirm.d.ts +4 -1
  15. package/lib/cjs/components/popconfirm.js +72 -36
  16. package/lib/cjs/components/popover.d.ts +4 -1
  17. package/lib/cjs/components/popover.js +13 -36
  18. package/lib/cjs/components/radio.js +2 -56
  19. package/lib/cjs/components/tooltip.d.ts +5 -1
  20. package/lib/cjs/components/tooltip.js +13 -36
  21. package/lib/cjs/components/upload.js +0 -63
  22. package/lib/esm/components/anchor.d.ts +4 -1
  23. package/lib/esm/components/anchor.js +11 -42
  24. package/lib/esm/components/backTop.d.ts +6 -0
  25. package/lib/esm/components/backTop.js +13 -0
  26. package/lib/esm/components/carousel.d.ts +4 -1
  27. package/lib/esm/components/carousel.js +54 -27
  28. package/lib/esm/components/collapse.d.ts +12 -2
  29. package/lib/esm/components/collapse.js +9 -0
  30. package/lib/esm/components/descriptions.js +0 -47
  31. package/lib/esm/components/index.d.ts +4 -0
  32. package/lib/esm/components/index.js +4 -2
  33. package/lib/esm/components/popconfirm.d.ts +4 -1
  34. package/lib/esm/components/popconfirm.js +71 -36
  35. package/lib/esm/components/popover.d.ts +4 -1
  36. package/lib/esm/components/popover.js +12 -36
  37. package/lib/esm/components/radio.js +2 -56
  38. package/lib/esm/components/tooltip.d.ts +5 -1
  39. package/lib/esm/components/tooltip.js +12 -36
  40. package/lib/esm/components/upload.js +0 -63
  41. package/package.json +2 -2
@@ -3,65 +3,11 @@ import { defineComponent } from '@music163/tango-boot';
3
3
  import { SLOT } from '@music163/tango-helpers';
4
4
  import { Radio as AntRadio } from 'antd';
5
5
  import React from 'react';
6
- // function RadioDesigner({
7
- // children,
8
- // style,
9
- // [SLOT.dnd]: dataDnd,
10
- // [SLOT.id]: dataId,
11
- // ...rest
12
- // }: RadioProps & {
13
- // [key: string]: any, // 添加索引签名
14
- // dnd?: string, children?: React.ReactNode
15
- // }) {
16
- // // const radioRef = useRef<HTMLDivElement>(null);
17
- // useEffect(() => {
18
- // Promise.resolve().then(() => {
19
- // const popoverNode = document.querySelector(`.${dataId}`);
20
- // console.log('popoverNode', popoverNode);
21
- // if (popoverNode) {
22
- // popoverNode.setAttribute('data-dnd', dataDnd);
23
- // popoverNode.setAttribute('data-id', dataId);
24
- // popoverNode.setAttribute('draggable', 'true');
25
- // }
26
- // });
27
- // }, [dataDnd, dataId]);
28
- // // const { optionType } = rest;
29
- // // if (optionType === 'button') {
30
- // // return (
31
- // // <div ref={radioRef} className='.ant-radio'>
32
- // // <AntRadio.Button {...rest} style={style} >{rest.label}</AntRadio.Button>
33
- // // </div>
34
- // // );
35
- // // }
36
- // return (
37
- // <AntRadio
38
- // {...rest}
39
- // style={style}
40
- // className={dataId}
41
- // data-dnd={dataDnd}
42
- // data-id={dataId}
43
- // >
44
- // {children}
45
- // </AntRadio>
46
- // );
47
- // }
48
- // export const Radio = defineComponent(AntRadio, {
49
- // name: 'Radio',
50
- // designerConfig: {
51
- // render({ designerProps, originalProps, }) {
52
- // console.log("designerProps:", designerProps, "originalProps:", originalProps)
53
- // return <RadioDesigner {...designerProps} {...originalProps} />;
54
- // },
55
- // },
56
- // });
57
- // export const Radio = defineComponent(AntRadio, {
58
- // name: 'Radio',
59
- // });
60
6
  export const Radio = (_a) => {
61
- var _b = SLOT.id, dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
62
- console.log("新的单选组件", dataId, dataDnd, rest);
7
+ //console.log("新的单选组件",dataId,dataDnd,rest);
63
8
  //const newProps = {...rest, ...{draggable:true}}
64
9
  //console.log("新的表格组件01",newProps);
10
+ var _b = SLOT.id, dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
65
11
  return (React.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true },
66
12
  React.createElement(AntRadio, Object.assign({}, rest))));
67
13
  };
@@ -1,2 +1,6 @@
1
+ import { TooltipProps } from 'antd';
1
2
  import React from 'react';
2
- export declare const Tooltip: React.ForwardRefExoticComponent<(Omit<import("antd/lib/tooltip").TooltipPropsWithTitle & React.RefAttributes<unknown> & import("@music163/tango-boot").TangoComponentProps, "ref"> | Omit<import("antd/lib/tooltip").TooltipPropsWithOverlay & React.RefAttributes<unknown> & import("@music163/tango-boot").TangoComponentProps, "ref">) & React.RefAttributes<unknown>>;
3
+ export declare const Tooltip: ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, style, ...rest }: TooltipProps & {
4
+ [key: string]: any;
5
+ children?: React.ReactNode;
6
+ }) => React.JSX.Element;
@@ -1,38 +1,14 @@
1
1
  import { __rest } from "tslib";
2
2
  import { Tooltip as AntTooltip } from 'antd';
3
- import { defineComponent } from '@music163/tango-boot';
4
- import React, { useRef } from 'react';
5
- import { SLOT } from '@music163/tango-helpers';
6
- function TooltipDesigner(_a) {
7
- var { children, title } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", "title", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
8
- const tooltipRef = useRef(null);
9
- // 监听弹层显示事件
10
- const handleVisibleChange = (visible) => {
11
- console.log('handleVisibleChange', visible);
12
- if (visible) {
13
- // 使用微任务确保弹层已渲染
14
- Promise.resolve().then(() => {
15
- const popoverNode = document.querySelector(`#${dataId}`);
16
- console.log('popoverNode', popoverNode);
17
- if (popoverNode) {
18
- popoverNode.setAttribute('data-dnd', dataDnd);
19
- popoverNode.setAttribute('data-id', dataId);
20
- popoverNode.setAttribute('draggable', 'true');
21
- }
22
- });
23
- }
24
- };
25
- return (React.createElement("div", { ref: tooltipRef },
26
- React.createElement(AntTooltip, Object.assign({ title: title, id: dataId, onOpenChange: handleVisibleChange }, rest), children)));
27
- }
28
- export const Tooltip = defineComponent(AntTooltip, {
29
- name: 'Tooltip',
30
- designerConfig: {
31
- render({ designerProps, originalProps }) {
32
- console.log("Tooltip: designerProps:", designerProps, "originalProps:", originalProps);
33
- return React.createElement(TooltipDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
34
- },
35
- },
36
- // designerConfig: {
37
- // },
38
- });
3
+ import React from 'react';
4
+ import { SLOT } from '../helpers/slottype';
5
+ export const Tooltip = (_a) => {
6
+ var
7
+ //items,
8
+ _b = SLOT.id,
9
+ //items,
10
+ dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], { style } = _a, rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
11
+ //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
12
+ return (React.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
13
+ React.createElement(AntTooltip, Object.assign({ title: '文字提示' }, rest), rest.children)));
14
+ };
@@ -1,67 +1,4 @@
1
- // import { Upload as AntUpload, UploadProps } from 'antd';
2
- // import { defineComponent } from '@music163/tango-boot';
3
- // import React, { useEffect, useRef } from 'react';
4
- // import { SLOT } from '@music163/tango-helpers';
5
- // function UploadDesigner({
6
- // children,
7
- // title,
8
- // [SLOT.dnd]:dataDnd,
9
- // [SLOT.id]:dataId,
10
- // style,
11
- // ...rest
12
- // }: UploadProps& { [key: string]: any, // 添加索引签名
13
- // dnd?: string, children?: React.ReactNode }) {
14
- // const uploadRef = useRef<HTMLDivElement>(null);
15
1
  import { __rest } from "tslib";
16
- // useEffect(() => {
17
- // Promise.resolve().then(() => {
18
- // const popoverNode = document.querySelector(`.${dataId}`);
19
- // console.log('uploadNode' ,popoverNode)
20
- // if (popoverNode) {
21
- // popoverNode.setAttribute('data-dnd', dataDnd);
22
- // popoverNode.setAttribute('data-id', dataId);
23
- // }
24
- // });
25
- // },[dataDnd,dataId])
26
- // // 监听弹层显示事件
27
- // // const handleVisibleChange = (visible: boolean) => {
28
- // // console.log('handleVisibleChange', visible);
29
- // // if (visible) {
30
- // // // 使用微任务确保弹层已渲染
31
- // // Promise.resolve().then(() => {
32
- // // const popoverNode = document.querySelector('.ant-popover-placement-top');
33
- // // console.log('popoverNode' ,popoverNode)
34
- // // if (popoverNode) {
35
- // // popoverNode.setAttribute('data-dnd', dataDnd);
36
- // // popoverNode.setAttribute('data-id', dataId);
37
- // // }
38
- // // });
39
- // // }
40
- // // };
41
- // return (
42
- // <div ref={uploadRef}>
43
- // <AntUpload
44
- // className={dataId}
45
- // data-dnd={dataDnd}
46
- // data-id={dataId}
47
- // {...rest}
48
- // >
49
- // {children}
50
- // </AntUpload>
51
- // </div>
52
- // );
53
- // }
54
- // export const Upload = defineComponent(AntUpload, {
55
- // name: 'Upload',
56
- // designerConfig: {
57
- // render({ designerProps, originalProps }) {
58
- // console.log("Upload: designerProps:",designerProps,"originalProps:",originalProps)
59
- // return <UploadDesigner title="Are you sure?" {...designerProps} {...originalProps} />;
60
- // },
61
- // },
62
- // // designerConfig: {
63
- // // },
64
- // });
65
2
  import { Upload as AntUpload } from 'antd';
66
3
  import React from 'react';
67
4
  import { SLOT } from '../helpers/slottype';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cuvp1225/antd",
3
- "version": "0.1.19-beta.11",
3
+ "version": "0.1.19-beta.13",
4
4
  "description": "antd components for tango app",
5
5
  "author": "wwsun <ww.sww@outlook.com>",
6
6
  "homepage": "https://github.com/netease/tango-components#readme",
@@ -55,5 +55,5 @@
55
55
  "classnames": "^2.3.2",
56
56
  "coral-system": "^1.0.6"
57
57
  },
58
- "gitHead": "360ed6f9129a875869de2da6f63064082d324238"
58
+ "gitHead": "938b7c20a6230fc59d668f086b191e0f849382f8"
59
59
  }