@next-libs/visual-builder 1.1.0 → 1.2.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.2.0](https://github.com/easyops-cn/next-libs/compare/@next-libs/visual-builder@1.1.0...@next-libs/visual-builder@1.2.0) (2022-09-21)
+
+
+### Features
+
+* migrate shared component to libs ([a75be30](https://github.com/easyops-cn/next-libs/commit/a75be3028288fc5f73fef0a02105fb605ad0feeb))
+
+
+
+
+
 # 1.1.0 (2022-09-20)
 
 

package/dist/cjs/index.js

@@ -42,4 +42,30 @@ Object.keys(_processor).forEach(function (key) {
     }
   });
 });
+
+var _WorkbenchMiniActionBar = require("./workbench-mini-action-bar/WorkbenchMiniActionBar");
+
+Object.keys(_WorkbenchMiniActionBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _WorkbenchMiniActionBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _WorkbenchMiniActionBar[key];
+    }
+  });
+});
+
+var _utils = require("./utils");
+
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _utils[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./visual-property-form/VisualPropertyForm\";\nexport * from \"./interfaces\";\nexport * from \"./visual-property-form/processor\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./visual-property-form/VisualPropertyForm\";\nexport * from \"./interfaces\";\nexport * from \"./visual-property-form/processor\";\nexport * from \"./workbench-mini-action-bar/WorkbenchMiniActionBar\";\nexport * from \"./utils\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/interfaces/index.js

@@ -16,4 +16,17 @@ Object.keys(_brickVisualization).forEach(function (key) {
     }
   });
 });
