@next-bricks/advanced 0.35.7 → 0.35.9

package/dist/chunks/{eo-workbench-layout-v2.c95a0ab7.js.map → eo-workbench-layout-v2.f1e9e778.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/eo-workbench-layout-v2.c95a0ab7.js","mappings":"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","sources":["webpack:///./src/workbench-layout-v2/index.tsx","webpack:///./src/workbench-layout-v2/styles.css","webpack:///../../node_modules/react-grid-layout/css/styles.css","webpack:///../../node_modules/react-resizable/css/styles.css","webpack:///./src/workbench-layout-v2/styles.module.css","webpack:///./src/workbench-layout-v2/styles.css?4d90","webpack:///./src/workbench-layout-v2/styles.module.css?4307","webpack:///../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack:///../../node_modules/style-loader/dist/runtime/insertBySelector.js","webpack:///../../node_modules/style-loader/dist/runtime/insertStyleElement.js","webpack:///../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js","webpack:///../../node_modules/style-loader/dist/runtime/styleDomAPI.js","webpack:///../../node_modules/style-loader/dist/runtime/styleTagTransform.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateGetter.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateMethodInitSpec.js"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport { UseSingleBrickConf } from \"@next-core/types\";\nimport {\n  ReactUseBrick,\n  ReactUseMultipleBricks,\n} from \"@next-core/react-runtime\";\nimport {\n  ItemCallback,\n  Layout,\n  Responsive,\n  WidthProvider,\n} from \"react-grid-layout\";\nimport \"@next-core/theme\";\nimport type {\n  GeneralIcon,\n  GeneralIconProps,\n} from \"@next-bricks/icons/general-icon\";\nimport type { Button, ButtonProps } from \"@next-bricks/basic/button\";\nimport type {\n  Checkbox,\n  CheckboxOptionType,\n  CheckboxProps,\n} from \"@next-bricks/form/checkbox\";\nimport styles from \"./styles.module.css\";\nconst { defineElement, property, event } = createDecorators();\nimport \"./styles.css\";\ntype Item = {\n  position: Layout;\n  key: string;\n  title: string;\n  style?: React.CSSProperties;\n  useBrick: UseSingleBrickConf;\n};\n\ninterface CheckboxEvents {\n  change: CustomEvent<CheckboxOptionType[]>;\n}\n\ninterface CheckboxEventsMap {\n  onChange: \"change\";\n}\n\nconst WrappedButton = wrapBrick<Button, ButtonProps>(\"eo-button\");\nconst WrappedIcon = wrapBrick<GeneralIcon, GeneralIconProps>(\"eo-icon\");\nconst WrappedCheckbox = wrapBrick<\n  Checkbox,\n  CheckboxProps,\n  CheckboxEvents,\n  CheckboxEventsMap\n>(\"eo-checkbox\", {\n  onChange: \"change\",\n});\n\n/**\n * 工作台布局V2,未使用shadow dom\n */\nexport\n@defineElement(\"eo-workbench-layout-v2\", {\n  shadowOptions: false,\n})\nclass EoWorkbenchLayoutV2 extends ReactNextElement {\n  @property()\n  accessor cardTitle: string | undefined;\n\n  @property({\n    type: Boolean,\n  })\n  accessor isEdit: boolean | undefined;\n\n  @property({\n    attribute: false,\n  })\n  accessor layouts: Layout[] | undefined;\n\n  @property({\n    attribute: false,\n  })\n  accessor toolbarBricks:\n    | {\n        useBrick: UseSingleBrickConf[];\n      }\n    | undefined;\n\n  @property({\n    attribute: false,\n  })\n  accessor componentList: Item[] | undefined;\n\n  @event({\n    type: \"save\",\n  })\n  accessor #saveLayoutEvent!: EventEmitter<Layout[]>;\n\n  #handleSaveLayout = (layout: Layout[]) => {\n    this.#saveLayoutEvent.emit(layout);\n  };\n\n  @event({\n    type: \"cancel\",\n  })\n  accessor #cancelEvent!: EventEmitter<void>;\n\n  #handleCancel = () => {\n    this.#cancelEvent.emit();\n  };\n\n  render() {\n    return (\n      <EoWorkbenchLayoutComponent\n        cardTitle={this.cardTitle}\n        layouts={this.layouts}\n        toolbarBricks={this.toolbarBricks}\n        componentList={this.componentList}\n        isEdit={this.isEdit}\n        onSave={this.#handleSaveLayout}\n        onCancel={this.#handleCancel}\n      />\n    );\n  }\n}\n\nexport interface EoWorkbenchLayoutV2Props {\n  cardTitle?: string;\n  layouts?: Layout[];\n  toolbarBricks?: {\n    useBrick: UseSingleBrickConf[];\n  };\n  componentList?: Item[];\n  isEdit?: boolean;\n  onSave?: (layout: Layout[]) => void;\n  onCancel?: () => void;\n}\n\nconst getRealKey = (key: string): string =>\n  key?.includes(\":\") ? key.split(\":\")[0] : key;\n\nexport function EoWorkbenchLayoutComponent({\n  cardTitle = \"卡片列表\",\n  layouts: layoutsProps,\n  toolbarBricks,\n  componentList = [],\n  isEdit,\n  onSave,\n  onCancel,\n}: EoWorkbenchLayoutV2Props) {\n  const ResponsiveReactGridLayout = useMemo(\n    () => WidthProvider(Responsive),\n    []\n  );\n  const gridLayoutRef = useRef<HTMLDivElement>(null);\n  const layoutCacheRef = useRef<Layout[]>();\n  const layoutWrapperRef = useRef<HTMLDivElement>(null);\n\n  const [layouts, setLayouts] = useState<Layout[]>(layoutsProps ?? []);\n  const [cols, setCols] = useState<number>(3);\n  const [layoutWrapperStyle, setLayoutWrapperStyle] =\n    useState<React.CSSProperties>();\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const handleDragCallback: ItemCallback = (layout, oldItem, newItem) => {\n    const placeholderDOM = gridLayoutRef.current?.querySelector(\n      \".react-grid-placeholder\"\n    );\n    if (placeholderDOM) {\n      if (newItem.w > 1 && newItem.x > 0) {\n        !placeholderDOM.classList.contains(\"forbidden\") &&\n          placeholderDOM.classList.add(\"forbidden\");\n      } else {\n        placeholderDOM.classList.contains(\"forbidden\") &&\n          placeholderDOM.classList.remove(\"forbidden\");\n      }\n    }\n  };\n\n  const handleLayoutChange = useCallback((currentLayout: Layout[]) => {\n    if (!layoutCacheRef.current) {\n      layoutCacheRef.current = currentLayout;\n    }\n    let isAllowAction = true;\n    for (let t = 0; t < currentLayout.length; t++) {\n      const { x, w, y, h, i, minH } = currentLayout[t];\n      if (w > 1 && x > 0) {\n        isAllowAction = false;\n        break;\n      }\n      if (w === 1 && x < 2) {\n        const matchItem = currentLayout.find(\n          (item) => item.i !== i && item.w === 1 && item.y === y && x < 2\n        );\n        if (matchItem) {\n          currentLayout[t].minH = currentLayout[t].minH ?? h;\n          currentLayout[t].h = Math.max(matchItem.h, h);\n        }\n      } else {\n        currentLayout[t].h = minH ?? h;\n        currentLayout[t].minH = undefined;\n      }\n    }\n    if (!isAllowAction) {\n      setLayouts((items) =>\n        items?.map((item) => {\n          const matchLayout = layoutCacheRef.current?.find(\n            (layout) => getRealKey(layout.i) === getRealKey(item.i)\n          );\n          // should update key to refresh layout\n          const key = `${getRealKey(item.i)}:${Math.random()}`;\n          return {\n            ...matchLayout,\n            i: key,\n          } as Layout;\n        })\n      );\n      return;\n    }\n\n    layoutCacheRef.current = currentLayout;\n  }, []);\n\n  const handleBreakpointChange = (_newBreakpoint: string, newCols: number) => {\n    setCols(newCols);\n  };\n\n  const handleCheckBoxChange = useCallback(\n    (event: CustomEvent<CheckboxOptionType[]>): void => {\n      const checkedKeys = event.detail.map((item) => item.value);\n      const layoutsKeys = layouts.map((item) => getRealKey(item.i));\n      const addItems = event.detail\n        .filter((item) => !layoutsKeys.includes(item.key))\n        .map((item) => ({\n          ...item.position,\n          x: item.w > 1 ? 0 : (layouts.length * 2) % cols,\n          y: Infinity,\n        }));\n\n      setLayouts((layouts) => {\n        return layouts\n          .filter((layout) => checkedKeys.includes(getRealKey(layout.i)))\n          .concat(addItems);\n      });\n    },\n    [layouts, cols]\n  );\n\n  const handleClearLayout = () => {\n    setLayouts([]);\n  };\n\n  const handleSave = useCallback(() => {\n    onSave?.(\n      (layoutCacheRef.current ?? []).map((item) => ({\n        ...item,\n        i: getRealKey(item.i),\n      }))\n    );\n  }, [onSave]);\n\n  const handleCancel = () => {\n    onCancel?.();\n  };\n\n  const handleDeleteItem = useCallback(\n    (e: React.MouseEvent, deteleItem: Item) => {\n      e.stopPropagation();\n      setLayouts(\n        layoutCacheRef.current?.filter(\n          (item) => getRealKey(item.i) !== deteleItem.key\n        ) ?? []\n      );\n    },\n    []\n  );\n\n  const handleEditMaskClcik = (e: React.MouseEvent) => {\n    e.preventDefault();\n  };\n\n  const renderChild = useMemo(\n    () =>\n      layouts\n        .map((layout) => {\n          const component = componentList.find(\n            (item) => item.key === getRealKey(layout.i)\n          );\n          if (!component) {\n            return null;\n          }\n          return (\n            <div\n              key={layout.i}\n              data-grid={{\n                ...(component.position ?? {}),\n                ...layout,\n              }}\n              style={component.style}\n              className=\"drag-box\"\n            >\n              {isEdit && (\n                <div\n                  className={styles.editMask}\n                  onMouseDown={handleEditMaskClcik}\n                />\n              )}\n              <ReactUseBrick useBrick={component.useBrick} />\n              {isEdit && (\n                <WrappedIcon\n                  icon=\"delete\"\n                  lib=\"antd\"\n                  className={styles.deleteIcon}\n                  onClick={(e) => handleDeleteItem(e, component)}\n                />\n              )}\n            </div>\n          );\n        })\n        .filter(Boolean),\n    [componentList, handleDeleteItem, layouts, isEdit]\n  );\n\n  const computedOptions = useMemo(\n    () =>\n      componentList.map((item) => ({\n        ...item,\n        label: item.title,\n        value: item.key,\n      })),\n    [componentList]\n  );\n\n  const computedSelectedComponentKeys = useMemo(\n    () => layouts.map((layout) => getRealKey(layout.i)),\n    [layouts]\n  );\n\n  const handleWatchLayoutSizeChange = useCallback(() => {\n    if (layoutWrapperRef && isEdit) {\n      const { top } =\n        layoutWrapperRef.current?.getClientRects()?.[0] ?? ({} as DOMRect);\n      top !== undefined &&\n        setLayoutWrapperStyle({\n          height: document.body.clientHeight - top,\n          overflow: \"scroll\",\n        });\n    }\n  }, [isEdit]);\n\n  useEffect(() => {\n    if (isEdit) {\n      handleWatchLayoutSizeChange();\n      setLayouts(layoutsProps || []); // 编辑的情况下需要动态改变一些布局\n      window.addEventListener(\"resize\", handleWatchLayoutSizeChange);\n\n      return () => {\n        window.removeEventListener(\"resize\", handleWatchLayoutSizeChange);\n      };\n    }\n  }, [isEdit, handleWatchLayoutSizeChange, layoutsProps]);\n\n  return (\n    <div className={styles.gridLayoutWrapper} ref={gridLayoutRef}>\n      {isEdit && (\n        <div className={styles.componentWrapper}>\n          <div className={styles.componentTitle}>{cardTitle}</div>\n          <div className={styles.componentList}>\n            <WrappedCheckbox\n              options={computedOptions}\n              value={computedSelectedComponentKeys}\n              onChange={handleCheckBoxChange as any}\n            />\n            {toolbarBricks?.useBrick && (\n              <ReactUseMultipleBricks useBrick={toolbarBricks.useBrick} />\n            )}\n          </div>\n        </div>\n      )}\n      <div\n        className={styles.layoutWrapper}\n        ref={layoutWrapperRef}\n        style={layoutWrapperStyle}\n      >\n        {isEdit && (\n          <div className={styles.actionsWrapper}>\n            <WrappedButton type=\"primary\" onClick={handleSave}>\n              保存\n            </WrappedButton>\n            <WrappedButton danger={true} onClick={handleClearLayout}>\n              清除\n            </WrappedButton>\n            <WrappedButton onClick={handleCancel}>取消</WrappedButton>\n          </div>\n        )}\n        <ResponsiveReactGridLayout\n          className={styles.layout}\n          draggableCancel={`.${styles.deleteIcon},.edit-actions,.ingore-item`}\n          breakpoints={{ lg: 1300, md: 1024, sm: 768 }}\n          rowHeight={1}\n          cols={{ lg: 3, md: 3, sm: 1 }}\n          isResizable={false}\n          isDraggable={isEdit}\n          onDrag={handleDragCallback}\n          onLayoutChange={handleLayoutChange}\n          onBreakpointChange={handleBreakpointChange}\n        >\n          {renderChild}\n        </ResponsiveReactGridLayout>\n      </div>\n    </div>\n  );\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../../../node_modules/react-grid-layout/css/styles.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_1___ from \"-!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../../../node_modules/react-resizable/css/styles.css\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.react-grid-item.react-grid-placeholder{background-color:#ddd}.react-grid-item.react-draggable-dragging{pointer-events:none}.react-grid-item.react-grid-placeholder.forbidden{background-color:red}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.react-grid-layout{position:relative;transition:height 200ms ease}.react-grid-item{transition:all 200ms ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:0.2;transition-duration:100ms;z-index:2;-webkit-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item > .react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item > .react-resizable-handle::after{content:\"\";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,0.4);border-bottom:2px solid rgba(0,0,0,0.4)}.react-resizable-hide > .react-resizable-handle{display:none}.react-grid-item > .react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-w,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-n,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,\n.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,\n.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.gridLayoutWrapper--DIttynOM{display:flex;height:100%;position:relative}.gridLayoutWrapper--DIttynOM .componentWrapper--P8xsKOQP{width:170px;padding:6px 12px;overflow-y:scroll;box-shadow:1px 0 0 0 var(--palette-gray-5);background:var(--color-fill-bg-container-1);z-index:999;position:sticky;top:0}.gridLayoutWrapper--DIttynOM .componentWrapper--P8xsKOQP .componentTitle--nKf9GEoj{font-size:16px;padding:6px 0;font-weight:500}.gridLayoutWrapper--DIttynOM .componentWrapper--P8xsKOQP .componentList--s3XnAYsB{margin-top:6px}.gridLayoutWrapper--DIttynOM .componentWrapper--P8xsKOQP .componentList--s3XnAYsB eo-checkbox::part(checkbox-wrapper){display:flex;flex-wrap:wrap;gap:8px}.gridLayoutWrapper--DIttynOM .componentWrapper--P8xsKOQP .componentList--s3XnAYsB eo-checkbox::part(checkbox-option){margin-left:0;width:100%;background:none}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR{flex:1}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .layout--kz28taJj{max-width:1300px;margin:0 auto}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .actionsWrapper--vQro2Dyn{position:sticky;top:0;z-index:999;margin-left:1px;display:flex;gap:8px;justify-content:flex-end;background:var(--color-fill-bg-container-1);padding:8px 12px;box-shadow:0 1px 1px 0 var(--palette-gray-5)}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .editMask--ql2wriZf{position:absolute;left:0;right:0;top:45px;bottom:0;z-index:10}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .deleteIcon--IjEzXZqc{position:absolute;right:15px;top:15px;cursor:pointer;font-size:16px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:var(--color-fill-bg-container-1);color:var(--color-normal-text)}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .deleteIcon--IjEzXZqc:hover{color:var(--color-error)}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .deleteIcon--IjEzXZqc:active{color:var(--color-error-active)}`, \"\"]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"gridLayoutWrapper\": `gridLayoutWrapper--DIttynOM`,\n\t\"componentWrapper\": `componentWrapper--P8xsKOQP`,\n\t\"componentTitle\": `componentTitle--nKf9GEoj`,\n\t\"componentList\": `componentList--s3XnAYsB`,\n\t\"layoutWrapper\": `layoutWrapper--pk1t3UAR`,\n\t\"layout\": `layout--kz28taJj`,\n\t\"actionsWrapper\": `actionsWrapper--vQro2Dyn`,\n\t\"editMask\": `editMask--ql2wriZf`,\n\t\"deleteIcon\": `deleteIcon--IjEzXZqc`\n};\nexport default ___CSS_LOADER_EXPORT___;\n","\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./styles.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./styles.css\";\n       export default content && content.locals ? content.locals : undefined;\n","\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./styles.module.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./styles.module.css\";\n       export default content && content.locals ? content.locals : undefined;\n","\"use strict\";\n\nvar stylesInDOM = [];\nfunction getIndexByIdentifier(identifier) {\n  var result = -1;\n  for (var i = 0; i < stylesInDOM.length; i++) {\n    if (stylesInDOM[i].identifier === identifier) {\n      result = i;\n      break;\n    }\n  }\n  return result;\n}\nfunction modulesToDom(list, options) {\n  var idCountMap = {};\n  var identifiers = [];\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i];\n    var id = options.base ? item[0] + options.base : item[0];\n    var count = idCountMap[id] || 0;\n    var identifier = \"\".concat(id, \" \").concat(count);\n    idCountMap[id] = count + 1;\n    var indexByIdentifier = getIndexByIdentifier(identifier);\n    var obj = {\n      css: item[1],\n      media: item[2],\n      sourceMap: item[3],\n      supports: item[4],\n      layer: item[5]\n    };\n    if (indexByIdentifier !== -1) {\n      stylesInDOM[indexByIdentifier].references++;\n      stylesInDOM[indexByIdentifier].updater(obj);\n    } else {\n      var updater = addElementStyle(obj, options);\n      options.byIndex = i;\n      stylesInDOM.splice(i, 0, {\n        identifier: identifier,\n        updater: updater,\n        references: 1\n      });\n    }\n    identifiers.push(identifier);\n  }\n  return identifiers;\n}\nfunction addElementStyle(obj, options) {\n  var api = options.domAPI(options);\n  api.update(obj);\n  var updater = function updater(newObj) {\n    if (newObj) {\n      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n        return;\n      }\n      api.update(obj = newObj);\n    } else {\n      api.remove();\n    }\n  };\n  return updater;\n}\nmodule.exports = function (list, options) {\n  options = options || {};\n  list = list || [];\n  var lastIdentifiers = modulesToDom(list, options);\n  return function update(newList) {\n    newList = newList || [];\n    for (var i = 0; i < lastIdentifiers.length; i++) {\n      var identifier = lastIdentifiers[i];\n      var index = getIndexByIdentifier(identifier);\n      stylesInDOM[index].references--;\n    }\n    var newLastIdentifiers = modulesToDom(newList, options);\n    for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n      var _identifier = lastIdentifiers[_i];\n      var _index = getIndexByIdentifier(_identifier);\n      if (stylesInDOM[_index].references === 0) {\n        stylesInDOM[_index].updater();\n        stylesInDOM.splice(_index, 1);\n      }\n    }\n    lastIdentifiers = newLastIdentifiers;\n  };\n};","\"use strict\";\n\nvar memo = {};\n\n/* istanbul ignore next  */\nfunction getTarget(target) {\n  if (typeof memo[target] === \"undefined\") {\n    var styleTarget = document.querySelector(target);\n\n    // Special case to return head of iframe instead of iframe itself\n    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n      try {\n        // This will throw an exception if access to iframe is blocked\n        // due to cross-origin restrictions\n        styleTarget = styleTarget.contentDocument.head;\n      } catch (e) {\n        // istanbul ignore next\n        styleTarget = null;\n      }\n    }\n    memo[target] = styleTarget;\n  }\n  return memo[target];\n}\n\n/* istanbul ignore next  */\nfunction insertBySelector(insert, style) {\n  var target = getTarget(insert);\n  if (!target) {\n    throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n  }\n  target.appendChild(style);\n}\nmodule.exports = insertBySelector;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction insertStyleElement(options) {\n  var element = document.createElement(\"style\");\n  options.setAttributes(element, options.attributes);\n  options.insert(element, options.options);\n  return element;\n}\nmodule.exports = insertStyleElement;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction setAttributesWithoutAttributes(styleElement) {\n  var nonce = typeof __webpack_nonce__ !== \"undefined\" ? __webpack_nonce__ : null;\n  if (nonce) {\n    styleElement.setAttribute(\"nonce\", nonce);\n  }\n}\nmodule.exports = setAttributesWithoutAttributes;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction apply(styleElement, options, obj) {\n  var css = \"\";\n  if (obj.supports) {\n    css += \"@supports (\".concat(obj.supports, \") {\");\n  }\n  if (obj.media) {\n    css += \"@media \".concat(obj.media, \" {\");\n  }\n  var needLayer = typeof obj.layer !== \"undefined\";\n  if (needLayer) {\n    css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n  }\n  css += obj.css;\n  if (needLayer) {\n    css += \"}\";\n  }\n  if (obj.media) {\n    css += \"}\";\n  }\n  if (obj.supports) {\n    css += \"}\";\n  }\n  var sourceMap = obj.sourceMap;\n  if (sourceMap && typeof btoa !== \"undefined\") {\n    css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n  }\n\n  // For old IE\n  /* istanbul ignore if  */\n  options.styleTagTransform(css, styleElement, options.options);\n}\nfunction removeStyleElement(styleElement) {\n  // istanbul ignore if\n  if (styleElement.parentNode === null) {\n    return false;\n  }\n  styleElement.parentNode.removeChild(styleElement);\n}\n\n/* istanbul ignore next  */\nfunction domAPI(options) {\n  if (typeof document === \"undefined\") {\n    return {\n      update: function update() {},\n      remove: function remove() {}\n    };\n  }\n  var styleElement = options.insertStyleElement(options);\n  return {\n    update: function update(obj) {\n      apply(styleElement, options, obj);\n    },\n    remove: function remove() {\n      removeStyleElement(styleElement);\n    }\n  };\n}\nmodule.exports = domAPI;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction styleTagTransform(css, styleElement) {\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css;\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild);\n    }\n    styleElement.appendChild(document.createTextNode(css));\n  }\n}\nmodule.exports = styleTagTransform;","import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateGetter(s, r, a) {\n  return a(assertClassBrand(s, r));\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateMethodInitSpec(obj, privateSet) {\n  checkPrivateRedeclaration(obj, privateSet);\n  privateSet.add(obj);\n}"],"names":["defineElement","property","event","createDecorators","WrappedButton","wrapBrick","WrappedIcon","WrappedCheckbox","onChange","_EoWorkbenchLayoutV","_A","WeakMap","_B","_C","_D","_E","_F","_EoWorkbenchLayoutV2_brand","WeakSet","_handleSaveLayout","_G","_handleCancel","EoWorkbenchLayoutV2","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_cardTitle","_init_extra_cardTitle","_init_isEdit","_init_extra_isEdit","_init_layouts","_init_extra_layouts","_init_toolbarBricks","_init_extra_toolbarBricks","_init_componentList","_init_extra_componentList","_init_saveLayoutEvent","_init_extra_saveLayoutEvent","layout","_classPrivateGetter","this","_get_saveLayoutEvent","emit","_init_cancelEvent","_init_extra_cancelEvent","_get_cancelEvent","cardTitle","_classPrivateFieldGet","v","_classPrivateFieldSet","isEdit","layouts","toolbarBricks","componentList","render","React","EoWorkbenchLayoutComponent","onSave","onCancel","_EoWorkbenchLayoutV2","e","_set_saveLayoutEvent","_set_cancelEvent","c","_initClass","_applyDecs","shadowOptions","type","Boolean","attribute","o","_","has","_checkInRHS","getRealKey","key","includes","split","_ref","layoutsProps","ResponsiveReactGridLayout","useMemo","WidthProvider","Responsive","gridLayoutRef","useRef","layoutCacheRef","layoutWrapperRef","setLayouts","useState","cols","setCols","layoutWrapperStyle","setLayoutWrapperStyle","handleLayoutChange","useCallback","currentLayout","current","isAllowAction","t","length","x","w","y","h","i","minH","matchItem","find","item","Math","max","undefined","items","map","_layoutCacheRef$curre","random","handleCheckBoxChange","checkedKeys","detail","value","layoutsKeys","addItems","filter","position","Infinity","concat","handleSave","handleDeleteItem","deteleItem","_layoutCacheRef$curre2","stopPropagation","handleEditMaskClcik","preventDefault","renderChild","component","style","className","styles","editMask","onMouseDown","ReactUseBrick","useBrick","icon","lib","deleteIcon","onClick","computedOptions","label","title","computedSelectedComponentKeys","handleWatchLayoutSizeChange","_layoutWrapperRef$cur","top","getClientRects","height","document","body","clientHeight","overflow","useEffect","window","addEventListener","removeEventListener","gridLayoutWrapper","ref","componentWrapper","componentTitle","options","ReactUseMultipleBricks","layoutWrapper","actionsWrapper","danger","handleClearLayout","handleCancel","draggableCancel","breakpoints","lg","md","sm","rowHeight","isResizable","isDraggable","onDrag","handleDragCallback","oldItem","newItem","_gridLayoutRef$curren","placeholderDOM","querySelector","classList","contains","add","remove","onLayoutChange","onBreakpointChange","handleBreakpointChange","_newBreakpoint","newCols","___CSS_LOADER_EXPORT___","push","module","id","___CSS_LOADER_URL_IMPORT_0___","URL","___CSS_LOADER_URL_REPLACEMENT_0___","locals","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","stylesInDOM","getIndexByIdentifier","identifier","result","modulesToDom","list","idCountMap","identifiers","base","count","indexByIdentifier","obj","css","media","sourceMap","supports","layer","references","updater","addElementStyle","byIndex","splice","api","update","newObj","exports","lastIdentifiers","newList","index","newLastIdentifiers","_i","_index","memo","target","styleTarget","HTMLIFrameElement","contentDocument","head","getTarget","Error","appendChild","element","createElement","attributes","styleElement","nonce","setAttribute","needLayer","btoa","unescape","encodeURIComponent","JSON","stringify","apply","parentNode","removeChild","removeStyleElement","styleSheet","cssText","firstChild","createTextNode","s","r","a","privateSet"],"sourceRoot":""}
+{"version":3,"file":"chunks/eo-workbench-layout-v2.f1e9e778.js","mappings":"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","sources":["webpack:///./src/workbench-layout-v2/index.tsx","webpack:///./src/workbench-layout-v2/styles.css","webpack:///../../node_modules/react-grid-layout/css/styles.css","webpack:///../../node_modules/react-resizable/css/styles.css","webpack:///./src/workbench-layout-v2/styles.module.css","webpack:///./src/workbench-layout-v2/styles.css?4d90","webpack:///./src/workbench-layout-v2/styles.module.css?4307","webpack:///../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack:///../../node_modules/style-loader/dist/runtime/insertBySelector.js","webpack:///../../node_modules/style-loader/dist/runtime/insertStyleElement.js","webpack:///../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js","webpack:///../../node_modules/style-loader/dist/runtime/styleDomAPI.js","webpack:///../../node_modules/style-loader/dist/runtime/styleTagTransform.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateGetter.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateMethodInitSpec.js"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport { UseSingleBrickConf } from \"@next-core/types\";\nimport {\n  ReactUseBrick,\n  ReactUseMultipleBricks,\n} from \"@next-core/react-runtime\";\nimport {\n  ItemCallback,\n  Layout,\n  Responsive,\n  WidthProvider,\n} from \"react-grid-layout\";\nimport \"@next-core/theme\";\nimport type {\n  GeneralIcon,\n  GeneralIconProps,\n} from \"@next-bricks/icons/general-icon\";\nimport type { Button, ButtonProps } from \"@next-bricks/basic/button\";\nimport type {\n  Checkbox,\n  CheckboxOptionType,\n  CheckboxProps,\n} from \"@next-bricks/form/checkbox\";\nimport styles from \"./styles.module.css\";\nconst { defineElement, property, event } = createDecorators();\nimport \"./styles.css\";\ntype Item = {\n  position: Layout;\n  key: string;\n  title: string;\n  style?: React.CSSProperties;\n  useBrick: UseSingleBrickConf;\n};\n\ninterface CheckboxEvents {\n  change: CustomEvent<CheckboxOptionType[]>;\n}\n\ninterface CheckboxEventsMap {\n  onChange: \"change\";\n}\n\nconst WrappedButton = wrapBrick<Button, ButtonProps>(\"eo-button\");\nconst WrappedIcon = wrapBrick<GeneralIcon, GeneralIconProps>(\"eo-icon\");\nconst WrappedCheckbox = wrapBrick<\n  Checkbox,\n  CheckboxProps,\n  CheckboxEvents,\n  CheckboxEventsMap\n>(\"eo-checkbox\", {\n  onChange: \"change\",\n});\n\n/**\n * 工作台布局V2,未使用shadow dom\n */\nexport\n@defineElement(\"eo-workbench-layout-v2\", {\n  shadowOptions: false,\n})\nclass EoWorkbenchLayoutV2 extends ReactNextElement {\n  @property()\n  accessor cardTitle: string | undefined;\n\n  @property({\n    type: Boolean,\n  })\n  accessor isEdit: boolean | undefined;\n\n  @property({\n    attribute: false,\n  })\n  accessor layouts: Layout[] | undefined;\n\n  @property({\n    attribute: false,\n  })\n  accessor toolbarBricks:\n    | {\n        useBrick: UseSingleBrickConf[];\n      }\n    | undefined;\n\n  @property({\n    attribute: false,\n  })\n  accessor componentList: Item[] | undefined;\n\n  @event({\n    type: \"save\",\n  })\n  accessor #saveLayoutEvent!: EventEmitter<Layout[]>;\n\n  #handleSaveLayout = (layout: Layout[]) => {\n    this.#saveLayoutEvent.emit(layout);\n  };\n\n  @event({\n    type: \"cancel\",\n  })\n  accessor #cancelEvent!: EventEmitter<void>;\n\n  #handleCancel = () => {\n    this.#cancelEvent.emit();\n  };\n\n  render() {\n    return (\n      <EoWorkbenchLayoutComponent\n        cardTitle={this.cardTitle}\n        layouts={this.layouts}\n        toolbarBricks={this.toolbarBricks}\n        componentList={this.componentList}\n        isEdit={this.isEdit}\n        onSave={this.#handleSaveLayout}\n        onCancel={this.#handleCancel}\n      />\n    );\n  }\n}\n\nexport interface EoWorkbenchLayoutV2Props {\n  cardTitle?: string;\n  layouts?: Layout[];\n  toolbarBricks?: {\n    useBrick: UseSingleBrickConf[];\n  };\n  componentList?: Item[];\n  isEdit?: boolean;\n  onSave?: (layout: Layout[]) => void;\n  onCancel?: () => void;\n}\n\nconst getRealKey = (key: string): string =>\n  key?.includes(\":\") ? key.split(\":\")[0] : key;\n\nexport function EoWorkbenchLayoutComponent({\n  cardTitle = \"卡片列表\",\n  layouts: layoutsProps,\n  toolbarBricks,\n  componentList = [],\n  isEdit,\n  onSave,\n  onCancel,\n}: EoWorkbenchLayoutV2Props) {\n  const ResponsiveReactGridLayout = useMemo(\n    () => WidthProvider(Responsive),\n    []\n  );\n  const gridLayoutRef = useRef<HTMLDivElement>(null);\n  const layoutCacheRef = useRef<Layout[]>();\n  const layoutWrapperRef = useRef<HTMLDivElement>(null);\n\n  const [layouts, setLayouts] = useState<Layout[]>(layoutsProps ?? []);\n  const [cols, setCols] = useState<number>(3);\n  const [layoutWrapperStyle, setLayoutWrapperStyle] =\n    useState<React.CSSProperties>();\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const handleDragCallback: ItemCallback = (layout, oldItem, newItem) => {\n    const placeholderDOM = gridLayoutRef.current?.querySelector(\n      \".react-grid-placeholder\"\n    );\n    if (placeholderDOM) {\n      if (newItem.w > 1 && newItem.x > 0) {\n        !placeholderDOM.classList.contains(\"forbidden\") &&\n          placeholderDOM.classList.add(\"forbidden\");\n      } else {\n        placeholderDOM.classList.contains(\"forbidden\") &&\n          placeholderDOM.classList.remove(\"forbidden\");\n      }\n    }\n  };\n\n  const handleLayoutChange = useCallback((currentLayout: Layout[]) => {\n    if (!layoutCacheRef.current) {\n      layoutCacheRef.current = currentLayout;\n    }\n    let isAllowAction = true;\n    for (let t = 0; t < currentLayout.length; t++) {\n      const { x, w, y, h, i, minH } = currentLayout[t];\n      if (w > 1 && x > 0) {\n        isAllowAction = false;\n        break;\n      }\n      if (w === 1 && x < 2) {\n        const matchItem = currentLayout.find(\n          (item) => item.i !== i && item.w === 1 && item.y === y && x < 2\n        );\n        if (matchItem) {\n          currentLayout[t].minH = currentLayout[t].minH ?? h;\n          currentLayout[t].h = Math.max(matchItem.h, h);\n        }\n      } else {\n        currentLayout[t].h = minH ?? h;\n        currentLayout[t].minH = undefined;\n      }\n    }\n    if (!isAllowAction) {\n      setLayouts((items) =>\n        items?.map((item) => {\n          const matchLayout = layoutCacheRef.current?.find(\n            (layout) => getRealKey(layout.i) === getRealKey(item.i)\n          );\n          // should update key to refresh layout\n          const key = `${getRealKey(item.i)}:${Math.random()}`;\n          return {\n            ...matchLayout,\n            i: key,\n          } as Layout;\n        })\n      );\n      return;\n    }\n\n    layoutCacheRef.current = currentLayout;\n  }, []);\n\n  const handleBreakpointChange = (_newBreakpoint: string, newCols: number) => {\n    setCols(newCols);\n  };\n\n  const handleCheckBoxChange = useCallback(\n    (event: CustomEvent<CheckboxOptionType[]>): void => {\n      const checkedKeys = event.detail.map((item) => item.value);\n      const layoutsKeys = layouts.map((item) => getRealKey(item.i));\n      const addItems = event.detail\n        .filter((item) => !layoutsKeys.includes(item.key))\n        .map((item) => ({\n          ...item.position,\n          x: item.w > 1 ? 0 : (layouts.length * 2) % cols,\n          y: Infinity,\n        }));\n\n      setLayouts((layouts) => {\n        return layouts\n          .filter((layout) => checkedKeys.includes(getRealKey(layout.i)))\n          .concat(addItems);\n      });\n    },\n    [layouts, cols]\n  );\n\n  const handleClearLayout = () => {\n    setLayouts([]);\n  };\n\n  const handleSave = useCallback(() => {\n    onSave?.(\n      (layoutCacheRef.current ?? []).map((item) => ({\n        ...item,\n        i: getRealKey(item.i),\n      }))\n    );\n  }, [onSave]);\n\n  const handleCancel = () => {\n    onCancel?.();\n  };\n\n  const handleDeleteItem = useCallback(\n    (e: React.MouseEvent, deteleItem: Item) => {\n      e.stopPropagation();\n      setLayouts(\n        layoutCacheRef.current?.filter(\n          (item) => getRealKey(item.i) !== deteleItem.key\n        ) ?? []\n      );\n    },\n    []\n  );\n\n  const handleEditMaskClcik = (e: React.MouseEvent) => {\n    e.preventDefault();\n  };\n\n  const renderChild = useMemo(\n    () =>\n      layouts\n        .map((layout) => {\n          const component = componentList.find(\n            (item) => item.key === getRealKey(layout.i)\n          );\n          if (!component) {\n            return null;\n          }\n          return (\n            <div\n              key={layout.i}\n              data-grid={{\n                ...(component.position ?? {}),\n                ...layout,\n              }}\n              style={component.style}\n              className=\"drag-box\"\n            >\n              {isEdit && (\n                <div\n                  className={styles.editMask}\n                  onMouseDown={handleEditMaskClcik}\n                />\n              )}\n              <ReactUseBrick useBrick={component.useBrick} />\n              {isEdit && (\n                <WrappedIcon\n                  icon=\"delete\"\n                  lib=\"antd\"\n                  className={styles.deleteIcon}\n                  onClick={(e) => handleDeleteItem(e, component)}\n                />\n              )}\n            </div>\n          );\n        })\n        .filter(Boolean),\n    [componentList, handleDeleteItem, layouts, isEdit]\n  );\n\n  const computedOptions = useMemo(\n    () =>\n      componentList.map((item) => ({\n        ...item,\n        label: item.title,\n        value: item.key,\n      })),\n    [componentList]\n  );\n\n  const computedSelectedComponentKeys = useMemo(\n    () => layouts.map((layout) => getRealKey(layout.i)),\n    [layouts]\n  );\n\n  const handleWatchLayoutSizeChange = useCallback(() => {\n    if (layoutWrapperRef && isEdit) {\n      const { top } =\n        layoutWrapperRef.current?.getClientRects()?.[0] ?? ({} as DOMRect);\n      top !== undefined &&\n        setLayoutWrapperStyle({\n          height: document.body.clientHeight - top,\n          overflow: \"scroll\",\n        });\n    }\n  }, [isEdit]);\n\n  useEffect(() => {\n    if (isEdit) {\n      handleWatchLayoutSizeChange();\n      setLayouts(layoutsProps || []); // 编辑的情况下需要动态改变一些布局\n      window.addEventListener(\"resize\", handleWatchLayoutSizeChange);\n\n      return () => {\n        window.removeEventListener(\"resize\", handleWatchLayoutSizeChange);\n      };\n    }\n  }, [isEdit, handleWatchLayoutSizeChange, layoutsProps]);\n\n  return (\n    <div className={styles.gridLayoutWrapper} ref={gridLayoutRef}>\n      {isEdit && (\n        <div className={styles.componentWrapper}>\n          <div className={styles.componentTitle}>{cardTitle}</div>\n          <div className={styles.componentList}>\n            <WrappedCheckbox\n              options={computedOptions}\n              value={computedSelectedComponentKeys}\n              onChange={handleCheckBoxChange as any}\n            />\n            {toolbarBricks?.useBrick && (\n              <ReactUseMultipleBricks useBrick={toolbarBricks.useBrick} />\n            )}\n          </div>\n        </div>\n      )}\n      <div\n        className={styles.layoutWrapper}\n        ref={layoutWrapperRef}\n        style={layoutWrapperStyle}\n      >\n        {isEdit && (\n          <div className={styles.actionsWrapper}>\n            <WrappedButton type=\"primary\" onClick={handleSave}>\n              保存\n            </WrappedButton>\n            <WrappedButton danger={true} onClick={handleClearLayout}>\n              清除\n            </WrappedButton>\n            <WrappedButton onClick={handleCancel}>取消</WrappedButton>\n          </div>\n        )}\n        <ResponsiveReactGridLayout\n          className={styles.layout}\n          draggableCancel={`.${styles.deleteIcon},.edit-actions,.ingore-item`}\n          breakpoints={{ lg: 1300, md: 1024, sm: 768 }}\n          rowHeight={1}\n          cols={{ lg: 3, md: 3, sm: 1 }}\n          isResizable={false}\n          isDraggable={isEdit}\n          onDrag={handleDragCallback}\n          onLayoutChange={handleLayoutChange}\n          onBreakpointChange={handleBreakpointChange}\n        >\n          {renderChild}\n        </ResponsiveReactGridLayout>\n      </div>\n    </div>\n  );\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../../../node_modules/react-grid-layout/css/styles.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_1___ from \"-!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../../../node_modules/react-resizable/css/styles.css\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.react-grid-item.react-grid-placeholder{background-color:#ddd}.react-grid-item.react-draggable-dragging{pointer-events:none}.react-grid-item.react-grid-placeholder.forbidden{background-color:red}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.react-grid-layout{position:relative;transition:height 200ms ease}.react-grid-item{transition:all 200ms ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:0.2;transition-duration:100ms;z-index:2;-webkit-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item > .react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item > .react-resizable-handle::after{content:\"\";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,0.4);border-bottom:2px solid rgba(0,0,0,0.4)}.react-resizable-hide > .react-resizable-handle{display:none}.react-grid-item > .react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-w,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-n,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,\n.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,\n.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.gridLayoutWrapper--DIttynOM{display:flex;height:100%;position:relative}.gridLayoutWrapper--DIttynOM .componentWrapper--P8xsKOQP{width:170px;padding:6px 12px;overflow-y:scroll;box-shadow:1px 0 0 0 var(--palette-gray-5);background:var(--color-fill-bg-container-1);z-index:999;position:sticky;top:0}.gridLayoutWrapper--DIttynOM .componentWrapper--P8xsKOQP .componentTitle--nKf9GEoj{font-size:16px;padding:6px 0;font-weight:500}.gridLayoutWrapper--DIttynOM .componentWrapper--P8xsKOQP .componentList--s3XnAYsB{margin-top:6px}.gridLayoutWrapper--DIttynOM .componentWrapper--P8xsKOQP .componentList--s3XnAYsB eo-checkbox::part(checkbox-wrapper){display:flex;flex-wrap:wrap;gap:8px}.gridLayoutWrapper--DIttynOM .componentWrapper--P8xsKOQP .componentList--s3XnAYsB eo-checkbox::part(checkbox-option){margin-left:0;width:100%;background:none}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR{flex:1}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .layout--kz28taJj{max-width:1300px;margin:0 auto}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .actionsWrapper--vQro2Dyn{position:sticky;top:0;z-index:999;margin-left:1px;display:flex;gap:8px;justify-content:flex-end;background:var(--color-fill-bg-container-1);padding:8px 12px;box-shadow:0 1px 1px 0 var(--palette-gray-5)}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .editMask--ql2wriZf{position:absolute;left:0;right:0;top:45px;bottom:0;z-index:10}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .deleteIcon--IjEzXZqc{position:absolute;right:15px;top:15px;cursor:pointer;font-size:16px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:var(--color-fill-bg-container-1);color:var(--color-normal-text)}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .deleteIcon--IjEzXZqc:hover{color:var(--color-error)}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .deleteIcon--IjEzXZqc:active{color:var(--color-error-active)}`, \"\"]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"gridLayoutWrapper\": `gridLayoutWrapper--DIttynOM`,\n\t\"componentWrapper\": `componentWrapper--P8xsKOQP`,\n\t\"componentTitle\": `componentTitle--nKf9GEoj`,\n\t\"componentList\": `componentList--s3XnAYsB`,\n\t\"layoutWrapper\": `layoutWrapper--pk1t3UAR`,\n\t\"layout\": `layout--kz28taJj`,\n\t\"actionsWrapper\": `actionsWrapper--vQro2Dyn`,\n\t\"editMask\": `editMask--ql2wriZf`,\n\t\"deleteIcon\": `deleteIcon--IjEzXZqc`\n};\nexport default ___CSS_LOADER_EXPORT___;\n","\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./styles.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./styles.css\";\n       export default content && content.locals ? content.locals : undefined;\n","\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./styles.module.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./styles.module.css\";\n       export default content && content.locals ? content.locals : undefined;\n","\"use strict\";\n\nvar stylesInDOM = [];\nfunction getIndexByIdentifier(identifier) {\n  var result = -1;\n  for (var i = 0; i < stylesInDOM.length; i++) {\n    if (stylesInDOM[i].identifier === identifier) {\n      result = i;\n      break;\n    }\n  }\n  return result;\n}\nfunction modulesToDom(list, options) {\n  var idCountMap = {};\n  var identifiers = [];\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i];\n    var id = options.base ? item[0] + options.base : item[0];\n    var count = idCountMap[id] || 0;\n    var identifier = \"\".concat(id, \" \").concat(count);\n    idCountMap[id] = count + 1;\n    var indexByIdentifier = getIndexByIdentifier(identifier);\n    var obj = {\n      css: item[1],\n      media: item[2],\n      sourceMap: item[3],\n      supports: item[4],\n      layer: item[5]\n    };\n    if (indexByIdentifier !== -1) {\n      stylesInDOM[indexByIdentifier].references++;\n      stylesInDOM[indexByIdentifier].updater(obj);\n    } else {\n      var updater = addElementStyle(obj, options);\n      options.byIndex = i;\n      stylesInDOM.splice(i, 0, {\n        identifier: identifier,\n        updater: updater,\n        references: 1\n      });\n    }\n    identifiers.push(identifier);\n  }\n  return identifiers;\n}\nfunction addElementStyle(obj, options) {\n  var api = options.domAPI(options);\n  api.update(obj);\n  var updater = function updater(newObj) {\n    if (newObj) {\n      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n        return;\n      }\n      api.update(obj = newObj);\n    } else {\n      api.remove();\n    }\n  };\n  return updater;\n}\nmodule.exports = function (list, options) {\n  options = options || {};\n  list = list || [];\n  var lastIdentifiers = modulesToDom(list, options);\n  return function update(newList) {\n    newList = newList || [];\n    for (var i = 0; i < lastIdentifiers.length; i++) {\n      var identifier = lastIdentifiers[i];\n      var index = getIndexByIdentifier(identifier);\n      stylesInDOM[index].references--;\n    }\n    var newLastIdentifiers = modulesToDom(newList, options);\n    for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n      var _identifier = lastIdentifiers[_i];\n      var _index = getIndexByIdentifier(_identifier);\n      if (stylesInDOM[_index].references === 0) {\n        stylesInDOM[_index].updater();\n        stylesInDOM.splice(_index, 1);\n      }\n    }\n    lastIdentifiers = newLastIdentifiers;\n  };\n};","\"use strict\";\n\nvar memo = {};\n\n/* istanbul ignore next  */\nfunction getTarget(target) {\n  if (typeof memo[target] === \"undefined\") {\n    var styleTarget = document.querySelector(target);\n\n    // Special case to return head of iframe instead of iframe itself\n    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n      try {\n        // This will throw an exception if access to iframe is blocked\n        // due to cross-origin restrictions\n        styleTarget = styleTarget.contentDocument.head;\n      } catch (e) {\n        // istanbul ignore next\n        styleTarget = null;\n      }\n    }\n    memo[target] = styleTarget;\n  }\n  return memo[target];\n}\n\n/* istanbul ignore next  */\nfunction insertBySelector(insert, style) {\n  var target = getTarget(insert);\n  if (!target) {\n    throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n  }\n  target.appendChild(style);\n}\nmodule.exports = insertBySelector;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction insertStyleElement(options) {\n  var element = document.createElement(\"style\");\n  options.setAttributes(element, options.attributes);\n  options.insert(element, options.options);\n  return element;\n}\nmodule.exports = insertStyleElement;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction setAttributesWithoutAttributes(styleElement) {\n  var nonce = typeof __webpack_nonce__ !== \"undefined\" ? __webpack_nonce__ : null;\n  if (nonce) {\n    styleElement.setAttribute(\"nonce\", nonce);\n  }\n}\nmodule.exports = setAttributesWithoutAttributes;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction apply(styleElement, options, obj) {\n  var css = \"\";\n  if (obj.supports) {\n    css += \"@supports (\".concat(obj.supports, \") {\");\n  }\n  if (obj.media) {\n    css += \"@media \".concat(obj.media, \" {\");\n  }\n  var needLayer = typeof obj.layer !== \"undefined\";\n  if (needLayer) {\n    css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n  }\n  css += obj.css;\n  if (needLayer) {\n    css += \"}\";\n  }\n  if (obj.media) {\n    css += \"}\";\n  }\n  if (obj.supports) {\n    css += \"}\";\n  }\n  var sourceMap = obj.sourceMap;\n  if (sourceMap && typeof btoa !== \"undefined\") {\n    css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n  }\n\n  // For old IE\n  /* istanbul ignore if  */\n  options.styleTagTransform(css, styleElement, options.options);\n}\nfunction removeStyleElement(styleElement) {\n  // istanbul ignore if\n  if (styleElement.parentNode === null) {\n    return false;\n  }\n  styleElement.parentNode.removeChild(styleElement);\n}\n\n/* istanbul ignore next  */\nfunction domAPI(options) {\n  if (typeof document === \"undefined\") {\n    return {\n      update: function update() {},\n      remove: function remove() {}\n    };\n  }\n  var styleElement = options.insertStyleElement(options);\n  return {\n    update: function update(obj) {\n      apply(styleElement, options, obj);\n    },\n    remove: function remove() {\n      removeStyleElement(styleElement);\n    }\n  };\n}\nmodule.exports = domAPI;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction styleTagTransform(css, styleElement) {\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css;\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild);\n    }\n    styleElement.appendChild(document.createTextNode(css));\n  }\n}\nmodule.exports = styleTagTransform;","import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateGetter(s, r, a) {\n  return a(assertClassBrand(s, r));\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateMethodInitSpec(obj, privateSet) {\n  checkPrivateRedeclaration(obj, privateSet);\n  privateSet.add(obj);\n}"],"names":["defineElement","property","event","createDecorators","WrappedButton","wrapBrick","WrappedIcon","WrappedCheckbox","onChange","_EoWorkbenchLayoutV","_A","WeakMap","_B","_C","_D","_E","_F","_EoWorkbenchLayoutV2_brand","WeakSet","_handleSaveLayout","_G","_handleCancel","EoWorkbenchLayoutV2","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_cardTitle","_init_extra_cardTitle","_init_isEdit","_init_extra_isEdit","_init_layouts","_init_extra_layouts","_init_toolbarBricks","_init_extra_toolbarBricks","_init_componentList","_init_extra_componentList","_init_saveLayoutEvent","_init_extra_saveLayoutEvent","layout","_classPrivateGetter","this","_get_saveLayoutEvent","emit","_init_cancelEvent","_init_extra_cancelEvent","_get_cancelEvent","cardTitle","_classPrivateFieldGet","v","_classPrivateFieldSet","isEdit","layouts","toolbarBricks","componentList","render","React","EoWorkbenchLayoutComponent","onSave","onCancel","_EoWorkbenchLayoutV2","e","_set_saveLayoutEvent","_set_cancelEvent","c","_initClass","_applyDecs","shadowOptions","type","Boolean","attribute","o","_","has","_checkInRHS","getRealKey","key","includes","split","_ref","layoutsProps","ResponsiveReactGridLayout","useMemo","WidthProvider","Responsive","gridLayoutRef","useRef","layoutCacheRef","layoutWrapperRef","setLayouts","useState","cols","setCols","layoutWrapperStyle","setLayoutWrapperStyle","handleLayoutChange","useCallback","currentLayout","current","isAllowAction","t","length","x","w","y","h","i","minH","matchItem","find","item","Math","max","undefined","items","map","_layoutCacheRef$curre","random","handleCheckBoxChange","checkedKeys","detail","value","layoutsKeys","addItems","filter","position","Infinity","concat","handleSave","handleDeleteItem","deteleItem","_layoutCacheRef$curre2","stopPropagation","handleEditMaskClcik","preventDefault","renderChild","component","style","className","styles","editMask","onMouseDown","ReactUseBrick","useBrick","icon","lib","deleteIcon","onClick","computedOptions","label","title","computedSelectedComponentKeys","handleWatchLayoutSizeChange","_layoutWrapperRef$cur","top","getClientRects","height","document","body","clientHeight","overflow","useEffect","window","addEventListener","removeEventListener","gridLayoutWrapper","ref","componentWrapper","componentTitle","options","ReactUseMultipleBricks","layoutWrapper","actionsWrapper","danger","handleClearLayout","handleCancel","draggableCancel","breakpoints","lg","md","sm","rowHeight","isResizable","isDraggable","onDrag","handleDragCallback","oldItem","newItem","_gridLayoutRef$curren","placeholderDOM","querySelector","classList","contains","add","remove","onLayoutChange","onBreakpointChange","handleBreakpointChange","_newBreakpoint","newCols","___CSS_LOADER_EXPORT___","push","module","id","___CSS_LOADER_URL_IMPORT_0___","URL","___CSS_LOADER_URL_REPLACEMENT_0___","locals","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","stylesInDOM","getIndexByIdentifier","identifier","result","modulesToDom","list","idCountMap","identifiers","base","count","indexByIdentifier","obj","css","media","sourceMap","supports","layer","references","updater","addElementStyle","byIndex","splice","api","update","newObj","exports","lastIdentifiers","newList","index","newLastIdentifiers","_i","_index","memo","target","styleTarget","HTMLIFrameElement","contentDocument","head","getTarget","Error","appendChild","element","createElement","attributes","styleElement","nonce","setAttribute","needLayer","btoa","unescape","encodeURIComponent","JSON","stringify","apply","parentNode","removeChild","removeStyleElement","styleSheet","cssText","firstChild","createTextNode","s","r","a","privateSet"],"sourceRoot":""}

package/dist/chunks/{eo-workbench-layout.99c0fcc6.js → eo-workbench-layout.169eda0f.js}

@@ -1,2 +1,2 @@
-"use strict";(globalThis.webpackChunk_next_bricks_advanced=globalThis.webpackChunk_next_bricks_advanced||[]).push([[9326],{55319:(e,t,r)=>{r.r(t),r.d(t,{EoWorkbenchLayout:()=>G,EoWorkbenchLayoutComponent:()=>V});var a,i=r(74635),n=r(70918),o=r(26902),l=r(5536),s=r(86121),c=r(70829),d=r(62740),p=r(18769),g=r.n(p),h=r(24782),m=r(91389),u=r(63229),b=r(45833),w=(r(19583),r(91116));let y,f,x,v,z,k,A,E,M,C,I,N,L,D,W,B,H;const{defineElement:S,property:R,event:T}=(0,h.createDecorators)(),Z=(0,m.wrapBrick)("eo-button"),P=(0,m.wrapBrick)("eo-icon"),j=(0,m.wrapBrick)("eo-checkbox",{onChange:"change"});let G;var _=new WeakMap,Y=new WeakMap,Q=new WeakMap,$=new WeakMap,F=new WeakMap,J=new WeakSet,U=new WeakMap,X=new WeakMap,q=new WeakMap;class O extends m.ReactNextElement{constructor(){super(...arguments),(0,i.A)(this,J),(0,n.A)(this,_,f(this)),(0,n.A)(this,Y,(x(this),v(this))),(0,n.A)(this,Q,(z(this),k(this))),(0,n.A)(this,$,(A(this),E(this))),(0,n.A)(this,F,(M(this),C(this))),(0,n.A)(this,U,(L(this),e=>{(0,l.A)(J,this,I).emit(e)})),(0,n.A)(this,X,D(this)),(0,n.A)(this,q,(H(this),()=>{(0,l.A)(J,this,W).emit()}))}get cardTitle(){return(0,c.A)(_,this)}set cardTitle(e){(0,s.A)(_,this,e)}get isEdit(){return(0,c.A)(Y,this)}set isEdit(e){(0,s.A)(Y,this,e)}get layouts(){return(0,c.A)(Q,this)}set layouts(e){(0,s.A)(Q,this,e)}get componentList(){return(0,c.A)($,this)}set componentList(e){(0,s.A)($,this,e)}render(){return g().createElement(V,{cardTitle:this.cardTitle,layouts:this.layouts,componentList:this.componentList,isEdit:this.isEdit,onSave:(0,c.A)(U,this),onCancel:(0,c.A)(q,this)})}}a=O,({e:[f,x,v,z,k,A,E,M,C,I,N,L,D,W,B,H],c:[G,y]}=(0,d.A)(a,[S("eo-workbench-layout",{styleTexts:[w.A]})],[[R(),1,"cardTitle"],[R({type:Boolean}),1,"isEdit"],[R({attribute:!1}),1,"layouts"],[R({attribute:!1}),1,"componentList"],[T({type:"save"}),1,"saveLayoutEvent",e=>(0,c.A)(F,e),(e,t)=>(0,s.A)(F,e,t)],[T({type:"cancel"}),1,"cancelEvent",e=>(0,c.A)(X,e),(e,t)=>(0,s.A)(X,e,t)]],0,(e=>q.has((0,o.A)(e))),m.ReactNextElement)),y();const K=e=>null!=e&&e.includes(":")?e.split(":")[0]:e;function V(e){let{cardTitle:t="卡片列表",layouts:r,componentList:a=[],isEdit:i,onSave:n,onCancel:o}=e;const l=(0,p.useMemo)((()=>(0,b.WidthProvider)(b.Responsive)),[]),s=(0,p.useRef)(null),c=(0,p.useRef)(),d=(0,p.useRef)(null),[h,m]=(0,p.useState)(r??[]),[w,y]=(0,p.useState)(3),[f,x]=(0,p.useState)(),v=(0,p.useCallback)((e=>{c.current||(c.current=e);let t=!0;for(let r=0;r<e.length;r++){const{x:a,w:i,y:n,h:o,i:l,minH:s}=e[r];if(i>1&&a>0){t=!1;break}if(1===i&&a<2){const t=e.find((e=>e.i!==l&&1===e.w&&e.y===n&&a<2));t&&(e[r].minH=e[r].minH??o,e[r].h=Math.max(t.h,o))}else e[r].h=s??o,e[r].minH=void 0}t?c.current=e:m((e=>null==e?void 0:e.map((e=>{var t;return{...null===(t=c.current)||void 0===t?void 0:t.find((t=>K(t.i)===K(e.i))),i:`${K(e.i)}:${Math.random()}`}}))))}),[]),z=(0,p.useCallback)((e=>{const t=e.detail.map((e=>e.value)),r=h.map((e=>K(e.i))),a=e.detail.filter((e=>!r.includes(e.key))).map((e=>({...e.position,x:e.w>1?0:2*h.length%w,y:1/0})));m((e=>e.filter((e=>t.includes(K(e.i)))).concat(a)))}),[h,w]),k=(0,p.useCallback)((()=>{null==n||n((c.current??[]).map((e=>({...e,i:K(e.i)}))))}),[n]),A=(0,p.useCallback)(((e,t)=>{var r;e.stopPropagation(),m((null===(r=c.current)||void 0===r?void 0:r.filter((e=>K(e.i)!==t.key)))??[])}),[]),E=e=>{e.preventDefault()},M=(0,p.useMemo)((()=>h.map((e=>{const t=a.find((t=>t.key===K(e.i)));return t?g().createElement("div",{key:e.i,"data-grid":{...t.position??{},...e},style:t.style,className:"drag-box"},i&&g().createElement("div",{className:"edit-mask",onMouseDown:E}),g().createElement(u.ReactUseBrick,{useBrick:t.useBrick}),i&&g().createElement(P,{icon:"delete",lib:"antd",className:"delete-icon",onClick:e=>A(e,t)})):null})).filter(Boolean)),[a,A,h,i]),C=(0,p.useMemo)((()=>a.map((e=>({...e,label:e.title,value:e.key})))),[a]),I=(0,p.useMemo)((()=>h.map((e=>K(e.i)))),[h]),N=(0,p.useCallback)((()=>{if(d&&i){var e;const{top:t}=(null===(e=d.current)||void 0===e||null===(e=e.getClientRects())||void 0===e?void 0:e[0])??{};void 0!==t&&x({height:document.body.clientHeight-t,overflow:"scroll"})}}),[i]);return(0,p.useEffect)((()=>{if(i)return N(),m(r||[]),window.addEventListener("resize",N),()=>{window.removeEventListener("resize",N)}}),[i,N,r]),g().createElement("div",{className:"grid-layout-wrapper",ref:s},i&&g().createElement("div",{className:"component-wrapper"},g().createElement("div",{className:"component-title"},t),g().createElement("div",{className:"component-list"},g().createElement(j,{options:C,value:I,onChange:z}),g().createElement("slot",{name:"toolbar"}))),g().createElement("div",{className:"layout-wrapper",ref:d,style:f},i&&g().createElement("div",{className:"actions-wrapper"},g().createElement(Z,{type:"primary",onClick:k},"保存"),g().createElement(Z,{danger:!0,onClick:()=>{m([])}},"清除"),g().createElement(Z,{onClick:()=>{null==o||o()}},"取消")),g().createElement(l,{className:"layout",draggableCancel:".delete-icon,.edit-actions,.ingore-item",breakpoints:{lg:1300,md:1024,sm:768},rowHeight:1,cols:{lg:3,md:3,sm:1},isResizable:!1,isDraggable:i,onDrag:(e,t,r)=>{var a;const i=null===(a=s.current)||void 0===a?void 0:a.querySelector(".react-grid-placeholder");i&&(r.w>1&&r.x>0?!i.classList.contains("forbidden")&&i.classList.add("forbidden"):i.classList.contains("forbidden")&&i.classList.remove("forbidden"))},onLayoutChange:v,onBreakpointChange:(e,t)=>{y(t)}},M)))}},91116:(e,t,r)=>{r.d(t,{A:()=>d});var a=r(36758),i=r.n(a),n=r(40935),o=r.n(n),l=r(34566),s=r(16322),c=o()(i());c.i(l.A),c.i(s.A),c.push([e.id,":host{display:block}:host([hidden]){display:none}.grid-layout-wrapper{display:flex;height:100%;position:relative}.grid-layout-wrapper .component-wrapper{width:150px;padding:6px 12px;overflow-y:scroll;box-shadow:1px 0 0 0 var(--palette-gray-5);background:var(--color-fill-bg-container-1);z-index:999;position:sticky;top:0}.grid-layout-wrapper .component-wrapper .component-title{font-size:16px;padding:6px 0;font-weight:500}.grid-layout-wrapper .component-wrapper .component-list{margin-top:6px}.grid-layout-wrapper .component-wrapper .component-list eo-checkbox::part(checkbox-wrapper){display:flex;flex-wrap:wrap;gap:8px}.grid-layout-wrapper .component-wrapper .component-list eo-checkbox::part(checkbox-option){margin-left:0;width:100%;background:none}.grid-layout-wrapper .layout-wrapper{flex:1}.grid-layout-wrapper .layout-wrapper .layout{max-width:1300px;margin:0 auto}.grid-layout-wrapper .layout-wrapper .actions-wrapper{position:sticky;top:0;z-index:999;margin-left:1px;display:flex;gap:8px;justify-content:flex-end;background:var(--color-fill-bg-container-1);padding:8px 12px;box-shadow:0 1px 1px 0 var(--palette-gray-5)}.grid-layout-wrapper .layout-wrapper .edit-mask{position:absolute;left:0;right:0;top:45px;bottom:0;z-index:10}.grid-layout-wrapper .layout-wrapper .delete-icon{position:absolute;right:15px;top:15px;cursor:pointer;font-size:16px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:var(--color-fill-bg-container-1);color:var(--color-normal-text)}.grid-layout-wrapper .layout-wrapper .delete-icon:hover{color:var(--color-error)}.grid-layout-wrapper .layout-wrapper .delete-icon:active{color:var(--color-error-active)}.react-grid-item.react-grid-placeholder{background-color:#ddd}.react-grid-item.react-draggable-dragging{pointer-events:none}.react-grid-item.react-grid-placeholder.forbidden{background-color:red}",""]);const d=c.toString()},34566:(e,t,r)=>{r.d(t,{A:()=>l});var a=r(36758),i=r.n(a),n=r(40935),o=r.n(n)()(i());o.push([e.id,'.react-grid-layout{position:relative;transition:height 200ms ease}.react-grid-item{transition:all 200ms ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:0.2;transition-duration:100ms;z-index:2;-webkit-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item > .react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item > .react-resizable-handle::after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,0.4);border-bottom:2px solid rgba(0,0,0,0.4)}.react-resizable-hide > .react-resizable-handle{display:none}.react-grid-item > .react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-w,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-n,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}',""]);const l=o.toString()},16322:(e,t,r)=>{r.d(t,{A:()=>g});var a=r(36758),i=r.n(a),n=r(40935),o=r.n(n),l=r(20062),s=r.n(l),c=new URL(r(59224),r.b),d=o()(i()),p=s()(c);d.push([e.id,`.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(${p});background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,\n.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,\n.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}`,""]);const g=d.toString()},59224:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+"},5536:(e,t,r)=>{r.d(t,{A:()=>i});var a=r(12559);function i(e,t,r){return r((0,a.A)(e,t))}},74635:(e,t,r)=>{r.d(t,{A:()=>i});var a=r(72016);function i(e,t){(0,a.A)(e,t),t.add(e)}}}]);
-//# sourceMappingURL=eo-workbench-layout.99c0fcc6.js.map
+"use strict";(globalThis.webpackChunk_next_bricks_advanced=globalThis.webpackChunk_next_bricks_advanced||[]).push([[9326],{55319:(e,t,r)=>{r.r(t),r.d(t,{EoWorkbenchLayout:()=>G,EoWorkbenchLayoutComponent:()=>V});var a,i=r(74635),n=r(70918),o=r(26902),l=r(5536),s=r(86121),c=r(70829),d=r(62740),p=r(18769),g=r.n(p),h=r(24782),m=r(91389),u=r(62518),b=r(45833),w=(r(59772),r(91116));let y,f,x,v,z,k,A,E,M,C,I,N,L,D,W,B,H;const{defineElement:S,property:R,event:T}=(0,h.createDecorators)(),Z=(0,m.wrapBrick)("eo-button"),P=(0,m.wrapBrick)("eo-icon"),j=(0,m.wrapBrick)("eo-checkbox",{onChange:"change"});let G;var _=new WeakMap,Y=new WeakMap,Q=new WeakMap,$=new WeakMap,F=new WeakMap,J=new WeakSet,U=new WeakMap,X=new WeakMap,q=new WeakMap;class O extends m.ReactNextElement{constructor(){super(...arguments),(0,i.A)(this,J),(0,n.A)(this,_,f(this)),(0,n.A)(this,Y,(x(this),v(this))),(0,n.A)(this,Q,(z(this),k(this))),(0,n.A)(this,$,(A(this),E(this))),(0,n.A)(this,F,(M(this),C(this))),(0,n.A)(this,U,(L(this),e=>{(0,l.A)(J,this,I).emit(e)})),(0,n.A)(this,X,D(this)),(0,n.A)(this,q,(H(this),()=>{(0,l.A)(J,this,W).emit()}))}get cardTitle(){return(0,c.A)(_,this)}set cardTitle(e){(0,s.A)(_,this,e)}get isEdit(){return(0,c.A)(Y,this)}set isEdit(e){(0,s.A)(Y,this,e)}get layouts(){return(0,c.A)(Q,this)}set layouts(e){(0,s.A)(Q,this,e)}get componentList(){return(0,c.A)($,this)}set componentList(e){(0,s.A)($,this,e)}render(){return g().createElement(V,{cardTitle:this.cardTitle,layouts:this.layouts,componentList:this.componentList,isEdit:this.isEdit,onSave:(0,c.A)(U,this),onCancel:(0,c.A)(q,this)})}}a=O,({e:[f,x,v,z,k,A,E,M,C,I,N,L,D,W,B,H],c:[G,y]}=(0,d.A)(a,[S("eo-workbench-layout",{styleTexts:[w.A]})],[[R(),1,"cardTitle"],[R({type:Boolean}),1,"isEdit"],[R({attribute:!1}),1,"layouts"],[R({attribute:!1}),1,"componentList"],[T({type:"save"}),1,"saveLayoutEvent",e=>(0,c.A)(F,e),(e,t)=>(0,s.A)(F,e,t)],[T({type:"cancel"}),1,"cancelEvent",e=>(0,c.A)(X,e),(e,t)=>(0,s.A)(X,e,t)]],0,(e=>q.has((0,o.A)(e))),m.ReactNextElement)),y();const K=e=>null!=e&&e.includes(":")?e.split(":")[0]:e;function V(e){let{cardTitle:t="卡片列表",layouts:r,componentList:a=[],isEdit:i,onSave:n,onCancel:o}=e;const l=(0,p.useMemo)((()=>(0,b.WidthProvider)(b.Responsive)),[]),s=(0,p.useRef)(null),c=(0,p.useRef)(),d=(0,p.useRef)(null),[h,m]=(0,p.useState)(r??[]),[w,y]=(0,p.useState)(3),[f,x]=(0,p.useState)(),v=(0,p.useCallback)((e=>{c.current||(c.current=e);let t=!0;for(let r=0;r<e.length;r++){const{x:a,w:i,y:n,h:o,i:l,minH:s}=e[r];if(i>1&&a>0){t=!1;break}if(1===i&&a<2){const t=e.find((e=>e.i!==l&&1===e.w&&e.y===n&&a<2));t&&(e[r].minH=e[r].minH??o,e[r].h=Math.max(t.h,o))}else e[r].h=s??o,e[r].minH=void 0}t?c.current=e:m((e=>null==e?void 0:e.map((e=>{var t;return{...null===(t=c.current)||void 0===t?void 0:t.find((t=>K(t.i)===K(e.i))),i:`${K(e.i)}:${Math.random()}`}}))))}),[]),z=(0,p.useCallback)((e=>{const t=e.detail.map((e=>e.value)),r=h.map((e=>K(e.i))),a=e.detail.filter((e=>!r.includes(e.key))).map((e=>({...e.position,x:e.w>1?0:2*h.length%w,y:1/0})));m((e=>e.filter((e=>t.includes(K(e.i)))).concat(a)))}),[h,w]),k=(0,p.useCallback)((()=>{null==n||n((c.current??[]).map((e=>({...e,i:K(e.i)}))))}),[n]),A=(0,p.useCallback)(((e,t)=>{var r;e.stopPropagation(),m((null===(r=c.current)||void 0===r?void 0:r.filter((e=>K(e.i)!==t.key)))??[])}),[]),E=e=>{e.preventDefault()},M=(0,p.useMemo)((()=>h.map((e=>{const t=a.find((t=>t.key===K(e.i)));return t?g().createElement("div",{key:e.i,"data-grid":{...t.position??{},...e},style:t.style,className:"drag-box"},i&&g().createElement("div",{className:"edit-mask",onMouseDown:E}),g().createElement(u.ReactUseBrick,{useBrick:t.useBrick}),i&&g().createElement(P,{icon:"delete",lib:"antd",className:"delete-icon",onClick:e=>A(e,t)})):null})).filter(Boolean)),[a,A,h,i]),C=(0,p.useMemo)((()=>a.map((e=>({...e,label:e.title,value:e.key})))),[a]),I=(0,p.useMemo)((()=>h.map((e=>K(e.i)))),[h]),N=(0,p.useCallback)((()=>{if(d&&i){var e;const{top:t}=(null===(e=d.current)||void 0===e||null===(e=e.getClientRects())||void 0===e?void 0:e[0])??{};void 0!==t&&x({height:document.body.clientHeight-t,overflow:"scroll"})}}),[i]);return(0,p.useEffect)((()=>{if(i)return N(),m(r||[]),window.addEventListener("resize",N),()=>{window.removeEventListener("resize",N)}}),[i,N,r]),g().createElement("div",{className:"grid-layout-wrapper",ref:s},i&&g().createElement("div",{className:"component-wrapper"},g().createElement("div",{className:"component-title"},t),g().createElement("div",{className:"component-list"},g().createElement(j,{options:C,value:I,onChange:z}),g().createElement("slot",{name:"toolbar"}))),g().createElement("div",{className:"layout-wrapper",ref:d,style:f},i&&g().createElement("div",{className:"actions-wrapper"},g().createElement(Z,{type:"primary",onClick:k},"保存"),g().createElement(Z,{danger:!0,onClick:()=>{m([])}},"清除"),g().createElement(Z,{onClick:()=>{null==o||o()}},"取消")),g().createElement(l,{className:"layout",draggableCancel:".delete-icon,.edit-actions,.ingore-item",breakpoints:{lg:1300,md:1024,sm:768},rowHeight:1,cols:{lg:3,md:3,sm:1},isResizable:!1,isDraggable:i,onDrag:(e,t,r)=>{var a;const i=null===(a=s.current)||void 0===a?void 0:a.querySelector(".react-grid-placeholder");i&&(r.w>1&&r.x>0?!i.classList.contains("forbidden")&&i.classList.add("forbidden"):i.classList.contains("forbidden")&&i.classList.remove("forbidden"))},onLayoutChange:v,onBreakpointChange:(e,t)=>{y(t)}},M)))}},91116:(e,t,r)=>{r.d(t,{A:()=>d});var a=r(36758),i=r.n(a),n=r(40935),o=r.n(n),l=r(34566),s=r(16322),c=o()(i());c.i(l.A),c.i(s.A),c.push([e.id,":host{display:block}:host([hidden]){display:none}.grid-layout-wrapper{display:flex;height:100%;position:relative}.grid-layout-wrapper .component-wrapper{width:150px;padding:6px 12px;overflow-y:scroll;box-shadow:1px 0 0 0 var(--palette-gray-5);background:var(--color-fill-bg-container-1);z-index:999;position:sticky;top:0}.grid-layout-wrapper .component-wrapper .component-title{font-size:16px;padding:6px 0;font-weight:500}.grid-layout-wrapper .component-wrapper .component-list{margin-top:6px}.grid-layout-wrapper .component-wrapper .component-list eo-checkbox::part(checkbox-wrapper){display:flex;flex-wrap:wrap;gap:8px}.grid-layout-wrapper .component-wrapper .component-list eo-checkbox::part(checkbox-option){margin-left:0;width:100%;background:none}.grid-layout-wrapper .layout-wrapper{flex:1}.grid-layout-wrapper .layout-wrapper .layout{max-width:1300px;margin:0 auto}.grid-layout-wrapper .layout-wrapper .actions-wrapper{position:sticky;top:0;z-index:999;margin-left:1px;display:flex;gap:8px;justify-content:flex-end;background:var(--color-fill-bg-container-1);padding:8px 12px;box-shadow:0 1px 1px 0 var(--palette-gray-5)}.grid-layout-wrapper .layout-wrapper .edit-mask{position:absolute;left:0;right:0;top:45px;bottom:0;z-index:10}.grid-layout-wrapper .layout-wrapper .delete-icon{position:absolute;right:15px;top:15px;cursor:pointer;font-size:16px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:var(--color-fill-bg-container-1);color:var(--color-normal-text)}.grid-layout-wrapper .layout-wrapper .delete-icon:hover{color:var(--color-error)}.grid-layout-wrapper .layout-wrapper .delete-icon:active{color:var(--color-error-active)}.react-grid-item.react-grid-placeholder{background-color:#ddd}.react-grid-item.react-draggable-dragging{pointer-events:none}.react-grid-item.react-grid-placeholder.forbidden{background-color:red}",""]);const d=c.toString()},34566:(e,t,r)=>{r.d(t,{A:()=>l});var a=r(36758),i=r.n(a),n=r(40935),o=r.n(n)()(i());o.push([e.id,'.react-grid-layout{position:relative;transition:height 200ms ease}.react-grid-item{transition:all 200ms ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:0.2;transition-duration:100ms;z-index:2;-webkit-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item > .react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item > .react-resizable-handle::after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,0.4);border-bottom:2px solid rgba(0,0,0,0.4)}.react-resizable-hide > .react-resizable-handle{display:none}.react-grid-item > .react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-w,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-n,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}',""]);const l=o.toString()},16322:(e,t,r)=>{r.d(t,{A:()=>g});var a=r(36758),i=r.n(a),n=r(40935),o=r.n(n),l=r(20062),s=r.n(l),c=new URL(r(59224),r.b),d=o()(i()),p=s()(c);d.push([e.id,`.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(${p});background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,\n.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,\n.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}`,""]);const g=d.toString()},59224:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+"},5536:(e,t,r)=>{r.d(t,{A:()=>i});var a=r(12559);function i(e,t,r){return r((0,a.A)(e,t))}},74635:(e,t,r)=>{r.d(t,{A:()=>i});var a=r(72016);function i(e,t){(0,a.A)(e,t),t.add(e)}}}]);
+//# sourceMappingURL=eo-workbench-layout.169eda0f.js.map

package/dist/chunks/{eo-workbench-layout.99c0fcc6.js.map → eo-workbench-layout.169eda0f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/eo-workbench-layout.99c0fcc6.js","mappings":"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","sources":["webpack:///./src/workbench-layout/index.tsx","webpack:///./src/workbench-layout/styles.shadow.css","webpack:///../../node_modules/react-grid-layout/css/styles.css?4a73","webpack:///../../node_modules/react-resizable/css/styles.css?e4a4","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateGetter.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateMethodInitSpec.js"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport { UseSingleBrickConf } from \"@next-core/types\";\nimport { ReactUseBrick } from \"@next-core/react-runtime\";\nimport {\n  ItemCallback,\n  Layout,\n  Responsive,\n  WidthProvider,\n} from \"react-grid-layout\";\nimport \"@next-core/theme\";\nimport styleText from \"./styles.shadow.css\";\nimport type {\n  GeneralIcon,\n  GeneralIconProps,\n} from \"@next-bricks/icons/general-icon\";\nimport type { Button, ButtonProps } from \"@next-bricks/basic/button\";\nimport type {\n  Checkbox,\n  CheckboxOptionType,\n  CheckboxProps,\n} from \"@next-bricks/form/checkbox\";\n\nconst { defineElement, property, event } = createDecorators();\n\ntype Item = {\n  position: Layout;\n  key: string;\n  title: string;\n  style?: React.CSSProperties;\n  useBrick: UseSingleBrickConf;\n};\n\ninterface CheckboxEvents {\n  change: CustomEvent<CheckboxOptionType[]>;\n}\n\ninterface CheckboxEventsMap {\n  onChange: \"change\";\n}\n\nconst WrappedButton = wrapBrick<Button, ButtonProps>(\"eo-button\");\nconst WrappedIcon = wrapBrick<GeneralIcon, GeneralIconProps>(\"eo-icon\");\nconst WrappedCheckbox = wrapBrick<\n  Checkbox,\n  CheckboxProps,\n  CheckboxEvents,\n  CheckboxEventsMap\n>(\"eo-checkbox\", {\n  onChange: \"change\",\n});\n\n/**\n * 工作台布局\n */\nexport\n@defineElement(\"eo-workbench-layout\", {\n  styleTexts: [styleText],\n})\nclass EoWorkbenchLayout extends ReactNextElement {\n  @property()\n  accessor cardTitle: string | undefined;\n\n  @property({\n    type: Boolean,\n  })\n  accessor isEdit: boolean | undefined;\n\n  @property({\n    attribute: false,\n  })\n  accessor layouts: Layout[] | undefined;\n\n  @property({\n    attribute: false,\n  })\n  accessor componentList: Item[] | undefined;\n\n  @event({\n    type: \"save\",\n  })\n  accessor #saveLayoutEvent!: EventEmitter<Layout[]>;\n\n  #handleSaveLayout = (layout: Layout[]) => {\n    this.#saveLayoutEvent.emit(layout);\n  };\n\n  @event({\n    type: \"cancel\",\n  })\n  accessor #cancelEvent!: EventEmitter<void>;\n\n  #handleCancel = () => {\n    this.#cancelEvent.emit();\n  };\n\n  render() {\n    return (\n      <EoWorkbenchLayoutComponent\n        cardTitle={this.cardTitle}\n        layouts={this.layouts}\n        componentList={this.componentList}\n        isEdit={this.isEdit}\n        onSave={this.#handleSaveLayout}\n        onCancel={this.#handleCancel}\n      />\n    );\n  }\n}\n\nexport interface EoWorkbenchLayoutProps {\n  cardTitle?: string;\n  layouts?: Layout[];\n  componentList?: Item[];\n  isEdit?: boolean;\n  onSave?: (layout: Layout[]) => void;\n  onCancel?: () => void;\n}\n\nconst getRealKey = (key: string): string =>\n  key?.includes(\":\") ? key.split(\":\")[0] : key;\n\nexport function EoWorkbenchLayoutComponent({\n  cardTitle = \"卡片列表\",\n  layouts: layoutsProps,\n  componentList = [],\n  isEdit,\n  onSave,\n  onCancel,\n}: EoWorkbenchLayoutProps) {\n  const ResponsiveReactGridLayout = useMemo(\n    () => WidthProvider(Responsive),\n    []\n  );\n  const gridLayoutRef = useRef<HTMLDivElement>(null);\n  const layoutCacheRef = useRef<Layout[]>();\n  const layoutWrapperRef = useRef<HTMLDivElement>(null);\n\n  const [layouts, setLayouts] = useState<Layout[]>(layoutsProps ?? []);\n  const [cols, setCols] = useState<number>(3);\n  const [layoutWrapperStyle, setLayoutWrapperStyle] =\n    useState<React.CSSProperties>();\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const handleDragCallback: ItemCallback = (layout, oldItem, newItem) => {\n    const placeholderDOM = gridLayoutRef.current?.querySelector(\n      \".react-grid-placeholder\"\n    );\n    if (placeholderDOM) {\n      if (newItem.w > 1 && newItem.x > 0) {\n        !placeholderDOM.classList.contains(\"forbidden\") &&\n          placeholderDOM.classList.add(\"forbidden\");\n      } else {\n        placeholderDOM.classList.contains(\"forbidden\") &&\n          placeholderDOM.classList.remove(\"forbidden\");\n      }\n    }\n  };\n\n  const handleLayoutChange = useCallback((currentLayout: Layout[]) => {\n    if (!layoutCacheRef.current) {\n      layoutCacheRef.current = currentLayout;\n    }\n    let isAllowAction = true;\n    for (let t = 0; t < currentLayout.length; t++) {\n      const { x, w, y, h, i, minH } = currentLayout[t];\n      if (w > 1 && x > 0) {\n        isAllowAction = false;\n        break;\n      }\n      if (w === 1 && x < 2) {\n        const matchItem = currentLayout.find(\n          (item) => item.i !== i && item.w === 1 && item.y === y && x < 2\n        );\n        if (matchItem) {\n          currentLayout[t].minH = currentLayout[t].minH ?? h;\n          currentLayout[t].h = Math.max(matchItem.h, h);\n        }\n      } else {\n        currentLayout[t].h = minH ?? h;\n        currentLayout[t].minH = undefined;\n      }\n    }\n    if (!isAllowAction) {\n      setLayouts((items) =>\n        items?.map((item) => {\n          const matchLayout = layoutCacheRef.current?.find(\n            (layout) => getRealKey(layout.i) === getRealKey(item.i)\n          );\n          // should update key to refresh layout\n          const key = `${getRealKey(item.i)}:${Math.random()}`;\n          return {\n            ...matchLayout,\n            i: key,\n          } as Layout;\n        })\n      );\n      return;\n    }\n\n    layoutCacheRef.current = currentLayout;\n  }, []);\n\n  const handleBreakpointChange = (_newBreakpoint: string, newCols: number) => {\n    setCols(newCols);\n  };\n\n  const handleCheckBoxChange = useCallback(\n    (event: CustomEvent<CheckboxOptionType[]>): void => {\n      const checkedKeys = event.detail.map((item) => item.value);\n      const layoutsKeys = layouts.map((item) => getRealKey(item.i));\n      const addItems = event.detail\n        .filter((item) => !layoutsKeys.includes(item.key))\n        .map((item) => ({\n          ...item.position,\n          x: item.w > 1 ? 0 : (layouts.length * 2) % cols,\n          y: Infinity,\n        }));\n\n      setLayouts((layouts) => {\n        return layouts\n          .filter((layout) => checkedKeys.includes(getRealKey(layout.i)))\n          .concat(addItems);\n      });\n    },\n    [layouts, cols]\n  );\n\n  const handleClearLayout = () => {\n    setLayouts([]);\n  };\n\n  const handleSave = useCallback(() => {\n    onSave?.(\n      (layoutCacheRef.current ?? []).map((item) => ({\n        ...item,\n        i: getRealKey(item.i),\n      }))\n    );\n  }, [onSave]);\n\n  const handleCancel = () => {\n    onCancel?.();\n  };\n\n  const handleDeleteItem = useCallback(\n    (e: React.MouseEvent, deteleItem: Item) => {\n      e.stopPropagation();\n      setLayouts(\n        layoutCacheRef.current?.filter(\n          (item) => getRealKey(item.i) !== deteleItem.key\n        ) ?? []\n      );\n    },\n    []\n  );\n\n  const handleEditMaskClcik = (e: React.MouseEvent) => {\n    e.preventDefault();\n  };\n\n  const renderChild = useMemo(\n    () =>\n      layouts\n        .map((layout) => {\n          const component = componentList.find(\n            (item) => item.key === getRealKey(layout.i)\n          );\n          if (!component) {\n            return null;\n          }\n          return (\n            <div\n              key={layout.i}\n              data-grid={{\n                ...(component.position ?? {}),\n                ...layout,\n              }}\n              style={component.style}\n              className=\"drag-box\"\n            >\n              {isEdit && (\n                <div className=\"edit-mask\" onMouseDown={handleEditMaskClcik} />\n              )}\n              <ReactUseBrick useBrick={component.useBrick} />\n              {isEdit && (\n                <WrappedIcon\n                  icon=\"delete\"\n                  lib=\"antd\"\n                  className=\"delete-icon\"\n                  onClick={(e) => handleDeleteItem(e, component)}\n                />\n              )}\n            </div>\n          );\n        })\n        .filter(Boolean),\n    [componentList, handleDeleteItem, layouts, isEdit]\n  );\n\n  const computedOptions = useMemo(\n    () =>\n      componentList.map((item) => ({\n        ...item,\n        label: item.title,\n        value: item.key,\n      })),\n    [componentList]\n  );\n\n  const computedSelectedComponentKeys = useMemo(\n    () => layouts.map((layout) => getRealKey(layout.i)),\n    [layouts]\n  );\n\n  const handleWatchLayoutSizeChange = useCallback(() => {\n    if (layoutWrapperRef && isEdit) {\n      const { top } =\n        layoutWrapperRef.current?.getClientRects()?.[0] ?? ({} as DOMRect);\n      top !== undefined &&\n        setLayoutWrapperStyle({\n          height: document.body.clientHeight - top,\n          overflow: \"scroll\",\n        });\n    }\n  }, [isEdit]);\n\n  useEffect(() => {\n    if (isEdit) {\n      handleWatchLayoutSizeChange();\n      setLayouts(layoutsProps || []); // 编辑的情况下需要动态改变一些布局\n      window.addEventListener(\"resize\", handleWatchLayoutSizeChange);\n\n      return () => {\n        window.removeEventListener(\"resize\", handleWatchLayoutSizeChange);\n      };\n    }\n  }, [isEdit, handleWatchLayoutSizeChange, layoutsProps]);\n\n  return (\n    <div className=\"grid-layout-wrapper\" ref={gridLayoutRef}>\n      {isEdit && (\n        <div className=\"component-wrapper\">\n          <div className=\"component-title\">{cardTitle}</div>\n          <div className=\"component-list\">\n            <WrappedCheckbox\n              options={computedOptions}\n              value={computedSelectedComponentKeys}\n              onChange={handleCheckBoxChange as any}\n            />\n            <slot name=\"toolbar\"></slot>\n          </div>\n        </div>\n      )}\n      <div\n        className=\"layout-wrapper\"\n        ref={layoutWrapperRef}\n        style={layoutWrapperStyle}\n      >\n        {isEdit && (\n          <div className=\"actions-wrapper\">\n            <WrappedButton type=\"primary\" onClick={handleSave}>\n              保存\n            </WrappedButton>\n            <WrappedButton danger={true} onClick={handleClearLayout}>\n              清除\n            </WrappedButton>\n            <WrappedButton onClick={handleCancel}>取消</WrappedButton>\n          </div>\n        )}\n        <ResponsiveReactGridLayout\n          className=\"layout\"\n          draggableCancel=\".delete-icon,.edit-actions,.ingore-item\"\n          breakpoints={{ lg: 1300, md: 1024, sm: 768 }}\n          rowHeight={1}\n          cols={{ lg: 3, md: 3, sm: 1 }}\n          isResizable={false}\n          isDraggable={isEdit}\n          onDrag={handleDragCallback}\n          onLayoutChange={handleLayoutChange}\n          onBreakpointChange={handleBreakpointChange}\n        >\n          {renderChild}\n        </ResponsiveReactGridLayout>\n      </div>\n    </div>\n  );\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[0]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/react-grid-layout/css/styles.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_1___ from \"-!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[0]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/react-resizable/css/styles.css\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:block}:host([hidden]){display:none}.grid-layout-wrapper{display:flex;height:100%;position:relative}.grid-layout-wrapper .component-wrapper{width:150px;padding:6px 12px;overflow-y:scroll;box-shadow:1px 0 0 0 var(--palette-gray-5);background:var(--color-fill-bg-container-1);z-index:999;position:sticky;top:0}.grid-layout-wrapper .component-wrapper .component-title{font-size:16px;padding:6px 0;font-weight:500}.grid-layout-wrapper .component-wrapper .component-list{margin-top:6px}.grid-layout-wrapper .component-wrapper .component-list eo-checkbox::part(checkbox-wrapper){display:flex;flex-wrap:wrap;gap:8px}.grid-layout-wrapper .component-wrapper .component-list eo-checkbox::part(checkbox-option){margin-left:0;width:100%;background:none}.grid-layout-wrapper .layout-wrapper{flex:1}.grid-layout-wrapper .layout-wrapper .layout{max-width:1300px;margin:0 auto}.grid-layout-wrapper .layout-wrapper .actions-wrapper{position:sticky;top:0;z-index:999;margin-left:1px;display:flex;gap:8px;justify-content:flex-end;background:var(--color-fill-bg-container-1);padding:8px 12px;box-shadow:0 1px 1px 0 var(--palette-gray-5)}.grid-layout-wrapper .layout-wrapper .edit-mask{position:absolute;left:0;right:0;top:45px;bottom:0;z-index:10}.grid-layout-wrapper .layout-wrapper .delete-icon{position:absolute;right:15px;top:15px;cursor:pointer;font-size:16px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:var(--color-fill-bg-container-1);color:var(--color-normal-text)}.grid-layout-wrapper .layout-wrapper .delete-icon:hover{color:var(--color-error)}.grid-layout-wrapper .layout-wrapper .delete-icon:active{color:var(--color-error-active)}.react-grid-item.react-grid-placeholder{background-color:#ddd}.react-grid-item.react-draggable-dragging{pointer-events:none}.react-grid-item.react-grid-placeholder.forbidden{background-color:red}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.react-grid-layout{position:relative;transition:height 200ms ease}.react-grid-item{transition:all 200ms ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:0.2;transition-duration:100ms;z-index:2;-webkit-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item > .react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item > .react-resizable-handle::after{content:\"\";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,0.4);border-bottom:2px solid rgba(0,0,0,0.4)}.react-resizable-hide > .react-resizable-handle{display:none}.react-grid-item > .react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-w,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-n,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,\n.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,\n.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateGetter(s, r, a) {\n  return a(assertClassBrand(s, r));\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateMethodInitSpec(obj, privateSet) {\n  checkPrivateRedeclaration(obj, privateSet);\n  privateSet.add(obj);\n}"],"names":["defineElement","property","event","createDecorators","WrappedButton","wrapBrick","WrappedIcon","WrappedCheckbox","onChange","_EoWorkbenchLayout","_A","WeakMap","_B","_C","_D","_E","_EoWorkbenchLayout_brand","WeakSet","_handleSaveLayout","_F","_handleCancel","EoWorkbenchLayout","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_cardTitle","_init_extra_cardTitle","_init_isEdit","_init_extra_isEdit","_init_layouts","_init_extra_layouts","_init_componentList","_init_extra_componentList","_init_saveLayoutEvent","_init_extra_saveLayoutEvent","layout","_classPrivateGetter","this","_get_saveLayoutEvent","emit","_init_cancelEvent","_init_extra_cancelEvent","_get_cancelEvent","cardTitle","_classPrivateFieldGet","v","_classPrivateFieldSet","isEdit","layouts","componentList","render","React","EoWorkbenchLayoutComponent","onSave","onCancel","_EoWorkbenchLayout2","e","_set_saveLayoutEvent","_set_cancelEvent","c","_initClass","_applyDecs","styleTexts","styleText","type","Boolean","attribute","o","_","has","_checkInRHS","getRealKey","key","includes","split","_ref","layoutsProps","ResponsiveReactGridLayout","useMemo","WidthProvider","Responsive","gridLayoutRef","useRef","layoutCacheRef","layoutWrapperRef","setLayouts","useState","cols","setCols","layoutWrapperStyle","setLayoutWrapperStyle","handleLayoutChange","useCallback","currentLayout","current","isAllowAction","t","length","x","w","y","h","i","minH","matchItem","find","item","Math","max","undefined","items","map","_layoutCacheRef$curre","random","handleCheckBoxChange","checkedKeys","detail","value","layoutsKeys","addItems","filter","position","Infinity","concat","handleSave","handleDeleteItem","deteleItem","_layoutCacheRef$curre2","stopPropagation","handleEditMaskClcik","preventDefault","renderChild","component","style","className","onMouseDown","ReactUseBrick","useBrick","icon","lib","onClick","computedOptions","label","title","computedSelectedComponentKeys","handleWatchLayoutSizeChange","_layoutWrapperRef$cur","top","getClientRects","height","document","body","clientHeight","overflow","useEffect","window","addEventListener","removeEventListener","ref","options","name","danger","handleClearLayout","handleCancel","draggableCancel","breakpoints","lg","md","sm","rowHeight","isResizable","isDraggable","onDrag","handleDragCallback","oldItem","newItem","_gridLayoutRef$curren","placeholderDOM","querySelector","classList","contains","add","remove","onLayoutChange","onBreakpointChange","handleBreakpointChange","_newBreakpoint","newCols","___CSS_LOADER_EXPORT___","push","module","id","toString","___CSS_LOADER_URL_IMPORT_0___","URL","___CSS_LOADER_URL_REPLACEMENT_0___","s","r","a","obj","privateSet"],"sourceRoot":""}
+{"version":3,"file":"chunks/eo-workbench-layout.169eda0f.js","mappings":"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","sources":["webpack:///./src/workbench-layout/index.tsx","webpack:///./src/workbench-layout/styles.shadow.css","webpack:///../../node_modules/react-grid-layout/css/styles.css?4a73","webpack:///../../node_modules/react-resizable/css/styles.css?e4a4","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateGetter.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateMethodInitSpec.js"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport { UseSingleBrickConf } from \"@next-core/types\";\nimport { ReactUseBrick } from \"@next-core/react-runtime\";\nimport {\n  ItemCallback,\n  Layout,\n  Responsive,\n  WidthProvider,\n} from \"react-grid-layout\";\nimport \"@next-core/theme\";\nimport styleText from \"./styles.shadow.css\";\nimport type {\n  GeneralIcon,\n  GeneralIconProps,\n} from \"@next-bricks/icons/general-icon\";\nimport type { Button, ButtonProps } from \"@next-bricks/basic/button\";\nimport type {\n  Checkbox,\n  CheckboxOptionType,\n  CheckboxProps,\n} from \"@next-bricks/form/checkbox\";\n\nconst { defineElement, property, event } = createDecorators();\n\ntype Item = {\n  position: Layout;\n  key: string;\n  title: string;\n  style?: React.CSSProperties;\n  useBrick: UseSingleBrickConf;\n};\n\ninterface CheckboxEvents {\n  change: CustomEvent<CheckboxOptionType[]>;\n}\n\ninterface CheckboxEventsMap {\n  onChange: \"change\";\n}\n\nconst WrappedButton = wrapBrick<Button, ButtonProps>(\"eo-button\");\nconst WrappedIcon = wrapBrick<GeneralIcon, GeneralIconProps>(\"eo-icon\");\nconst WrappedCheckbox = wrapBrick<\n  Checkbox,\n  CheckboxProps,\n  CheckboxEvents,\n  CheckboxEventsMap\n>(\"eo-checkbox\", {\n  onChange: \"change\",\n});\n\n/**\n * 工作台布局\n */\nexport\n@defineElement(\"eo-workbench-layout\", {\n  styleTexts: [styleText],\n})\nclass EoWorkbenchLayout extends ReactNextElement {\n  @property()\n  accessor cardTitle: string | undefined;\n\n  @property({\n    type: Boolean,\n  })\n  accessor isEdit: boolean | undefined;\n\n  @property({\n    attribute: false,\n  })\n  accessor layouts: Layout[] | undefined;\n\n  @property({\n    attribute: false,\n  })\n  accessor componentList: Item[] | undefined;\n\n  @event({\n    type: \"save\",\n  })\n  accessor #saveLayoutEvent!: EventEmitter<Layout[]>;\n\n  #handleSaveLayout = (layout: Layout[]) => {\n    this.#saveLayoutEvent.emit(layout);\n  };\n\n  @event({\n    type: \"cancel\",\n  })\n  accessor #cancelEvent!: EventEmitter<void>;\n\n  #handleCancel = () => {\n    this.#cancelEvent.emit();\n  };\n\n  render() {\n    return (\n      <EoWorkbenchLayoutComponent\n        cardTitle={this.cardTitle}\n        layouts={this.layouts}\n        componentList={this.componentList}\n        isEdit={this.isEdit}\n        onSave={this.#handleSaveLayout}\n        onCancel={this.#handleCancel}\n      />\n    );\n  }\n}\n\nexport interface EoWorkbenchLayoutProps {\n  cardTitle?: string;\n  layouts?: Layout[];\n  componentList?: Item[];\n  isEdit?: boolean;\n  onSave?: (layout: Layout[]) => void;\n  onCancel?: () => void;\n}\n\nconst getRealKey = (key: string): string =>\n  key?.includes(\":\") ? key.split(\":\")[0] : key;\n\nexport function EoWorkbenchLayoutComponent({\n  cardTitle = \"卡片列表\",\n  layouts: layoutsProps,\n  componentList = [],\n  isEdit,\n  onSave,\n  onCancel,\n}: EoWorkbenchLayoutProps) {\n  const ResponsiveReactGridLayout = useMemo(\n    () => WidthProvider(Responsive),\n    []\n  );\n  const gridLayoutRef = useRef<HTMLDivElement>(null);\n  const layoutCacheRef = useRef<Layout[]>();\n  const layoutWrapperRef = useRef<HTMLDivElement>(null);\n\n  const [layouts, setLayouts] = useState<Layout[]>(layoutsProps ?? []);\n  const [cols, setCols] = useState<number>(3);\n  const [layoutWrapperStyle, setLayoutWrapperStyle] =\n    useState<React.CSSProperties>();\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const handleDragCallback: ItemCallback = (layout, oldItem, newItem) => {\n    const placeholderDOM = gridLayoutRef.current?.querySelector(\n      \".react-grid-placeholder\"\n    );\n    if (placeholderDOM) {\n      if (newItem.w > 1 && newItem.x > 0) {\n        !placeholderDOM.classList.contains(\"forbidden\") &&\n          placeholderDOM.classList.add(\"forbidden\");\n      } else {\n        placeholderDOM.classList.contains(\"forbidden\") &&\n          placeholderDOM.classList.remove(\"forbidden\");\n      }\n    }\n  };\n\n  const handleLayoutChange = useCallback((currentLayout: Layout[]) => {\n    if (!layoutCacheRef.current) {\n      layoutCacheRef.current = currentLayout;\n    }\n    let isAllowAction = true;\n    for (let t = 0; t < currentLayout.length; t++) {\n      const { x, w, y, h, i, minH } = currentLayout[t];\n      if (w > 1 && x > 0) {\n        isAllowAction = false;\n        break;\n      }\n      if (w === 1 && x < 2) {\n        const matchItem = currentLayout.find(\n          (item) => item.i !== i && item.w === 1 && item.y === y && x < 2\n        );\n        if (matchItem) {\n          currentLayout[t].minH = currentLayout[t].minH ?? h;\n          currentLayout[t].h = Math.max(matchItem.h, h);\n        }\n      } else {\n        currentLayout[t].h = minH ?? h;\n        currentLayout[t].minH = undefined;\n      }\n    }\n    if (!isAllowAction) {\n      setLayouts((items) =>\n        items?.map((item) => {\n          const matchLayout = layoutCacheRef.current?.find(\n            (layout) => getRealKey(layout.i) === getRealKey(item.i)\n          );\n          // should update key to refresh layout\n          const key = `${getRealKey(item.i)}:${Math.random()}`;\n          return {\n            ...matchLayout,\n            i: key,\n          } as Layout;\n        })\n      );\n      return;\n    }\n\n    layoutCacheRef.current = currentLayout;\n  }, []);\n\n  const handleBreakpointChange = (_newBreakpoint: string, newCols: number) => {\n    setCols(newCols);\n  };\n\n  const handleCheckBoxChange = useCallback(\n    (event: CustomEvent<CheckboxOptionType[]>): void => {\n      const checkedKeys = event.detail.map((item) => item.value);\n      const layoutsKeys = layouts.map((item) => getRealKey(item.i));\n      const addItems = event.detail\n        .filter((item) => !layoutsKeys.includes(item.key))\n        .map((item) => ({\n          ...item.position,\n          x: item.w > 1 ? 0 : (layouts.length * 2) % cols,\n          y: Infinity,\n        }));\n\n      setLayouts((layouts) => {\n        return layouts\n          .filter((layout) => checkedKeys.includes(getRealKey(layout.i)))\n          .concat(addItems);\n      });\n    },\n    [layouts, cols]\n  );\n\n  const handleClearLayout = () => {\n    setLayouts([]);\n  };\n\n  const handleSave = useCallback(() => {\n    onSave?.(\n      (layoutCacheRef.current ?? []).map((item) => ({\n        ...item,\n        i: getRealKey(item.i),\n      }))\n    );\n  }, [onSave]);\n\n  const handleCancel = () => {\n    onCancel?.();\n  };\n\n  const handleDeleteItem = useCallback(\n    (e: React.MouseEvent, deteleItem: Item) => {\n      e.stopPropagation();\n      setLayouts(\n        layoutCacheRef.current?.filter(\n          (item) => getRealKey(item.i) !== deteleItem.key\n        ) ?? []\n      );\n    },\n    []\n  );\n\n  const handleEditMaskClcik = (e: React.MouseEvent) => {\n    e.preventDefault();\n  };\n\n  const renderChild = useMemo(\n    () =>\n      layouts\n        .map((layout) => {\n          const component = componentList.find(\n            (item) => item.key === getRealKey(layout.i)\n          );\n          if (!component) {\n            return null;\n          }\n          return (\n            <div\n              key={layout.i}\n              data-grid={{\n                ...(component.position ?? {}),\n                ...layout,\n              }}\n              style={component.style}\n              className=\"drag-box\"\n            >\n              {isEdit && (\n                <div className=\"edit-mask\" onMouseDown={handleEditMaskClcik} />\n              )}\n              <ReactUseBrick useBrick={component.useBrick} />\n              {isEdit && (\n                <WrappedIcon\n                  icon=\"delete\"\n                  lib=\"antd\"\n                  className=\"delete-icon\"\n                  onClick={(e) => handleDeleteItem(e, component)}\n                />\n              )}\n            </div>\n          );\n        })\n        .filter(Boolean),\n    [componentList, handleDeleteItem, layouts, isEdit]\n  );\n\n  const computedOptions = useMemo(\n    () =>\n      componentList.map((item) => ({\n        ...item,\n        label: item.title,\n        value: item.key,\n      })),\n    [componentList]\n  );\n\n  const computedSelectedComponentKeys = useMemo(\n    () => layouts.map((layout) => getRealKey(layout.i)),\n    [layouts]\n  );\n\n  const handleWatchLayoutSizeChange = useCallback(() => {\n    if (layoutWrapperRef && isEdit) {\n      const { top } =\n        layoutWrapperRef.current?.getClientRects()?.[0] ?? ({} as DOMRect);\n      top !== undefined &&\n        setLayoutWrapperStyle({\n          height: document.body.clientHeight - top,\n          overflow: \"scroll\",\n        });\n    }\n  }, [isEdit]);\n\n  useEffect(() => {\n    if (isEdit) {\n      handleWatchLayoutSizeChange();\n      setLayouts(layoutsProps || []); // 编辑的情况下需要动态改变一些布局\n      window.addEventListener(\"resize\", handleWatchLayoutSizeChange);\n\n      return () => {\n        window.removeEventListener(\"resize\", handleWatchLayoutSizeChange);\n      };\n    }\n  }, [isEdit, handleWatchLayoutSizeChange, layoutsProps]);\n\n  return (\n    <div className=\"grid-layout-wrapper\" ref={gridLayoutRef}>\n      {isEdit && (\n        <div className=\"component-wrapper\">\n          <div className=\"component-title\">{cardTitle}</div>\n          <div className=\"component-list\">\n            <WrappedCheckbox\n              options={computedOptions}\n              value={computedSelectedComponentKeys}\n              onChange={handleCheckBoxChange as any}\n            />\n            <slot name=\"toolbar\"></slot>\n          </div>\n        </div>\n      )}\n      <div\n        className=\"layout-wrapper\"\n        ref={layoutWrapperRef}\n        style={layoutWrapperStyle}\n      >\n        {isEdit && (\n          <div className=\"actions-wrapper\">\n            <WrappedButton type=\"primary\" onClick={handleSave}>\n              保存\n            </WrappedButton>\n            <WrappedButton danger={true} onClick={handleClearLayout}>\n              清除\n            </WrappedButton>\n            <WrappedButton onClick={handleCancel}>取消</WrappedButton>\n          </div>\n        )}\n        <ResponsiveReactGridLayout\n          className=\"layout\"\n          draggableCancel=\".delete-icon,.edit-actions,.ingore-item\"\n          breakpoints={{ lg: 1300, md: 1024, sm: 768 }}\n          rowHeight={1}\n          cols={{ lg: 3, md: 3, sm: 1 }}\n          isResizable={false}\n          isDraggable={isEdit}\n          onDrag={handleDragCallback}\n          onLayoutChange={handleLayoutChange}\n          onBreakpointChange={handleBreakpointChange}\n        >\n          {renderChild}\n        </ResponsiveReactGridLayout>\n      </div>\n    </div>\n  );\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[0]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/react-grid-layout/css/styles.css\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_1___ from \"-!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[0]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/react-resizable/css/styles.css\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:block}:host([hidden]){display:none}.grid-layout-wrapper{display:flex;height:100%;position:relative}.grid-layout-wrapper .component-wrapper{width:150px;padding:6px 12px;overflow-y:scroll;box-shadow:1px 0 0 0 var(--palette-gray-5);background:var(--color-fill-bg-container-1);z-index:999;position:sticky;top:0}.grid-layout-wrapper .component-wrapper .component-title{font-size:16px;padding:6px 0;font-weight:500}.grid-layout-wrapper .component-wrapper .component-list{margin-top:6px}.grid-layout-wrapper .component-wrapper .component-list eo-checkbox::part(checkbox-wrapper){display:flex;flex-wrap:wrap;gap:8px}.grid-layout-wrapper .component-wrapper .component-list eo-checkbox::part(checkbox-option){margin-left:0;width:100%;background:none}.grid-layout-wrapper .layout-wrapper{flex:1}.grid-layout-wrapper .layout-wrapper .layout{max-width:1300px;margin:0 auto}.grid-layout-wrapper .layout-wrapper .actions-wrapper{position:sticky;top:0;z-index:999;margin-left:1px;display:flex;gap:8px;justify-content:flex-end;background:var(--color-fill-bg-container-1);padding:8px 12px;box-shadow:0 1px 1px 0 var(--palette-gray-5)}.grid-layout-wrapper .layout-wrapper .edit-mask{position:absolute;left:0;right:0;top:45px;bottom:0;z-index:10}.grid-layout-wrapper .layout-wrapper .delete-icon{position:absolute;right:15px;top:15px;cursor:pointer;font-size:16px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:var(--color-fill-bg-container-1);color:var(--color-normal-text)}.grid-layout-wrapper .layout-wrapper .delete-icon:hover{color:var(--color-error)}.grid-layout-wrapper .layout-wrapper .delete-icon:active{color:var(--color-error-active)}.react-grid-item.react-grid-placeholder{background-color:#ddd}.react-grid-item.react-draggable-dragging{pointer-events:none}.react-grid-item.react-grid-placeholder.forbidden{background-color:red}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.react-grid-layout{position:relative;transition:height 200ms ease}.react-grid-item{transition:all 200ms ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:0.2;transition-duration:100ms;z-index:2;-webkit-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item > .react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item > .react-resizable-handle::after{content:\"\";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,0.4);border-bottom:2px solid rgba(0,0,0,0.4)}.react-resizable-hide > .react-resizable-handle{display:none}.react-grid-item > .react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-w,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-n,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(${___CSS_LOADER_URL_REPLACEMENT_0___});background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,\n.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,\n.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateGetter(s, r, a) {\n  return a(assertClassBrand(s, r));\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateMethodInitSpec(obj, privateSet) {\n  checkPrivateRedeclaration(obj, privateSet);\n  privateSet.add(obj);\n}"],"names":["defineElement","property","event","createDecorators","WrappedButton","wrapBrick","WrappedIcon","WrappedCheckbox","onChange","_EoWorkbenchLayout","_A","WeakMap","_B","_C","_D","_E","_EoWorkbenchLayout_brand","WeakSet","_handleSaveLayout","_F","_handleCancel","EoWorkbenchLayout","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_cardTitle","_init_extra_cardTitle","_init_isEdit","_init_extra_isEdit","_init_layouts","_init_extra_layouts","_init_componentList","_init_extra_componentList","_init_saveLayoutEvent","_init_extra_saveLayoutEvent","layout","_classPrivateGetter","this","_get_saveLayoutEvent","emit","_init_cancelEvent","_init_extra_cancelEvent","_get_cancelEvent","cardTitle","_classPrivateFieldGet","v","_classPrivateFieldSet","isEdit","layouts","componentList","render","React","EoWorkbenchLayoutComponent","onSave","onCancel","_EoWorkbenchLayout2","e","_set_saveLayoutEvent","_set_cancelEvent","c","_initClass","_applyDecs","styleTexts","styleText","type","Boolean","attribute","o","_","has","_checkInRHS","getRealKey","key","includes","split","_ref","layoutsProps","ResponsiveReactGridLayout","useMemo","WidthProvider","Responsive","gridLayoutRef","useRef","layoutCacheRef","layoutWrapperRef","setLayouts","useState","cols","setCols","layoutWrapperStyle","setLayoutWrapperStyle","handleLayoutChange","useCallback","currentLayout","current","isAllowAction","t","length","x","w","y","h","i","minH","matchItem","find","item","Math","max","undefined","items","map","_layoutCacheRef$curre","random","handleCheckBoxChange","checkedKeys","detail","value","layoutsKeys","addItems","filter","position","Infinity","concat","handleSave","handleDeleteItem","deteleItem","_layoutCacheRef$curre2","stopPropagation","handleEditMaskClcik","preventDefault","renderChild","component","style","className","onMouseDown","ReactUseBrick","useBrick","icon","lib","onClick","computedOptions","label","title","computedSelectedComponentKeys","handleWatchLayoutSizeChange","_layoutWrapperRef$cur","top","getClientRects","height","document","body","clientHeight","overflow","useEffect","window","addEventListener","removeEventListener","ref","options","name","danger","handleClearLayout","handleCancel","draggableCancel","breakpoints","lg","md","sm","rowHeight","isResizable","isDraggable","onDrag","handleDragCallback","oldItem","newItem","_gridLayoutRef$curren","placeholderDOM","querySelector","classList","contains","add","remove","onLayoutChange","onBreakpointChange","handleBreakpointChange","_newBreakpoint","newCols","___CSS_LOADER_EXPORT___","push","module","id","toString","___CSS_LOADER_URL_IMPORT_0___","URL","___CSS_LOADER_URL_REPLACEMENT_0___","s","r","a","obj","privateSet"],"sourceRoot":""}

package/dist/chunks/main.3ba6277b.js

@@ -0,0 +1,2 @@
+(()=>{var e,t,r,n,a,o,l,i,c,f,d,u,s,h,p,b,m,v,x,g,y,P,j,k={17934:(e,t,r)=>{Promise.all([r.e(1977),r.e(5578),r.e(6165),r.e(2353),r.e(9978),r.e(5368),r.e(5092),r.e(613),r.e(9946),r.e(8317),r.e(9655),r.e(5683),r.e(6070),r.e(9484),r.e(8769),r.e(548),r.e(1389),r.e(1030),r.e(9772),r.e(2518),r.e(6203),r.e(8799),r.e(2681),r.e(5502),r.e(9422),r.e(5479),r.e(995)]).then(r.bind(r,90995))}},w={};function O(e){var t=w[e];if(void 0!==t)return t.exports;var r=w[e]={id:e,loaded:!1,exports:{}};return k[e].call(r.exports,r,r.exports,O),r.loaded=!0,r.exports}O.m=k,O.c=w,O.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return O.d(t,{a:t}),t},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,O.t=function(r,n){if(1&n&&(r=this(r)),8&n)return r;if("object"==typeof r&&r){if(4&n&&r.__esModule)return r;if(16&n&&"function"==typeof r.then)return r}var a=Object.create(null);O.r(a);var o={};e=e||[null,t({}),t([]),t(t)];for(var l=2&n&&r;"object"==typeof l&&!~e.indexOf(l);l=t(l))Object.getOwnPropertyNames(l).forEach((e=>o[e]=()=>r[e]));return o.default=()=>r,O.d(a,o),a},O.d=(e,t)=>{for(var r in t)O.o(t,r)&&!O.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},O.f={},O.e=e=>Promise.all(Object.keys(O.f).reduce(((t,r)=>(O.f[r](e,t),t)),[])),O.u=e=>"chunks/"+e+"."+{114:"87f475c2",478:"71d1e246",548:"d6208971",613:"cd73832f",726:"919fac3e",790:"828f5793",871:"35a2b661",995:"3ecf612d",1030:"fbb01e0d",1045:"58461394",1122:"fa6f571c",1302:"1f00cafd",1389:"84ede378",1576:"f0fdd344",1651:"995950c9",1760:"bd017363",1889:"045907b2",1940:"e293ea8f",1977:"d42f92ce",2052:"c35b0234",2073:"5a740b29",2277:"7c562f5e",2353:"f2725e1a",2518:"db4ee9a0",2681:"a39c12b9",3144:"6685c74b",3171:"990f4467",3426:"a803d333",3518:"ee91fe02",3533:"3b697ec4",3933:"ba7b0c73",4041:"65ea4b97",4285:"6f04efb7",4658:"9337e7d9",4741:"ab2c8ebc",4837:"b1ee93bd",4984:"8f1a4e53",5053:"739ba196",5092:"40336bcc",5250:"55bc8a24",5368:"87af8ccf",5384:"2dc078c6",5399:"2678271f",5479:"c2224172",5502:"a7ebf920",5552:"ddc32259",5578:"63dc0271",5683:"f70292af",6070:"aefdb28c",6165:"14fe2bc0",6203:"a561b309",6314:"931bbf0f",6519:"f212da84",6688:"abb3a1b4",6773:"8c631bdb",7218:"49a3f7bd",7304:"d6adda9f",7434:"8fc102a2",7721:"3a15407f",7733:"a5e892d5",7825:"98180d5d",8097:"35291a18",8317:"e09841ca",8769:"b2959043",8799:"0e54bca9",8989:"22a5d4e9",9042:"4a2ddf5d",9422:"8bfcbe38",9484:"90783904",9515:"13864880",9559:"45552bf3",9655:"9481d820",9755:"a0550860",9772:"9db2c966",9844:"9cb901e3",9946:"1050772d",9978:"ab072b2a"}[e]+".js",O.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),O.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r={},n="@next-bricks/advanced:",O.l=(e,t,a,o)=>{if(r[e])r[e].push(t);else{var l,i;if(void 0!==a)for(var c=document.getElementsByTagName("script"),f=0;f<c.length;f++){var d=c[f];if(d.getAttribute("src")==e||d.getAttribute("data-webpack")==n+a){l=d;break}}l||(i=!0,(l=document.createElement("script")).charset="utf-8",l.timeout=120,O.nc&&l.setAttribute("nonce",O.nc),l.setAttribute("data-webpack",n+a),l.src=e),r[e]=[t];var u=(t,n)=>{l.onerror=l.onload=null,clearTimeout(s);var a=r[e];if(delete r[e],l.parentNode&&l.parentNode.removeChild(l),a&&a.forEach((e=>e(n))),t)return t(n)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:l}),12e4);l.onerror=u.bind(null,l.onerror),l.onload=u.bind(null,l.onload),i&&document.head.appendChild(l)}},O.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},O.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{O.S={};var e={},t={};O.I=(r,n)=>{n||(n=[]);var a=t[r];if(a||(a=t[r]={}),!(n.indexOf(a)>=0)){if(n.push(a),e[r])return e[r];O.o(O.S,r)||(O.S[r]={});var o=O.S[r],l="@next-bricks/advanced",i=(e,t,r,n)=>{var a=o[e]=o[e]||{},i=a[t];(!i||!i.loaded&&(!n!=!i.eager?n:l>i.from))&&(a[t]={get:r,from:l,eager:!!n})},c=[];return"default"===r&&(i("@babel/parser","7.24.4",(()=>O.e(6773).then((()=>()=>O(46773))))),i("@easyops-cn/brick-next-pipes","0.6.0",(()=>Promise.all([O.e(4741),O.e(1030),O.e(6688)]).then((()=>()=>O(24741))))),i("@next-core/cook","2.4.7",(()=>Promise.all([O.e(1122),O.e(1760)]).then((()=>()=>O(61122))))),i("@next-core/element","1.2.11",(()=>O.e(1045).then((()=>()=>O(21045))))),i("@next-core/http","1.2.6",(()=>O.e(8989).then((()=>()=>O(48989))))),i("@next-core/i18n/react","1.0.58",(()=>Promise.all([O.e(8799),O.e(7825),O.e(8097)]).then((()=>()=>O(88097))))),i("@next-core/i18n","1.0.58",(()=>Promise.all([O.e(8799),O.e(9755),O.e(3518),O.e(5552)]).then((()=>()=>O(75552))))),i("@next-core/inject","1.0.39",(()=>Promise.all([O.e(1030),O.e(4285),O.e(2277)]).then((()=>()=>O(72277))))),i("@next-core/loader","1.6.5",(()=>O.e(5399).then((()=>()=>O(35399))))),i("@next-core/pipes","2.0.24",(()=>O.e(6519).then((()=>()=>O(76519))))),i("@next-core/react-element","1.0.30",(()=>Promise.all([O.e(8769),O.e(548),O.e(114)]).then((()=>()=>O(20114))))),i("@next-core/react-runtime","1.6.19",(()=>Promise.all([O.e(8769),O.e(1389),O.e(1030),O.e(6203),O.e(4837)]).then((()=>()=>O(64837))))),i("@next-core/runtime","1.52.0",(()=>Promise.all([O.e(3533),O.e(1030),O.e(3518),O.e(9422),O.e(1302),O.e(9042),O.e(4984)]).then((()=>()=>O(33533))))),i("@next-core/supply","2.1.20",(()=>Promise.all([O.e(1030),O.e(4285),O.e(1302),O.e(9559)]).then((()=>()=>O(49559))))),i("@next-core/theme","1.5.3",(()=>Promise.all([O.e(1889),O.e(2052)]).then((()=>()=>O(51889))))),i("@next-core/utils/general","1.7.16",(()=>O.e(871).then((()=>()=>O(40871))))),i("@next-core/utils/storyboard","1.7.16",(()=>Promise.all([O.e(2681),O.e(9042),O.e(3933)]).then((()=>()=>O(13933))))),i("history","4.10.1",(()=>O.e(5384).then((()=>()=>O(65384))))),i("i18next-browser-languagedetector","7.2.1",(()=>O.e(726).then((()=>()=>O(50726))))),i("i18next","22.5.1",(()=>O.e(7304).then((()=>()=>O(47304))))),i("js-yaml","3.14.1",(()=>O.e(9515).then((()=>()=>O(19515))))),i("lodash","4.17.21",(()=>O.e(5250).then((()=>()=>O(45250))))),i("moment/locale/zh-cn.js","2.30.1",(()=>Promise.all([O.e(7721),O.e(9844)]).then((()=>()=>O(61329))))),i("moment","2.30.1",(()=>Promise.all([O.e(7721),O.e(9844)]).then((()=>()=>O(99420))))),i("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([O.e(3144),O.e(8769)]).then((()=>()=>O(43144))))),i("react-i18next","12.3.1",(()=>Promise.all([O.e(8769),O.e(7434)]).then((()=>()=>O(97434))))),i("react","0.0.0-experimental-ee8509801-20230117",(()=>O.e(4041).then((()=>()=>O(14041)))))),e[r]=c.length?Promise.all(c).then((()=>e[r]=1)):1}}})(),(()=>{var e;O.g.importScripts&&(e=O.g.location+"");var t=O.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var n=r.length-1;n>-1&&(!e||!/^http(s?):/.test(e));)e=r[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),O.p=e+"../"})(),a=e=>{var t=e=>e.split(".").map((e=>+e==e?+e:e)),r=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),n=r[1]?t(r[1]):[];return r[2]&&(n.length++,n.push.apply(n,t(r[2]))),r[3]&&(n.push([]),n.push.apply(n,t(r[3]))),n},o=(e,t)=>{e=a(e),t=a(t);for(var r=0;;){if(r>=e.length)return r<t.length&&"u"!=(typeof t[r])[0];var n=e[r],o=(typeof n)[0];if(r>=t.length)return"u"==o;var l=t[r],i=(typeof l)[0];if(o!=i)return"o"==o&&"n"==i||"s"==i||"u"==o;if("o"!=o&&"u"!=o&&n!=l)return n<l;r++}},l=e=>{var t=e[0],r="";if(1===e.length)return"*";if(t+.5){r+=0==t?">=":-1==t?"<":1==t?"^":2==t?"~":t>0?"=":"!=";for(var n=1,a=1;a<e.length;a++)n--,r+="u"==(typeof(i=e[a]))[0]?"-":(n>0?".":"")+(n=2,i);return r}var o=[];for(a=1;a<e.length;a++){var i=e[a];o.push(0===i?"not("+c()+")":1===i?"("+c()+" || "+c()+")":2===i?o.pop()+" "+o.pop():l(i))}return c();function c(){return o.pop().replace(/^\((.+)\)$/,"$1")}},i=(e,t)=>{if(0 in e){t=a(t);var r=e[0],n=r<0;n&&(r=-r-1);for(var o=0,l=1,c=!0;;l++,o++){var f,d,u=l<e.length?(typeof e[l])[0]:"";if(o>=t.length||"o"==(d=(typeof(f=t[o]))[0]))return!c||("u"==u?l>r&&!n:""==u!=n);if("u"==d){if(!c||"u"!=u)return!1}else if(c)if(u==d)if(l<=r){if(f!=e[l])return!1}else{if(n?f>e[l]:f<e[l])return!1;f!=e[l]&&(c=!1)}else if("s"!=u&&"n"!=u){if(n||l<=r)return!1;c=!1,l--}else{if(l<=r||d<u!=n)return!1;c=!1}else"s"!=u&&"n"!=u&&(c=!1,l--)}}var s=[],h=s.pop.bind(s);for(o=1;o<e.length;o++){var p=e[o];s.push(1==p?h()|h():2==p?h()&h():p?i(p,t):!h())}return!!h()},c=(e,t)=>{var r=e[t];return Object.keys(r).reduce(((e,t)=>!e||!r[e].loaded&&o(e,t)?t:e),0)},f=(e,t,r,n)=>"Unsatisfied version "+r+" from "+(r&&e[t][r].from)+" of shared singleton module "+t+" (required "+l(n)+")",d=(e,t,r,n)=>{var a=c(e,r);return p(e[r][a])},u=(e,t,r,n)=>{var a=c(e,r);return i(n,a)||h(f(e,r,a,n)),p(e[r][a])},s=(e,t,r)=>{var n=e[t];return(t=Object.keys(n).reduce(((e,t)=>!i(r,t)||e&&!o(e,t)?e:t),0))&&n[t]},h=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},p=e=>(e.loaded=1,e.get()),m=(b=e=>function(t,r,n,a){var o=O.I(t);return o&&o.then?o.then(e.bind(e,t,O.S[t],r,n,a)):e(t,O.S[t],r,n,a)})(((e,t,r,n)=>t&&O.o(t,r)?d(t,0,r):n())),v=b(((e,t,r,n,a)=>t&&O.o(t,r)?u(t,0,r,n):a())),x=b(((e,t,r,n,a)=>{var o=t&&O.o(t,r)&&s(t,r,n);return o?p(o):a()})),g={},y={18769:()=>x("default","react",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>O.e(4041).then((()=>()=>O(14041))))),24782:()=>x("default","@next-core/element",[1,1,2,11],(()=>O.e(3426).then((()=>()=>O(21045))))),59435:()=>x("default","react-dom",[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>O.e(3144).then((()=>()=>O(43144))))),91389:()=>x("default","@next-core/react-element",[1,1,0,30],(()=>Promise.all([O.e(548),O.e(7733)]).then((()=>()=>O(20114))))),41030:()=>v("default","lodash",[1,4,17,21],(()=>O.e(5250).then((()=>()=>O(45250))))),59772:()=>v("default","@next-core/theme",[1,1,5,3],(()=>O.e(1889).then((()=>()=>O(51889))))),62518:()=>x("default","@next-core/react-runtime",[1,1,6,19],(()=>Promise.all([O.e(1030),O.e(6203),O.e(7218)]).then((()=>()=>O(64837))))),86203:()=>v("default","@next-core/runtime",[1,1,52,0],(()=>Promise.all([O.e(3533),O.e(1030),O.e(3518),O.e(9422),O.e(1302),O.e(9042),O.e(4984)]).then((()=>()=>O(33533))))),18799:()=>m("default","@next-core/i18n",(()=>Promise.all([O.e(9755),O.e(3518),O.e(3171)]).then((()=>()=>O(75552))))),52681:()=>m("default","@next-core/utils/general",(()=>O.e(871).then((()=>()=>O(40871))))),85502:()=>m("default","@next-core/i18n/react",(()=>Promise.all([O.e(7825),O.e(478)]).then((()=>()=>O(88097))))),99422:()=>v("default","@next-core/http",[1,1,2,6],(()=>O.e(8989).then((()=>()=>O(48989))))),36538:()=>m("default","react-i18next",(()=>O.e(5053).then((()=>()=>O(97434))))),28297:()=>v("default","moment",[1,2,27,0],(()=>Promise.all([O.e(7721),O.e(9844)]).then((()=>()=>O(99420))))),91204:()=>v("default","js-yaml",[1,3,14,0],(()=>O.e(9515).then((()=>()=>O(19515))))),71760:()=>v("default","@babel/parser",[1,7,24,7],(()=>O.e(6773).then((()=>()=>O(46773))))),47825:()=>v("default","react-i18next",[1,12,3,1],(()=>Promise.all([O.e(8769),O.e(7434)]).then((()=>()=>O(97434))))),2350:()=>v("default","i18next",[1,22,5,1],(()=>O.e(7304).then((()=>()=>O(47304))))),27072:()=>v("default","i18next-browser-languagedetector",[1,7,2,1],(()=>O.e(726).then((()=>()=>O(50726))))),63518:()=>v("default","@next-core/utils/general",[1,1,7,16],(()=>O.e(871).then((()=>()=>O(40871))))),84285:()=>v("default","@next-core/pipes",[1,2,0,24],(()=>O.e(6519).then((()=>()=>O(76519))))),161:()=>v("default","@easyops-cn/brick-next-pipes",[2,0,6,0],(()=>Promise.all([O.e(4741),O.e(1030),O.e(6688)]).then((()=>()=>O(24741))))),21302:()=>v("default","moment",[1,2,30,1],(()=>Promise.all([O.e(7721),O.e(9844)]).then((()=>()=>O(99420))))),29042:()=>v("default","@next-core/cook",[1,2,4,7],(()=>Promise.all([O.e(1122),O.e(1760)]).then((()=>()=>O(61122))))),12224:()=>v("default","@next-core/inject",[1,1,0,39],(()=>Promise.all([O.e(4285),O.e(4658)]).then((()=>()=>O(72277))))),26036:()=>v("default","moment/locale/zh-cn.js",[1,2,30,1],(()=>Promise.all([O.e(7721),O.e(9844)]).then((()=>()=>O(61329))))),32890:()=>v("default","history",[1,4,10,1],(()=>O.e(5384).then((()=>()=>O(65384))))),56849:()=>v("default","@next-core/loader",[1,1,6,5],(()=>O.e(5399).then((()=>()=>O(35399))))),71680:()=>v("default","@next-core/supply",[1,2,1,20],(()=>Promise.all([O.e(4285),O.e(1940)]).then((()=>()=>O(49559))))),86237:()=>v("default","@next-core/i18n",[1,1,0,58],(()=>Promise.all([O.e(8799),O.e(9755),O.e(790)]).then((()=>()=>O(75552))))),98202:()=>v("default","@next-core/utils/storyboard",[1,1,7,16],(()=>Promise.all([O.e(2681),O.e(6314)]).then((()=>()=>O(13933)))))},P={548:[24782,59435],1030:[41030],1302:[21302],1389:[91389],1760:[71760],2518:[62518],2681:[52681],3518:[63518],4285:[84285],4984:[12224,26036,32890,56849,71680,86237,98202],5479:[36538],5502:[85502],6203:[86203],6519:[161],6688:[28297,91204],7825:[47825],8769:[18769],8799:[18799],9042:[29042],9422:[99422],9755:[2350,27072],9772:[59772]},j={},O.f.consumes=(e,t)=>{O.o(P,e)&&P[e].forEach((e=>{if(O.o(g,e))return t.push(g[e]);if(!j[e]){var r=t=>{g[e]=0,O.m[e]=r=>{delete O.c[e],r.exports=t()}};j[e]=!0;var n=t=>{delete g[e],O.m[e]=r=>{throw delete O.c[e],t}};try{var a=y[e]();a.then?t.push(g[e]=a.then(r).catch(n)):r(a)}catch(e){n(e)}}}))},(()=>{O.b=document.baseURI||self.location.href;var e={8792:0};O.f.j=(t,r)=>{var n=O.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else if(/^(1(030|302|389|760)|87[69]9|9((04|42|77)2|755)|([23]51|54|668)8|2681|4285|4984|5502|6203|7825)$/.test(t))e[t]=0;else{var a=new Promise(((r,a)=>n=e[t]=[r,a]));r.push(n[2]=a);var o=O.p+O.u(t),l=new Error;O.l(o,(r=>{if(O.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var a=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;l.message="Loading chunk "+t+" failed.\n("+a+": "+o+")",l.name="ChunkLoadError",l.type=a,l.request=o,n[1](l)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,a,[o,l,i]=r,c=0;if(o.some((t=>0!==e[t]))){for(n in l)O.o(l,n)&&(O.m[n]=l[n]);i&&i(O)}for(t&&t(r);c<o.length;c++)a=o[c],O.o(e,a)&&e[a]&&e[a][0](),e[a]=0},r=globalThis.webpackChunk_next_bricks_advanced=globalThis.webpackChunk_next_bricks_advanced||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),O.nc=void 0,O(17934)})();
+//# sourceMappingURL=main.3ba6277b.js.map