{"version":3,"file":"index.jsx","sourceRoot":"lib/","sources":["widgets/AuxToolWidget/index.tsx"],"names":[],"mappings":";;;AAAA,qCAIoB;AACpB,yCAAuC;AACvC,yCAAuC;AACvC,iDAA+C;AAC/C,iCAA+B;AAC/B,yCAAuC;AACvC,yBAAsB;AACtB,0EAA0E;AAC1E,qCAAgE;AAEhE,IAAM,sBAAsB,GAAG,IAAA,0BAAe,EAAC;IAC7C,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,EAAE;IACT,KAAK,EAAL,UAAM,KAAK,EAAE,EAAG;QACd,IAAM,SAAS,GAAG,IAAA,mBAAW,GAAE,CAAA;QAC/B,IAAM,WAAW,GAAG,IAAA,mBAAW,GAAE,CAAA;QACjC,IAAM,SAAS,GAAG,IAAA,iBAAS,EAAC,SAAS,CAAC,CAAA;QACtC,IAAM,IAAI,GAAG,IAAA,cAAG,GAAkB,CAAA;QAElC,IAAI,UAAU,GAAQ,EAAE,CAAA;QAExB,qBAAqB;QACrB,IAAM,GAAG,GAAG,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE;YAC3D,IAAI,WAAW,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,EAAE;gBAC5C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,uCAAgC,CAAC,WAAW;qBACtE,KAAK,CAAC,OAAO,gBAAM,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,UAAO,CAAA;aACxD;QACH,CAAC,CAAC,CAAA;QAEF,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAEpB,IAAA,0BAAe,EAAC;YACd,UAAU,CAAC,GAAG,CAAC,UAAC,QAAQ,IAAK,OAAA,QAAQ,EAAE,EAAV,CAAU,CAAC,CAAA;QAC1C,CAAC,CAAC,CAAA;QAEF,OAAO;YACL,IAAI,CAAC,WAAW,CAAC,KAAK;gBAAE,OAAO,IAAI,CAAA;YAEnC,OAAO,CACL,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CACrC;UAAA,CAAC,qBAAS,CAAC,AAAD,EACV;UAAA,CAAC,qBAAS,CAAC,AAAD,EACV;UAAA,CAAC,qBAAS,CAAC,AAAD,EACV;UAAA,CAAC,aAAK,CAAC,AAAD,EACN;UAAA,CAAC,6BAAa,CAAC,AAAD,EAChB;QAAA,EAAE,GAAG,CAAC,CACP,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAEW,QAAA,aAAa,GAAG,IAAA,2BAAa,EAAC,sBAAsB,EAAE;IACjE,WAAW,EAAE,eAAe;CAC7B,CAAC,CAAA","sourcesContent":["import {\n  useViewport,\n  useDesigner,\n  usePrefix,\n} from '../../hooks'\nimport { Insertion } from './Insertion'\nimport { Selection } from './Selection'\nimport { FreeSelection } from './FreeSelection'\nimport { Cover } from './Cover'\nimport { DashedBox } from './DashedBox'\nimport './styles.less'\nimport { composeExport } from '@jeamn/formily-components/src/__builtins__'\nimport { defineComponent, onBeforeUnmount, ref } from 'vue-demi'\n\nconst AuxToolWidgetComponent = defineComponent({\n  name: 'DnAuxToolWidget',\n  props: [],\n  setup(props, { }) {\n    const engineRef = useDesigner()\n    const viewportRef = useViewport()\n    const prefixRef = usePrefix('auxtool')\n    const _ref = ref<HTMLDivElement>()\n\n    let engineSubs: any = []\n\n    // [engine, viewport]\n    const cb1 = engineRef.value.subscribeWith('viewport:scroll', () => {\n      if (viewportRef.value.isIframe && _ref.value) {\n        _ref.value.style.transform = `perspective(1px) translate3d(${-viewportRef\n          .value.scrollX}px,${-viewportRef.value.scrollY}px,0)`\n      }\n    })\n\n    engineSubs.push(cb1)\n\n    onBeforeUnmount(() => {\n      engineSubs.map((enginecb) => enginecb())\n    })\n\n    return () => {\n      if (!viewportRef.value) return null\n\n      return (\n        <div ref={_ref} class={prefixRef.value}>\n          <Insertion />\n          <DashedBox />\n          <Selection />\n          <Cover />\n          <FreeSelection />\n        </div>\n      )\n    }\n  },\n})\n\nexport const AuxToolWidget = composeExport(AuxToolWidgetComponent, {\n  displayName: 'AuxToolWidget',\n})\n"]}