+
+var _workbenchMiniActionBar = require("./workbench-mini-action-bar");
+
+Object.keys(_workbenchMiniActionBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _workbenchMiniActionBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _workbenchMiniActionBar[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/interfaces/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/interfaces/index.ts"],"sourcesContent":["export * from \"./brick-visualization\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/interfaces/index.ts"],"sourcesContent":["export * from \"./brick-visualization\";\nexport * from \"./workbench-mini-action-bar\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/interfaces/workbench-mini-action-bar.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=workbench-mini-action-bar.js.map

package/dist/cjs/interfaces/workbench-mini-action-bar.js.map

@@ -0,0 +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":""}

package/dist/cjs/utils/deepMatch.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deepFilter = deepFilter;
+exports.deepMatch = deepMatch;
+
+function deepFilter(data, q) {
+  const trimmedQuery = q === null || q === void 0 ? void 0 : q.trim();
+
+  if (!trimmedQuery) {
+    return data.slice();
+  }
+
+  return data.filter(item => deepMatch(item, trimmedQuery.toLowerCase()));
+}
+
+function deepMatch(data, lowerTrimmedQuery) {
+  switch (typeof data) {
+    case "string":
+      return data.toLowerCase().includes(lowerTrimmedQuery);
+
+    case "boolean":
+    case "number":
+      return String(data).includes(lowerTrimmedQuery);
+
+    case "object":
+      return data === null ? "null".includes(lowerTrimmedQuery) : (Array.isArray(data) ? data : Object.entries(data).flat()).some(item => deepMatch(item, lowerTrimmedQuery));
+
+    default:
+      return false;
+  }
+}
+//# sourceMappingURL=deepMatch.js.map

package/dist/cjs/utils/deepMatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deepMatch.js","names":["deepFilter","data","q","trimmedQuery","trim","slice","filter","item","deepMatch","toLowerCase","lowerTrimmedQuery","includes","String","Array","isArray","Object","entries","flat","some"],"sources":["../../../src/utils/deepMatch.ts"],"sourcesContent":["export function deepFilter<T>(data: Array<T>, q: string): Array<T> {\n  const trimmedQuery = q?.trim();\n  if (!trimmedQuery) {\n    return data.slice();\n  }\n  return data.filter((item) => deepMatch(item, trimmedQuery.toLowerCase()));\n}\n\nexport function deepMatch(data: unknown, lowerTrimmedQuery: string): boolean {\n  switch (typeof data) {\n    case \"string\":\n      return data.toLowerCase().includes(lowerTrimmedQuery);\n    case \"boolean\":\n    case \"number\":\n      return String(data).includes(lowerTrimmedQuery);\n    case \"object\":\n      return data === null\n        ? \"null\".includes(lowerTrimmedQuery)\n        : (Array.isArray(data) ? data : Object.entries(data).flat()).some(\n            (item) => deepMatch(item, lowerTrimmedQuery)\n          );\n    default:\n      return false;\n  }\n}\n"],"mappings":";;;;;;;;AAAO,SAASA,UAAT,CAAuBC,IAAvB,EAAuCC,CAAvC,EAA4D;EACjE,MAAMC,YAAY,GAAGD,CAAH,aAAGA,CAAH,uBAAGA,CAAC,CAAEE,IAAH,EAArB;;EACA,IAAI,CAACD,YAAL,EAAmB;IACjB,OAAOF,IAAI,CAACI,KAAL,EAAP;EACD;;EACD,OAAOJ,IAAI,CAACK,MAAL,CAAaC,IAAD,IAAUC,SAAS,CAACD,IAAD,EAAOJ,YAAY,CAACM,WAAb,EAAP,CAA/B,CAAP;AACD;;AAEM,SAASD,SAAT,CAAmBP,IAAnB,EAAkCS,iBAAlC,EAAsE;EAC3E,QAAQ,OAAOT,IAAf;IACE,KAAK,QAAL;MACE,OAAOA,IAAI,CAACQ,WAAL,GAAmBE,QAAnB,CAA4BD,iBAA5B,CAAP;;IACF,KAAK,SAAL;IACA,KAAK,QAAL;MACE,OAAOE,MAAM,CAACX,IAAD,CAAN,CAAaU,QAAb,CAAsBD,iBAAtB,CAAP;;IACF,KAAK,QAAL;MACE,OAAOT,IAAI,KAAK,IAAT,GACH,OAAOU,QAAP,CAAgBD,iBAAhB,CADG,GAEH,CAACG,KAAK,CAACC,OAAN,CAAcb,IAAd,IAAsBA,IAAtB,GAA6Bc,MAAM,CAACC,OAAP,CAAef,IAAf,EAAqBgB,IAArB,EAA9B,EAA2DC,IAA3D,CACGX,IAAD,IAAUC,SAAS,CAACD,IAAD,EAAOG,iBAAP,CADrB,CAFJ;;IAKF;MACE,OAAO,KAAP;EAbJ;AAeD"}

package/dist/cjs/utils/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _deepMatch = require("./deepMatch");
+
+Object.keys(_deepMatch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _deepMatch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _deepMatch[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./deepMatch\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/workbench-mini-action-bar/WorkbenchMiniActionBar.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WorkbenchMiniActionBar = WorkbenchMiniActionBar;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _brickKit = require("@next-core/brick-kit");
+
+var _basicComponents = require("@next-libs/basic-components");
+
+var _WorkbenchMiniActionBarModule = _interopRequireDefault(require("./WorkbenchMiniActionBar.module.css"));
+
+function WorkbenchMiniActionBar({
+  data,
+  className,
+  gap,
+  isFirst,
+  isLast,
+  actions,
+  actionsHidden,
+  onActionClick
+}) {
+  const enabledActions = (0, _react.useMemo)(() => actions === null || actions === void 0 ? void 0 : actions.filter(item => (0, _brickKit.looseCheckIfByTransform)(item, data)), [actions, data]);
+
+  if (actionsHidden || !(enabledActions !== null && enabledActions !== void 0 && enabledActions.length)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_WorkbenchMiniActionBarModule.default.actionsBar, className),
+    style: {
+      gap
+    }
+  }, enabledActions.map(item => /*#__PURE__*/_react.default.createElement(WorkbenchSubAction, {
+    key: item.action,
+    action: item,
+    data: data,
+    isFirst: isFirst,
+    isLast: isLast,
+    onActionClick: onActionClick
+  })));
+}
+
+function WorkbenchSubAction({
+  action,
+  data,
+  isFirst,
+  isLast,
+  onActionClick
+}) {
+  const disabled = isFirst && action.action === "move-up" || isLast && action.action === "move-down";
+  const handleActionClick = (0, _react.useCallback)(event => {
+    event.preventDefault();
+    event.stopPropagation();
+    disabled || (onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick({
+      action: action.action,
+      data: data
+    }));
+  }, [action.action, data, disabled, onActionClick]);
+  const preventMouseEvent = (0, _react.useCallback)(event => {
+    event.preventDefault();
+    event.stopPropagation();
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("a", {
+    className: (0, _classnames.default)(_WorkbenchMiniActionBarModule.default.action, {
+      [_WorkbenchMiniActionBarModule.default.disabled]: disabled
+    }),
+    title: action.title,
+    role: "button",
+    onClick: handleActionClick,
+    onContextMenu: preventMouseEvent,
+    onMouseDown: preventMouseEvent
+  }, /*#__PURE__*/_react.default.createElement(_basicComponents.GeneralIcon, {
+    icon: action.icon
+  }));
+}
+//# sourceMappingURL=WorkbenchMiniActionBar.js.map

package/dist/cjs/workbench-mini-action-bar/WorkbenchMiniActionBar.js.map

@@ -0,0 +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,sBAAT,CAAgC;EACrCC,IADqC;EAErCC,SAFqC;EAGrCC,GAHqC;EAIrCC,OAJqC;EAKrCC,MALqC;EAMrCC,OANqC;EAOrCC,aAPqC;EAQrCC;AARqC,CAAhC,EAS4C;EACjD,MAAMC,cAAc,GAAG,IAAAC,cAAA,EACrB,MAAMJ,OAAN,aAAMA,OAAN,uBAAMA,OAAO,CAAEK,MAAT,CAAiBC,IAAD,IAAU,IAAAC,iCAAA,EAAwBD,IAAxB,EAA8BX,IAA9B,CAA1B,CADe,EAErB,CAACK,OAAD,EAAUL,IAAV,CAFqB,CAAvB;;EAKA,IAAIM,aAAa,IAAI,EAACE,cAAD,aAACA,cAAD,eAACA,cAAc,CAAEK,MAAjB,CAArB,EAA8C;IAC5C,OAAO,IAAP;EACD;;EAED,oBACE;IAAK,SAAS,EAAE,IAAAC,mBAAA,EAAWC,qCAAA,CAAOC,UAAlB,EAA8Bf,SAA9B,CAAhB;IAA0D,KAAK,EAAE;MAAEC;IAAF;EAAjE,GACGM,cAAc,CAACS,GAAf,CAAoBN,IAAD,iBAClB,6BAAC,kBAAD;IACE,GAAG,EAAEA,IAAI,CAACO,MADZ;IAEE,MAAM,EAAEP,IAFV;IAGE,IAAI,EAAEX,IAHR;IAIE,OAAO,EAAEG,OAJX;IAKE,MAAM,EAAEC,MALV;IAME,aAAa,EAAEG;EANjB,EADD,CADH,CADF;AAcD;;AAUD,SAASY,kBAAT,CAA4B;EAC1BD,MAD0B;EAE1BlB,IAF0B;EAG1BG,OAH0B;EAI1BC,MAJ0B;EAK1BG;AAL0B,CAA5B,EAMgD;EAC9C,MAAMa,QAAQ,GACXjB,OAAO,IAAIe,MAAM,CAACA,MAAP,KAAkB,SAA9B,IACCd,MAAM,IAAIc,MAAM,CAACA,MAAP,KAAkB,WAF/B;EAIA,MAAMG,iBAAiB,GAAG,IAAAC,kBAAA,EACvBC,KAAD,IAA6B;IAC3BA,KAAK,CAACC,cAAN;IACAD,KAAK,CAACE,eAAN;IACAL,QAAQ,KACNb,aADM,aACNA,aADM,uBACNA,aAAa,CAAG;MACdW,MAAM,EAAEA,MAAM,CAACA,MADD;MAEdlB,IAAI,EAAEA;IAFQ,CAAH,CADP,CAAR;EAKD,CATuB,EAUxB,CAACkB,MAAM,CAACA,MAAR,EAAgBlB,IAAhB,EAAsBoB,QAAtB,EAAgCb,aAAhC,CAVwB,CAA1B;EAaA,MAAMmB,iBAAiB,GAAG,IAAAJ,kBAAA,EAAaC,KAAD,IAA6B;IACjEA,KAAK,CAACC,cAAN;IACAD,KAAK,CAACE,eAAN;EACD,CAHyB,EAGvB,EAHuB,CAA1B;EAKA,oBACE;IACE,SAAS,EAAE,IAAAX,mBAAA,EAAWC,qCAAA,CAAOG,MAAlB,EAA0B;MAAE,CAACH,qCAAA,CAAOK,QAAR,GAAmBA;IAArB,CAA1B,CADb;IAEE,KAAK,EAAEF,MAAM,CAACS,KAFhB;IAGE,IAAI,EAAC,QAHP;IAIE,OAAO,EAAEN,iBAJX;IAKE,aAAa,EAAEK,iBALjB;IAME,WAAW,EAAEA;EANf,gBAQE,6BAAC,4BAAD;IAAa,IAAI,EAAER,MAAM,CAACU;EAA1B,EARF,CADF;AAYD"}

package/dist/esm/index.js

@@ -1,4 +1,6 @@
 export * from "./visual-property-form/VisualPropertyForm";
 export * from "./interfaces";
 export * from "./visual-property-form/processor";
+export * from "./workbench-mini-action-bar/WorkbenchMiniActionBar";
+export * from "./utils";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./visual-property-form/VisualPropertyForm\";\nexport * from \"./interfaces\";\nexport * from \"./visual-property-form/processor\";\n"],"mappings":"AAAA,cAAc,2CAAd;AACA,cAAc,cAAd;AACA,cAAc,kCAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./visual-property-form/VisualPropertyForm\";\nexport * from \"./interfaces\";\nexport * from \"./visual-property-form/processor\";\nexport * from \"./workbench-mini-action-bar/WorkbenchMiniActionBar\";\nexport * from \"./utils\";\n"],"mappings":"AAAA,cAAc,2CAAd;AACA,cAAc,cAAd;AACA,cAAc,kCAAd;AACA,cAAc,oDAAd;AACA,cAAc,SAAd"}

package/dist/esm/interfaces/index.js

@@ -1,2 +1,3 @@
 export * from "./brick-visualization";
+export * from "./workbench-mini-action-bar";
 //# sourceMappingURL=index.js.map

package/dist/esm/interfaces/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/interfaces/index.ts"],"sourcesContent":["export * from \"./brick-visualization\";\n"],"mappings":"AAAA,cAAc,uBAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/interfaces/index.ts"],"sourcesContent":["export * from \"./brick-visualization\";\nexport * from \"./workbench-mini-action-bar\";\n"],"mappings":"AAAA,cAAc,uBAAd;AACA,cAAc,6BAAd"}

