@next-libs/visual-builder 1.10.5 → 1.11.1

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.
@@ -1 +1 @@
1
- {"version":3,"file":"workbench-mini-action-bar.js","names":[],"sources":["../../../src/interfaces/workbench-mini-action-bar.ts"],"sourcesContent":["import { MenuIcon } from \"@next-core/brick-types\";\n\nexport interface WorkbenchTreeAction {\n action: string;\n icon: MenuIcon;\n title?: string;\n if?: string | boolean;\n}\n\nexport interface ActionClickDetail {\n action: string;\n data?: unknown;\n}\n"],"mappings":""}
1
+ {"version":3,"file":"workbench-mini-action-bar.js","names":[],"sources":["../../../src/interfaces/workbench-mini-action-bar.ts"],"sourcesContent":["import { MenuIcon, UseBrickConf } from \"@next-core/brick-types\";\n\nexport interface WorkbenchTreeAction {\n action: string;\n icon: MenuIcon;\n title?: string;\n if?: string | boolean;\n iconUseBrick?: {\n useBrick: UseBrickConf;\n };\n}\n\nexport interface ActionClickDetail {\n action: string;\n data?: unknown;\n}\n"],"mappings":""}
@@ -46,6 +46,7 @@ function WorkbenchSubAction({
46
46
  isLast,
47
47
  onActionClick
48
48
  }) {
49
+ var _action$iconUseBrick;
49
50
  const disabled = isFirst && action.action === "move-up" || isLast && action.action === "move-down";
50
51
  const handleActionClick = (0, _react.useCallback)(event => {
51
52
  event.preventDefault();
@@ -68,7 +69,10 @@ function WorkbenchSubAction({
68
69
  onClick: handleActionClick,
69
70
  onContextMenu: preventMouseEvent,
70
71
  onMouseDown: preventMouseEvent
71
- }, /*#__PURE__*/_react.default.createElement(_basicComponents.GeneralIcon, {
72
+ }, (_action$iconUseBrick = action.iconUseBrick) !== null && _action$iconUseBrick !== void 0 && _action$iconUseBrick.useBrick ? /*#__PURE__*/_react.default.createElement(_brickKit.BrickAsComponent, {
73
+ useBrick: action.iconUseBrick.useBrick,
74
+ data: data
75
+ }) : /*#__PURE__*/_react.default.createElement(_basicComponents.GeneralIcon, {
72
76
  icon: action.icon
73
77
  }));
74
78
  }
@@ -1 +1 @@
1
- {"version":3,"file":"WorkbenchMiniActionBar.js","names":["WorkbenchMiniActionBar","data","className","gap","isFirst","isLast","actions","actionsHidden","onActionClick","enabledActions","useMemo","filter","item","looseCheckIfByTransform","length","classNames","styles","actionsBar","map","action","WorkbenchSubAction","disabled","handleActionClick","useCallback","event","preventDefault","stopPropagation","preventMouseEvent","title","icon"],"sources":["../../../src/workbench-mini-action-bar/WorkbenchMiniActionBar.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport classNames from \"classnames\";\nimport { looseCheckIfByTransform } from \"@next-core/brick-kit\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport { WorkbenchTreeAction, ActionClickDetail } from \"../interfaces\";\n\nimport styles from \"./WorkbenchMiniActionBar.module.css\";\n\nexport interface WorkbenchSubActionBarProps {\n data?: unknown;\n className?: string;\n gap?: number;\n isFirst?: boolean;\n isLast?: boolean;\n actions?: WorkbenchTreeAction[];\n actionsHidden?: boolean;\n onActionClick?(detail: ActionClickDetail): void;\n}\n\nexport function WorkbenchMiniActionBar({\n data,\n className,\n gap,\n isFirst,\n isLast,\n actions,\n actionsHidden,\n onActionClick,\n}: WorkbenchSubActionBarProps): React.ReactElement {\n const enabledActions = useMemo(\n () => actions?.filter((item) => looseCheckIfByTransform(item, data)),\n [actions, data]\n );\n\n if (actionsHidden || !enabledActions?.length) {\n return null;\n }\n\n return (\n <div className={classNames(styles.actionsBar, className)} style={{ gap }}>\n {enabledActions.map((item) => (\n <WorkbenchSubAction\n key={item.action}\n action={item}\n data={data}\n isFirst={isFirst}\n isLast={isLast}\n onActionClick={onActionClick}\n />\n ))}\n </div>\n );\n}\n\ninterface WorkbenchSubActionProps {\n action: WorkbenchTreeAction;\n data?: unknown;\n isFirst?: boolean;\n isLast?: boolean;\n onActionClick?(detail: ActionClickDetail): void;\n}\n\nfunction WorkbenchSubAction({\n action,\n data,\n isFirst,\n isLast,\n onActionClick,\n}: WorkbenchSubActionProps): React.ReactElement {\n const disabled =\n (isFirst && action.action === \"move-up\") ||\n (isLast && action.action === \"move-down\");\n\n const handleActionClick = useCallback(\n (event: React.MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n disabled ||\n onActionClick?.({\n action: action.action,\n data: data,\n });\n },\n [action.action, data, disabled, onActionClick]\n );\n\n const preventMouseEvent = useCallback((event: React.MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n }, []);\n\n return (\n <a\n className={classNames(styles.action, { [styles.disabled]: disabled })}\n title={action.title}\n role=\"button\"\n onClick={handleActionClick}\n onContextMenu={preventMouseEvent}\n onMouseDown={preventMouseEvent}\n >\n <GeneralIcon icon={action.icon} />\n </a>\n );\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAGA;AAaO,SAASA,sBAAsB,CAAC;EACrCC,IAAI;EACJC,SAAS;EACTC,GAAG;EACHC,OAAO;EACPC,MAAM;EACNC,OAAO;EACPC,aAAa;EACbC;AAC0B,CAAC,EAAsB;EACjD,MAAMC,cAAc,GAAG,IAAAC,cAAO,EAC5B,MAAMJ,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEK,MAAM,CAAEC,IAAI,IAAK,IAAAC,iCAAuB,EAACD,IAAI,EAAEX,IAAI,CAAC,CAAC,EACpE,CAACK,OAAO,EAAEL,IAAI,CAAC,CAChB;EAED,IAAIM,aAAa,IAAI,EAACE,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEK,MAAM,GAAE;IAC5C,OAAO,IAAI;EACb;EAEA,oBACE;IAAK,SAAS,EAAE,IAAAC,mBAAU,EAACC,qCAAM,CAACC,UAAU,EAAEf,SAAS,CAAE;IAAC,KAAK,EAAE;MAAEC;IAAI;EAAE,GACtEM,cAAc,CAACS,GAAG,CAAEN,IAAI,iBACvB,6BAAC,kBAAkB;IACjB,GAAG,EAAEA,IAAI,CAACO,MAAO;IACjB,MAAM,EAAEP,IAAK;IACb,IAAI,EAAEX,IAAK;IACX,OAAO,EAAEG,OAAQ;IACjB,MAAM,EAAEC,MAAO;IACf,aAAa,EAAEG;EAAc,EAEhC,CAAC,CACE;AAEV;AAUA,SAASY,kBAAkB,CAAC;EAC1BD,MAAM;EACNlB,IAAI;EACJG,OAAO;EACPC,MAAM;EACNG;AACuB,CAAC,EAAsB;EAC9C,MAAMa,QAAQ,GACXjB,OAAO,IAAIe,MAAM,CAACA,MAAM,KAAK,SAAS,IACtCd,MAAM,IAAIc,MAAM,CAACA,MAAM,KAAK,WAAY;EAE3C,MAAMG,iBAAiB,GAAG,IAAAC,kBAAW,EAClCC,KAAuB,IAAK;IAC3BA,KAAK,CAACC,cAAc,EAAE;IACtBD,KAAK,CAACE,eAAe,EAAE;IACvBL,QAAQ,KACNb,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAG;MACdW,MAAM,EAAEA,MAAM,CAACA,MAAM;MACrBlB,IAAI,EAAEA;IACR,CAAC,CAAC;EACN,CAAC,EACD,CAACkB,MAAM,CAACA,MAAM,EAAElB,IAAI,EAAEoB,QAAQ,EAAEb,aAAa,CAAC,CAC/C;EAED,MAAMmB,iBAAiB,GAAG,IAAAJ,kBAAW,EAAEC,KAAuB,IAAK;IACjEA,KAAK,CAACC,cAAc,EAAE;IACtBD,KAAK,CAACE,eAAe,EAAE;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE;IACE,SAAS,EAAE,IAAAX,mBAAU,EAACC,qCAAM,CAACG,MAAM,EAAE;MAAE,CAACH,qCAAM,CAACK,QAAQ,GAAGA;IAAS,CAAC,CAAE;IACtE,KAAK,EAAEF,MAAM,CAACS,KAAM;IACpB,IAAI,EAAC,QAAQ;IACb,OAAO,EAAEN,iBAAkB;IAC3B,aAAa,EAAEK,iBAAkB;IACjC,WAAW,EAAEA;EAAkB,gBAE/B,6BAAC,4BAAW;IAAC,IAAI,EAAER,MAAM,CAACU;EAAK,EAAG,CAChC;AAER"}
1
+ {"version":3,"file":"WorkbenchMiniActionBar.js","names":["WorkbenchMiniActionBar","data","className","gap","isFirst","isLast","actions","actionsHidden","onActionClick","enabledActions","useMemo","filter","item","looseCheckIfByTransform","length","classNames","styles","actionsBar","map","action","WorkbenchSubAction","disabled","handleActionClick","useCallback","event","preventDefault","stopPropagation","preventMouseEvent","title","iconUseBrick","useBrick","icon"],"sources":["../../../src/workbench-mini-action-bar/WorkbenchMiniActionBar.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport classNames from \"classnames\";\nimport {\n BrickAsComponent,\n looseCheckIfByTransform,\n} from \"@next-core/brick-kit\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport { WorkbenchTreeAction, ActionClickDetail } from \"../interfaces\";\n\nimport styles from \"./WorkbenchMiniActionBar.module.css\";\n\nexport interface WorkbenchSubActionBarProps {\n data?: unknown;\n className?: string;\n gap?: number;\n isFirst?: boolean;\n isLast?: boolean;\n actions?: WorkbenchTreeAction[];\n actionsHidden?: boolean;\n onActionClick?(detail: ActionClickDetail): void;\n}\n\nexport function WorkbenchMiniActionBar({\n data,\n className,\n gap,\n isFirst,\n isLast,\n actions,\n actionsHidden,\n onActionClick,\n}: WorkbenchSubActionBarProps): React.ReactElement {\n const enabledActions = useMemo(\n () => actions?.filter((item) => looseCheckIfByTransform(item, data)),\n [actions, data]\n );\n\n if (actionsHidden || !enabledActions?.length) {\n return null;\n }\n\n return (\n <div className={classNames(styles.actionsBar, className)} style={{ gap }}>\n {enabledActions.map((item) => (\n <WorkbenchSubAction\n key={item.action}\n action={item}\n data={data}\n isFirst={isFirst}\n isLast={isLast}\n onActionClick={onActionClick}\n />\n ))}\n </div>\n );\n}\n\ninterface WorkbenchSubActionProps {\n action: WorkbenchTreeAction;\n data?: unknown;\n isFirst?: boolean;\n isLast?: boolean;\n onActionClick?(detail: ActionClickDetail): void;\n}\n\nfunction WorkbenchSubAction({\n action,\n data,\n isFirst,\n isLast,\n onActionClick,\n}: WorkbenchSubActionProps): React.ReactElement {\n const disabled =\n (isFirst && action.action === \"move-up\") ||\n (isLast && action.action === \"move-down\");\n\n const handleActionClick = useCallback(\n (event: React.MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n disabled ||\n onActionClick?.({\n action: action.action,\n data: data,\n });\n },\n [action.action, data, disabled, onActionClick]\n );\n\n const preventMouseEvent = useCallback((event: React.MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n }, []);\n\n return (\n <a\n className={classNames(styles.action, { [styles.disabled]: disabled })}\n title={action.title}\n role=\"button\"\n onClick={handleActionClick}\n onContextMenu={preventMouseEvent}\n onMouseDown={preventMouseEvent}\n >\n {action.iconUseBrick?.useBrick ? (\n <BrickAsComponent useBrick={action.iconUseBrick.useBrick} data={data} />\n ) : (\n <GeneralIcon icon={action.icon} />\n )}\n </a>\n );\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAIA;AAGA;AAaO,SAASA,sBAAsB,CAAC;EACrCC,IAAI;EACJC,SAAS;EACTC,GAAG;EACHC,OAAO;EACPC,MAAM;EACNC,OAAO;EACPC,aAAa;EACbC;AAC0B,CAAC,EAAsB;EACjD,MAAMC,cAAc,GAAG,IAAAC,cAAO,EAC5B,MAAMJ,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEK,MAAM,CAAEC,IAAI,IAAK,IAAAC,iCAAuB,EAACD,IAAI,EAAEX,IAAI,CAAC,CAAC,EACpE,CAACK,OAAO,EAAEL,IAAI,CAAC,CAChB;EAED,IAAIM,aAAa,IAAI,EAACE,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEK,MAAM,GAAE;IAC5C,OAAO,IAAI;EACb;EAEA,oBACE;IAAK,SAAS,EAAE,IAAAC,mBAAU,EAACC,qCAAM,CAACC,UAAU,EAAEf,SAAS,CAAE;IAAC,KAAK,EAAE;MAAEC;IAAI;EAAE,GACtEM,cAAc,CAACS,GAAG,CAAEN,IAAI,iBACvB,6BAAC,kBAAkB;IACjB,GAAG,EAAEA,IAAI,CAACO,MAAO;IACjB,MAAM,EAAEP,IAAK;IACb,IAAI,EAAEX,IAAK;IACX,OAAO,EAAEG,OAAQ;IACjB,MAAM,EAAEC,MAAO;IACf,aAAa,EAAEG;EAAc,EAEhC,CAAC,CACE;AAEV;AAUA,SAASY,kBAAkB,CAAC;EAC1BD,MAAM;EACNlB,IAAI;EACJG,OAAO;EACPC,MAAM;EACNG;AACuB,CAAC,EAAsB;EAAA;EAC9C,MAAMa,QAAQ,GACXjB,OAAO,IAAIe,MAAM,CAACA,MAAM,KAAK,SAAS,IACtCd,MAAM,IAAIc,MAAM,CAACA,MAAM,KAAK,WAAY;EAE3C,MAAMG,iBAAiB,GAAG,IAAAC,kBAAW,EAClCC,KAAuB,IAAK;IAC3BA,KAAK,CAACC,cAAc,EAAE;IACtBD,KAAK,CAACE,eAAe,EAAE;IACvBL,QAAQ,KACNb,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAG;MACdW,MAAM,EAAEA,MAAM,CAACA,MAAM;MACrBlB,IAAI,EAAEA;IACR,CAAC,CAAC;EACN,CAAC,EACD,CAACkB,MAAM,CAACA,MAAM,EAAElB,IAAI,EAAEoB,QAAQ,EAAEb,aAAa,CAAC,CAC/C;EAED,MAAMmB,iBAAiB,GAAG,IAAAJ,kBAAW,EAAEC,KAAuB,IAAK;IACjEA,KAAK,CAACC,cAAc,EAAE;IACtBD,KAAK,CAACE,eAAe,EAAE;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE;IACE,SAAS,EAAE,IAAAX,mBAAU,EAACC,qCAAM,CAACG,MAAM,EAAE;MAAE,CAACH,qCAAM,CAACK,QAAQ,GAAGA;IAAS,CAAC,CAAE;IACtE,KAAK,EAAEF,MAAM,CAACS,KAAM;IACpB,IAAI,EAAC,QAAQ;IACb,OAAO,EAAEN,iBAAkB;IAC3B,aAAa,EAAEK,iBAAkB;IACjC,WAAW,EAAEA;EAAkB,GAE9B,wBAAAR,MAAM,CAACU,YAAY,iDAAnB,qBAAqBC,QAAQ,gBAC5B,6BAAC,0BAAgB;IAAC,QAAQ,EAAEX,MAAM,CAACU,YAAY,CAACC,QAAS;IAAC,IAAI,EAAE7B;EAAK,EAAG,gBAExE,6BAAC,4BAAW;IAAC,IAAI,EAAEkB,MAAM,CAACY;EAAK,EAChC,CACC;AAER"}
@@ -1 +1 @@
1
- {"version":3,"file":"workbench-mini-action-bar.js","names":[],"sources":["../../../src/interfaces/workbench-mini-action-bar.ts"],"sourcesContent":["import { MenuIcon } from \"@next-core/brick-types\";\n\nexport interface WorkbenchTreeAction {\n action: string;\n icon: MenuIcon;\n title?: string;\n if?: string | boolean;\n}\n\nexport interface ActionClickDetail {\n action: string;\n data?: unknown;\n}\n"],"mappings":""}
1
+ {"version":3,"file":"workbench-mini-action-bar.js","names":[],"sources":["../../../src/interfaces/workbench-mini-action-bar.ts"],"sourcesContent":["import { MenuIcon, UseBrickConf } from \"@next-core/brick-types\";\n\nexport interface WorkbenchTreeAction {\n action: string;\n icon: MenuIcon;\n title?: string;\n if?: string | boolean;\n iconUseBrick?: {\n useBrick: UseBrickConf;\n };\n}\n\nexport interface ActionClickDetail {\n action: string;\n data?: unknown;\n}\n"],"mappings":""}
@@ -1,6 +1,6 @@
1
1
  import React, { useCallback, useMemo } from "react";
2
2
  import classNames from "classnames";
3
- import { looseCheckIfByTransform } from "@next-core/brick-kit";
3
+ import { BrickAsComponent, looseCheckIfByTransform } from "@next-core/brick-kit";
4
4
  import { GeneralIcon } from "@next-libs/basic-components";
5
5
  import styles from "./WorkbenchMiniActionBar.module.css";
6
6
  export function WorkbenchMiniActionBar(_ref) {
@@ -33,6 +33,7 @@ export function WorkbenchMiniActionBar(_ref) {
33
33
  })));
34
34
  }
35
35
  function WorkbenchSubAction(_ref2) {
36
+ var _action$iconUseBrick;
36
37
  var {
37
38
  action,
38
39
  data,
@@ -62,7 +63,10 @@ function WorkbenchSubAction(_ref2) {
62
63
  onClick: handleActionClick,
63
64
  onContextMenu: preventMouseEvent,
64
65
  onMouseDown: preventMouseEvent
65
- }, /*#__PURE__*/React.createElement(GeneralIcon, {
66
+ }, (_action$iconUseBrick = action.iconUseBrick) !== null && _action$iconUseBrick !== void 0 && _action$iconUseBrick.useBrick ? /*#__PURE__*/React.createElement(BrickAsComponent, {
67
+ useBrick: action.iconUseBrick.useBrick,
68
+ data: data
69
+ }) : /*#__PURE__*/React.createElement(GeneralIcon, {
66
70
  icon: action.icon
67
71
  }));
68
72
  }
@@ -1 +1 @@
1
- {"version":3,"file":"WorkbenchMiniActionBar.js","names":["React","useCallback","useMemo","classNames","looseCheckIfByTransform","GeneralIcon","styles","WorkbenchMiniActionBar","data","className","gap","isFirst","isLast","actions","actionsHidden","onActionClick","enabledActions","filter","item","length","actionsBar","map","action","WorkbenchSubAction","disabled","handleActionClick","event","preventDefault","stopPropagation","preventMouseEvent","title","icon"],"sources":["../../../src/workbench-mini-action-bar/WorkbenchMiniActionBar.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport classNames from \"classnames\";\nimport { looseCheckIfByTransform } from \"@next-core/brick-kit\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport { WorkbenchTreeAction, ActionClickDetail } from \"../interfaces\";\n\nimport styles from \"./WorkbenchMiniActionBar.module.css\";\n\nexport interface WorkbenchSubActionBarProps {\n data?: unknown;\n className?: string;\n gap?: number;\n isFirst?: boolean;\n isLast?: boolean;\n actions?: WorkbenchTreeAction[];\n actionsHidden?: boolean;\n onActionClick?(detail: ActionClickDetail): void;\n}\n\nexport function WorkbenchMiniActionBar({\n data,\n className,\n gap,\n isFirst,\n isLast,\n actions,\n actionsHidden,\n onActionClick,\n}: WorkbenchSubActionBarProps): React.ReactElement {\n const enabledActions = useMemo(\n () => actions?.filter((item) => looseCheckIfByTransform(item, data)),\n [actions, data]\n );\n\n if (actionsHidden || !enabledActions?.length) {\n return null;\n }\n\n return (\n <div className={classNames(styles.actionsBar, className)} style={{ gap }}>\n {enabledActions.map((item) => (\n <WorkbenchSubAction\n key={item.action}\n action={item}\n data={data}\n isFirst={isFirst}\n isLast={isLast}\n onActionClick={onActionClick}\n />\n ))}\n </div>\n );\n}\n\ninterface WorkbenchSubActionProps {\n action: WorkbenchTreeAction;\n data?: unknown;\n isFirst?: boolean;\n isLast?: boolean;\n onActionClick?(detail: ActionClickDetail): void;\n}\n\nfunction WorkbenchSubAction({\n action,\n data,\n isFirst,\n isLast,\n onActionClick,\n}: WorkbenchSubActionProps): React.ReactElement {\n const disabled =\n (isFirst && action.action === \"move-up\") ||\n (isLast && action.action === \"move-down\");\n\n const handleActionClick = useCallback(\n (event: React.MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n disabled ||\n onActionClick?.({\n action: action.action,\n data: data,\n });\n },\n [action.action, data, disabled, onActionClick]\n );\n\n const preventMouseEvent = useCallback((event: React.MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n }, []);\n\n return (\n <a\n className={classNames(styles.action, { [styles.disabled]: disabled })}\n title={action.title}\n role=\"button\"\n onClick={handleActionClick}\n onContextMenu={preventMouseEvent}\n onMouseDown={preventMouseEvent}\n >\n <GeneralIcon icon={action.icon} />\n </a>\n );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,uBAAuB,QAAQ,sBAAsB;AAC9D,SAASC,WAAW,QAAQ,6BAA6B;AAGzD,OAAOC,MAAM,MAAM,qCAAqC;AAaxD,OAAO,SAASC,sBAAsB,OASa;EAAA,IATZ;IACrCC,IAAI;IACJC,SAAS;IACTC,GAAG;IACHC,OAAO;IACPC,MAAM;IACNC,OAAO;IACPC,aAAa;IACbC;EAC0B,CAAC;EAC3B,IAAMC,cAAc,GAAGd,OAAO,CAC5B,MAAMW,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEI,MAAM,CAAEC,IAAI,IAAKd,uBAAuB,CAACc,IAAI,EAAEV,IAAI,CAAC,CAAC,EACpE,CAACK,OAAO,EAAEL,IAAI,CAAC,CAChB;EAED,IAAIM,aAAa,IAAI,EAACE,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEG,MAAM,GAAE;IAC5C,OAAO,IAAI;EACb;EAEA,oBACE;IAAK,SAAS,EAAEhB,UAAU,CAACG,MAAM,CAACc,UAAU,EAAEX,SAAS,CAAE;IAAC,KAAK,EAAE;MAAEC;IAAI;EAAE,GACtEM,cAAc,CAACK,GAAG,CAAEH,IAAI,iBACvB,oBAAC,kBAAkB;IACjB,GAAG,EAAEA,IAAI,CAACI,MAAO;IACjB,MAAM,EAAEJ,IAAK;IACb,IAAI,EAAEV,IAAK;IACX,OAAO,EAAEG,OAAQ;IACjB,MAAM,EAAEC,MAAO;IACf,aAAa,EAAEG;EAAc,EAEhC,CAAC,CACE;AAEV;AAUA,SAASQ,kBAAkB,QAMqB;EAAA,IANpB;IAC1BD,MAAM;IACNd,IAAI;IACJG,OAAO;IACPC,MAAM;IACNG;EACuB,CAAC;EACxB,IAAMS,QAAQ,GACXb,OAAO,IAAIW,MAAM,CAACA,MAAM,KAAK,SAAS,IACtCV,MAAM,IAAIU,MAAM,CAACA,MAAM,KAAK,WAAY;EAE3C,IAAMG,iBAAiB,GAAGxB,WAAW,CAClCyB,KAAuB,IAAK;IAC3BA,KAAK,CAACC,cAAc,EAAE;IACtBD,KAAK,CAACE,eAAe,EAAE;IACvBJ,QAAQ,KACNT,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAG;MACdO,MAAM,EAAEA,MAAM,CAACA,MAAM;MACrBd,IAAI,EAAEA;IACR,CAAC,CAAC;EACN,CAAC,EACD,CAACc,MAAM,CAACA,MAAM,EAAEd,IAAI,EAAEgB,QAAQ,EAAET,aAAa,CAAC,CAC/C;EAED,IAAMc,iBAAiB,GAAG5B,WAAW,CAAEyB,KAAuB,IAAK;IACjEA,KAAK,CAACC,cAAc,EAAE;IACtBD,KAAK,CAACE,eAAe,EAAE;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE;IACE,SAAS,EAAEzB,UAAU,CAACG,MAAM,CAACgB,MAAM,EAAE;MAAE,CAAChB,MAAM,CAACkB,QAAQ,GAAGA;IAAS,CAAC,CAAE;IACtE,KAAK,EAAEF,MAAM,CAACQ,KAAM;IACpB,IAAI,EAAC,QAAQ;IACb,OAAO,EAAEL,iBAAkB;IAC3B,aAAa,EAAEI,iBAAkB;IACjC,WAAW,EAAEA;EAAkB,gBAE/B,oBAAC,WAAW;IAAC,IAAI,EAAEP,MAAM,CAACS;EAAK,EAAG,CAChC;AAER"}
1
+ {"version":3,"file":"WorkbenchMiniActionBar.js","names":["React","useCallback","useMemo","classNames","BrickAsComponent","looseCheckIfByTransform","GeneralIcon","styles","WorkbenchMiniActionBar","data","className","gap","isFirst","isLast","actions","actionsHidden","onActionClick","enabledActions","filter","item","length","actionsBar","map","action","WorkbenchSubAction","disabled","handleActionClick","event","preventDefault","stopPropagation","preventMouseEvent","title","iconUseBrick","useBrick","icon"],"sources":["../../../src/workbench-mini-action-bar/WorkbenchMiniActionBar.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport classNames from \"classnames\";\nimport {\n BrickAsComponent,\n looseCheckIfByTransform,\n} from \"@next-core/brick-kit\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport { WorkbenchTreeAction, ActionClickDetail } from \"../interfaces\";\n\nimport styles from \"./WorkbenchMiniActionBar.module.css\";\n\nexport interface WorkbenchSubActionBarProps {\n data?: unknown;\n className?: string;\n gap?: number;\n isFirst?: boolean;\n isLast?: boolean;\n actions?: WorkbenchTreeAction[];\n actionsHidden?: boolean;\n onActionClick?(detail: ActionClickDetail): void;\n}\n\nexport function WorkbenchMiniActionBar({\n data,\n className,\n gap,\n isFirst,\n isLast,\n actions,\n actionsHidden,\n onActionClick,\n}: WorkbenchSubActionBarProps): React.ReactElement {\n const enabledActions = useMemo(\n () => actions?.filter((item) => looseCheckIfByTransform(item, data)),\n [actions, data]\n );\n\n if (actionsHidden || !enabledActions?.length) {\n return null;\n }\n\n return (\n <div className={classNames(styles.actionsBar, className)} style={{ gap }}>\n {enabledActions.map((item) => (\n <WorkbenchSubAction\n key={item.action}\n action={item}\n data={data}\n isFirst={isFirst}\n isLast={isLast}\n onActionClick={onActionClick}\n />\n ))}\n </div>\n );\n}\n\ninterface WorkbenchSubActionProps {\n action: WorkbenchTreeAction;\n data?: unknown;\n isFirst?: boolean;\n isLast?: boolean;\n onActionClick?(detail: ActionClickDetail): void;\n}\n\nfunction WorkbenchSubAction({\n action,\n data,\n isFirst,\n isLast,\n onActionClick,\n}: WorkbenchSubActionProps): React.ReactElement {\n const disabled =\n (isFirst && action.action === \"move-up\") ||\n (isLast && action.action === \"move-down\");\n\n const handleActionClick = useCallback(\n (event: React.MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n disabled ||\n onActionClick?.({\n action: action.action,\n data: data,\n });\n },\n [action.action, data, disabled, onActionClick]\n );\n\n const preventMouseEvent = useCallback((event: React.MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n }, []);\n\n return (\n <a\n className={classNames(styles.action, { [styles.disabled]: disabled })}\n title={action.title}\n role=\"button\"\n onClick={handleActionClick}\n onContextMenu={preventMouseEvent}\n onMouseDown={preventMouseEvent}\n >\n {action.iconUseBrick?.useBrick ? (\n <BrickAsComponent useBrick={action.iconUseBrick.useBrick} data={data} />\n ) : (\n <GeneralIcon icon={action.icon} />\n )}\n </a>\n );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,gBAAgB,EAChBC,uBAAuB,QAClB,sBAAsB;AAC7B,SAASC,WAAW,QAAQ,6BAA6B;AAGzD,OAAOC,MAAM,MAAM,qCAAqC;AAaxD,OAAO,SAASC,sBAAsB,OASa;EAAA,IATZ;IACrCC,IAAI;IACJC,SAAS;IACTC,GAAG;IACHC,OAAO;IACPC,MAAM;IACNC,OAAO;IACPC,aAAa;IACbC;EAC0B,CAAC;EAC3B,IAAMC,cAAc,GAAGf,OAAO,CAC5B,MAAMY,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEI,MAAM,CAAEC,IAAI,IAAKd,uBAAuB,CAACc,IAAI,EAAEV,IAAI,CAAC,CAAC,EACpE,CAACK,OAAO,EAAEL,IAAI,CAAC,CAChB;EAED,IAAIM,aAAa,IAAI,EAACE,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEG,MAAM,GAAE;IAC5C,OAAO,IAAI;EACb;EAEA,oBACE;IAAK,SAAS,EAAEjB,UAAU,CAACI,MAAM,CAACc,UAAU,EAAEX,SAAS,CAAE;IAAC,KAAK,EAAE;MAAEC;IAAI;EAAE,GACtEM,cAAc,CAACK,GAAG,CAAEH,IAAI,iBACvB,oBAAC,kBAAkB;IACjB,GAAG,EAAEA,IAAI,CAACI,MAAO;IACjB,MAAM,EAAEJ,IAAK;IACb,IAAI,EAAEV,IAAK;IACX,OAAO,EAAEG,OAAQ;IACjB,MAAM,EAAEC,MAAO;IACf,aAAa,EAAEG;EAAc,EAEhC,CAAC,CACE;AAEV;AAUA,SAASQ,kBAAkB,QAMqB;EAAA;EAAA,IANpB;IAC1BD,MAAM;IACNd,IAAI;IACJG,OAAO;IACPC,MAAM;IACNG;EACuB,CAAC;EACxB,IAAMS,QAAQ,GACXb,OAAO,IAAIW,MAAM,CAACA,MAAM,KAAK,SAAS,IACtCV,MAAM,IAAIU,MAAM,CAACA,MAAM,KAAK,WAAY;EAE3C,IAAMG,iBAAiB,GAAGzB,WAAW,CAClC0B,KAAuB,IAAK;IAC3BA,KAAK,CAACC,cAAc,EAAE;IACtBD,KAAK,CAACE,eAAe,EAAE;IACvBJ,QAAQ,KACNT,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAG;MACdO,MAAM,EAAEA,MAAM,CAACA,MAAM;MACrBd,IAAI,EAAEA;IACR,CAAC,CAAC;EACN,CAAC,EACD,CAACc,MAAM,CAACA,MAAM,EAAEd,IAAI,EAAEgB,QAAQ,EAAET,aAAa,CAAC,CAC/C;EAED,IAAMc,iBAAiB,GAAG7B,WAAW,CAAE0B,KAAuB,IAAK;IACjEA,KAAK,CAACC,cAAc,EAAE;IACtBD,KAAK,CAACE,eAAe,EAAE;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE;IACE,SAAS,EAAE1B,UAAU,CAACI,MAAM,CAACgB,MAAM,EAAE;MAAE,CAAChB,MAAM,CAACkB,QAAQ,GAAGA;IAAS,CAAC,CAAE;IACtE,KAAK,EAAEF,MAAM,CAACQ,KAAM;IACpB,IAAI,EAAC,QAAQ;IACb,OAAO,EAAEL,iBAAkB;IAC3B,aAAa,EAAEI,iBAAkB;IACjC,WAAW,EAAEA;EAAkB,GAE9B,wBAAAP,MAAM,CAACS,YAAY,iDAAnB,qBAAqBC,QAAQ,gBAC5B,oBAAC,gBAAgB;IAAC,QAAQ,EAAEV,MAAM,CAACS,YAAY,CAACC,QAAS;IAAC,IAAI,EAAExB;EAAK,EAAG,gBAExE,oBAAC,WAAW;IAAC,IAAI,EAAEc,MAAM,CAACW;EAAK,EAChC,CACC;AAER"}
@@ -1,9 +1,12 @@
1
- import { MenuIcon } from "@next-core/brick-types";
1
+ import { MenuIcon, UseBrickConf } from "@next-core/brick-types";
2
2
  export interface WorkbenchTreeAction {
3
3
  action: string;
4
4
  icon: MenuIcon;
5
5
  title?: string;
6
6
  if?: string | boolean;
7
+ iconUseBrick?: {
8
+ useBrick: UseBrickConf;
9
+ };
7
10
  }
8
11
  export interface ActionClickDetail {
9
12
  action: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@next-libs/visual-builder",
3
- "version": "1.10.5",
3
+ "version": "1.11.1",
4
4
  "description": "> TODO: description",
5
5
  "homepage": "https://github.com/easyops-cn/next-libs/tree/master/libs/visual-builder",
6
6
  "license": "GPL-3.0",
@@ -30,10 +30,10 @@
30
30
  },
31
31
  "dependencies": {
32
32
  "@next-libs/basic-components": "^5.3.3",
33
- "@next-libs/code-editor-components": "^4.10.2",
34
- "@next-libs/forms": "^3.3.18",
33
+ "@next-libs/code-editor-components": "^4.10.3",
34
+ "@next-libs/forms": "^3.4.0",
35
35
  "@types/react-color": "^3.0.6",
36
36
  "react-color": "^2.19.3"
37
37
  },
38
- "gitHead": "af3be5cf0b93397e4e981611c0b5b9eb2c1118fd"
38
+ "gitHead": "3f4926f443e7a71dab0c28c23dffe2111c81276a"
39
39
  }