package/dist/esm/interfaces/workbench-mini-action-bar.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=workbench-mini-action-bar.js.map

package/dist/esm/interfaces/workbench-mini-action-bar.js.map

@@ -0,0 +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":""}

package/dist/esm/utils/deepMatch.js

@@ -0,0 +1,26 @@
+export function deepFilter(data, q) {
+  var trimmedQuery = q === null || q === void 0 ? void 0 : q.trim();
+
+  if (!trimmedQuery) {
+    return data.slice();
+  }
+
+  return data.filter(item => deepMatch(item, trimmedQuery.toLowerCase()));
+}
+export function deepMatch(data, lowerTrimmedQuery) {
+  switch (typeof data) {
+    case "string":
+      return data.toLowerCase().includes(lowerTrimmedQuery);
+
+    case "boolean":
+    case "number":
+      return String(data).includes(lowerTrimmedQuery);
+
+    case "object":
+      return data === null ? "null".includes(lowerTrimmedQuery) : (Array.isArray(data) ? data : Object.entries(data).flat()).some(item => deepMatch(item, lowerTrimmedQuery));
+
+    default:
+      return false;
+  }
+}
+//# sourceMappingURL=deepMatch.js.map

package/dist/esm/utils/deepMatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deepMatch.js","names":["deepFilter","data","q","trimmedQuery","trim","slice","filter","item","deepMatch","toLowerCase","lowerTrimmedQuery","includes","String","Array","isArray","Object","entries","flat","some"],"sources":["../../../src/utils/deepMatch.ts"],"sourcesContent":["export function deepFilter<T>(data: Array<T>, q: string): Array<T> {\n  const trimmedQuery = q?.trim();\n  if (!trimmedQuery) {\n    return data.slice();\n  }\n  return data.filter((item) => deepMatch(item, trimmedQuery.toLowerCase()));\n}\n\nexport function deepMatch(data: unknown, lowerTrimmedQuery: string): boolean {\n  switch (typeof data) {\n    case \"string\":\n      return data.toLowerCase().includes(lowerTrimmedQuery);\n    case \"boolean\":\n    case \"number\":\n      return String(data).includes(lowerTrimmedQuery);\n    case \"object\":\n      return data === null\n        ? \"null\".includes(lowerTrimmedQuery)\n        : (Array.isArray(data) ? data : Object.entries(data).flat()).some(\n            (item) => deepMatch(item, lowerTrimmedQuery)\n          );\n    default:\n      return false;\n  }\n}\n"],"mappings":"AAAA,OAAO,SAASA,UAAT,CAAuBC,IAAvB,EAAuCC,CAAvC,EAA4D;EACjE,IAAMC,YAAY,GAAGD,CAAH,aAAGA,CAAH,uBAAGA,CAAC,CAAEE,IAAH,EAArB;;EACA,IAAI,CAACD,YAAL,EAAmB;IACjB,OAAOF,IAAI,CAACI,KAAL,EAAP;EACD;;EACD,OAAOJ,IAAI,CAACK,MAAL,CAAaC,IAAD,IAAUC,SAAS,CAACD,IAAD,EAAOJ,YAAY,CAACM,WAAb,EAAP,CAA/B,CAAP;AACD;AAED,OAAO,SAASD,SAAT,CAAmBP,IAAnB,EAAkCS,iBAAlC,EAAsE;EAC3E,QAAQ,OAAOT,IAAf;IACE,KAAK,QAAL;MACE,OAAOA,IAAI,CAACQ,WAAL,GAAmBE,QAAnB,CAA4BD,iBAA5B,CAAP;;IACF,KAAK,SAAL;IACA,KAAK,QAAL;MACE,OAAOE,MAAM,CAACX,IAAD,CAAN,CAAaU,QAAb,CAAsBD,iBAAtB,CAAP;;IACF,KAAK,QAAL;MACE,OAAOT,IAAI,KAAK,IAAT,GACH,OAAOU,QAAP,CAAgBD,iBAAhB,CADG,GAEH,CAACG,KAAK,CAACC,OAAN,CAAcb,IAAd,IAAsBA,IAAtB,GAA6Bc,MAAM,CAACC,OAAP,CAAef,IAAf,EAAqBgB,IAArB,EAA9B,EAA2DC,IAA3D,CACGX,IAAD,IAAUC,SAAS,CAACD,IAAD,EAAOG,iBAAP,CADrB,CAFJ;;IAKF;MACE,OAAO,KAAP;EAbJ;AAeD"}

package/dist/esm/utils/index.js

@@ -0,0 +1,2 @@
+export * from "./deepMatch";
+//# sourceMappingURL=index.js.map

package/dist/esm/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./deepMatch\";\n"],"mappings":"AAAA,cAAc,aAAd"}

package/dist/esm/workbench-mini-action-bar/WorkbenchMiniActionBar.js

@@ -0,0 +1,72 @@
+import React, { useCallback, useMemo } from "react";
+import classNames from "classnames";
+import { looseCheckIfByTransform } from "@next-core/brick-kit";
+import { GeneralIcon } from "@next-libs/basic-components";
+import styles from "./WorkbenchMiniActionBar.module.css";
+export function WorkbenchMiniActionBar(_ref) {
+  var {
+    data,
+    className,
+    gap,
+    isFirst,
+    isLast,
+    actions,
+    actionsHidden,
+    onActionClick
+  } = _ref;
+  var enabledActions = useMemo(() => actions === null || actions === void 0 ? void 0 : actions.filter(item => looseCheckIfByTransform(item, data)), [actions, data]);
+
+  if (actionsHidden || !(enabledActions !== null && enabledActions !== void 0 && enabledActions.length)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.actionsBar, className),
+    style: {
+      gap
+    }
+  }, enabledActions.map(item => /*#__PURE__*/React.createElement(WorkbenchSubAction, {
+    key: item.action,
+    action: item,
+    data: data,
+    isFirst: isFirst,
+    isLast: isLast,
+    onActionClick: onActionClick
+  })));
+}
+
+function WorkbenchSubAction(_ref2) {
+  var {
+    action,
+    data,
+    isFirst,
+    isLast,
+    onActionClick
+  } = _ref2;
+  var disabled = isFirst && action.action === "move-up" || isLast && action.action === "move-down";
+  var handleActionClick = useCallback(event => {
+    event.preventDefault();
+    event.stopPropagation();
+    disabled || (onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick({
+      action: action.action,
+      data: data
+    }));
+  }, [action.action, data, disabled, onActionClick]);
+  var preventMouseEvent = useCallback(event => {
+    event.preventDefault();
+    event.stopPropagation();
+  }, []);
+  return /*#__PURE__*/React.createElement("a", {
+    className: classNames(styles.action, {
+      [styles.disabled]: disabled
+    }),
+    title: action.title,
+    role: "button",
+    onClick: handleActionClick,
+    onContextMenu: preventMouseEvent,
+    onMouseDown: preventMouseEvent
+  }, /*#__PURE__*/React.createElement(GeneralIcon, {
+    icon: action.icon
+  }));
+}
+//# sourceMappingURL=WorkbenchMiniActionBar.js.map

package/dist/esm/workbench-mini-action-bar/WorkbenchMiniActionBar.js.map

@@ -0,0 +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,KAAP,IAAgBC,WAAhB,EAA6BC,OAA7B,QAA4C,OAA5C;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,uBAAT,QAAwC,sBAAxC;AACA,SAASC,WAAT,QAA4B,6BAA5B;AAGA,OAAOC,MAAP,MAAmB,qCAAnB;AAaA,OAAO,SAASC,sBAAT,OAS4C;EAAA,IATZ;IACrCC,IADqC;IAErCC,SAFqC;IAGrCC,GAHqC;IAIrCC,OAJqC;IAKrCC,MALqC;IAMrCC,OANqC;IAOrCC,aAPqC;IAQrCC;EARqC,CASY;EACjD,IAAMC,cAAc,GAAGd,OAAO,CAC5B,MAAMW,OAAN,aAAMA,OAAN,uBAAMA,OAAO,CAAEI,MAAT,CAAiBC,IAAD,IAAUd,uBAAuB,CAACc,IAAD,EAAOV,IAAP,CAAjD,CADsB,EAE5B,CAACK,OAAD,EAAUL,IAAV,CAF4B,CAA9B;;EAKA,IAAIM,aAAa,IAAI,EAACE,cAAD,aAACA,cAAD,eAACA,cAAc,CAAEG,MAAjB,CAArB,EAA8C;IAC5C,OAAO,IAAP;EACD;;EAED,oBACE;IAAK,SAAS,EAAEhB,UAAU,CAACG,MAAM,CAACc,UAAR,EAAoBX,SAApB,CAA1B;IAA0D,KAAK,EAAE;MAAEC;IAAF;EAAjE,GACGM,cAAc,CAACK,GAAf,CAAoBH,IAAD,iBAClB,oBAAC,kBAAD;IACE,GAAG,EAAEA,IAAI,CAACI,MADZ;IAEE,MAAM,EAAEJ,IAFV;IAGE,IAAI,EAAEV,IAHR;IAIE,OAAO,EAAEG,OAJX;IAKE,MAAM,EAAEC,MALV;IAME,aAAa,EAAEG;EANjB,EADD,CADH,CADF;AAcD;;AAUD,SAASQ,kBAAT,QAMgD;EAAA,IANpB;IAC1BD,MAD0B;IAE1Bd,IAF0B;IAG1BG,OAH0B;IAI1BC,MAJ0B;IAK1BG;EAL0B,CAMoB;EAC9C,IAAMS,QAAQ,GACXb,OAAO,IAAIW,MAAM,CAACA,MAAP,KAAkB,SAA9B,IACCV,MAAM,IAAIU,MAAM,CAACA,MAAP,KAAkB,WAF/B;EAIA,IAAMG,iBAAiB,GAAGxB,WAAW,CAClCyB,KAAD,IAA6B;IAC3BA,KAAK,CAACC,cAAN;IACAD,KAAK,CAACE,eAAN;IACAJ,QAAQ,KACNT,aADM,aACNA,aADM,uBACNA,aAAa,CAAG;MACdO,MAAM,EAAEA,MAAM,CAACA,MADD;MAEdd,IAAI,EAAEA;IAFQ,CAAH,CADP,CAAR;EAKD,CATkC,EAUnC,CAACc,MAAM,CAACA,MAAR,EAAgBd,IAAhB,EAAsBgB,QAAtB,EAAgCT,aAAhC,CAVmC,CAArC;EAaA,IAAMc,iBAAiB,GAAG5B,WAAW,CAAEyB,KAAD,IAA6B;IACjEA,KAAK,CAACC,cAAN;IACAD,KAAK,CAACE,eAAN;EACD,CAHoC,EAGlC,EAHkC,CAArC;EAKA,oBACE;IACE,SAAS,EAAEzB,UAAU,CAACG,MAAM,CAACgB,MAAR,EAAgB;MAAE,CAAChB,MAAM,CAACkB,QAAR,GAAmBA;IAArB,CAAhB,CADvB;IAEE,KAAK,EAAEF,MAAM,CAACQ,KAFhB;IAGE,IAAI,EAAC,QAHP;IAIE,OAAO,EAAEL,iBAJX;IAKE,aAAa,EAAEI,iBALjB;IAME,WAAW,EAAEA;EANf,gBAQE,oBAAC,WAAD;IAAa,IAAI,EAAEP,MAAM,CAACS;EAA1B,EARF,CADF;AAYD"}

package/dist/esm/workbench-mini-action-bar/WorkbenchMiniActionBar.module.css

@@ -0,0 +1,30 @@
+.actionsBar {
+  display: flex;
+  align-items: center;
+  padding: 0 3px;
+}
+
+.action {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 20px;
+  height: 20px;
+  border-radius: 5px;
+}
+
+.action:hover {
+  background-color: rgba(90, 93, 94, 0.31);
+}
+
+.action,
+.action:hover {
+  color: #c5c5c5;
+}
+
+.disabled,
+.disabled:hover {
+  color: var(--color-disabled-text);
+  cursor: not-allowed;
+  background-color: initial;
+}

package/dist/types/index.d.ts

@@ -1,3 +1,5 @@
 export * from "./visual-property-form/VisualPropertyForm";
 export * from "./interfaces";
 export * from "./visual-property-form/processor";
+export * from "./workbench-mini-action-bar/WorkbenchMiniActionBar";
+export * from "./utils";

package/dist/types/interfaces/index.d.ts

@@ -1 +1,2 @@
 export * from "./brick-visualization";
+export * from "./workbench-mini-action-bar";

package/dist/types/interfaces/workbench-mini-action-bar.d.ts

@@ -0,0 +1,11 @@
+import { MenuIcon } from "@next-core/brick-types";
+export interface WorkbenchTreeAction {
+    action: string;
+    icon: MenuIcon;
+    title?: string;
+    if?: string | boolean;
+}
+export interface ActionClickDetail {
+    action: string;
+    data?: unknown;
+}

package/dist/types/utils/deepMatch.d.ts

@@ -0,0 +1,2 @@
+export declare function deepFilter<T>(data: Array<T>, q: string): Array<T>;
+export declare function deepMatch(data: unknown, lowerTrimmedQuery: string): boolean;

package/dist/types/utils/index.d.ts

@@ -0,0 +1 @@
+export * from "./deepMatch";

package/dist/types/workbench-mini-action-bar/WorkbenchMiniActionBar.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { WorkbenchTreeAction, ActionClickDetail } from "../interfaces";
+export interface WorkbenchSubActionBarProps {
+    data?: unknown;
+    className?: string;
+    gap?: number;
+    isFirst?: boolean;
+    isLast?: boolean;
+    actions?: WorkbenchTreeAction[];
+    actionsHidden?: boolean;
+    onActionClick?(detail: ActionClickDetail): void;
+}
+export declare function WorkbenchMiniActionBar({ data, className, gap, isFirst, isLast, actions, actionsHidden, onActionClick, }: WorkbenchSubActionBarProps): React.ReactElement;

package/dist/types/workbench-mini-action-bar/WorkbenchMiniActionBar.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-libs/visual-builder",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "> TODO: description",
   "homepage": "https://github.com/easyops-cn/next-libs/tree/master/libs/visual-builder",
   "license": "GPL-3.0",
@@ -35,5 +35,5 @@
     "@types/react-color": "^3.0.6",
     "react-color": "^2.19.3"
   },
-  "gitHead": "3f61763b06ed8242738dab8b92b039c3877c7056"
+  "gitHead": "79fe093d4da0345d69895845ac7f7ab484c559c5"
 }