1 line
7.4 KiB
JSON
1 line
7.4 KiB
JSON
|
{"ast":null,"code":"import { isCSSVar } from '../../render/dom/is-css-var.mjs';\nimport { transformProps } from '../../render/utils/keys-transform.mjs';\nimport { isHTMLElement } from '../../utils/is-html-element.mjs';\nimport { MotionValue } from '../../value/index.mjs';\nimport { createSelectorEffect } from '../utils/create-dom-effect.mjs';\nimport { createEffect } from '../utils/create-effect.mjs';\nimport { buildTransform } from './transform.mjs';\nconst originProps = new Set([\"originX\", \"originY\", \"originZ\"]);\nconst addStyleValue = (element, state, key, value) => {\n let render = undefined;\n let computed = undefined;\n if (transformProps.has(key)) {\n if (!state.get(\"transform\")) {\n // If this is an HTML element, we need to set the transform-box to fill-box\n // to normalise the transform relative to the element's bounding box\n if (!isHTMLElement(element) && !state.get(\"transformBox\")) {\n addStyleValue(element, state, \"transformBox\", new MotionValue(\"fill-box\"));\n }\n state.set(\"transform\", new MotionValue(\"none\"), () => {\n element.style.transform = buildTransform(state);\n });\n }\n computed = state.get(\"transform\");\n } else if (originProps.has(key)) {\n if (!state.get(\"transformOrigin\")) {\n state.set(\"transformOrigin\", new MotionValue(\"\"), () => {\n var _state$latest$originX, _state$latest$originY, _state$latest$originZ;\n const originX = (_state$latest$originX = state.latest.originX) !== null && _state$latest$originX !== void 0 ? _state$latest$originX : \"50%\";\n const originY = (_state$latest$originY = state.latest.originY) !== null && _state$latest$originY !== void 0 ? _state$latest$originY : \"50%\";\n const originZ = (_state$latest$originZ = state.latest.originZ) !== null && _state$latest$originZ !== void 0 ? _state$latest$originZ : 0;\n element.style.transformOrigin = \"\".concat(originX, \" \").concat(originY, \" \").concat(originZ);\n });\n }\n computed = state.get(\"transformOrigin\");\n } else if (isCSSVar(key)) {\n render = () => {\n element.style.setProperty(key, state.latest[key]);\n };\n } else {\n render = () => {\n element.style[key] = state.latest[key];\n };\n }\n return state.set(key, value, render, computed);\n};\nconst styleEffect = /*@__PURE__*/createSelectorEffect(/*@__PURE__*/createEffect(addStyleValue));\nexport { addStyleValue, styleEffect };","map":{"version":3,"names":["isCSSVar","transformProps","isHTMLElement","MotionValue","createSelectorEffect","createEffect","buildTransform","originProps","Set","addStyleValue","element","state","key","value","render","undefined","computed","has","get","set","style","transform","_state$latest$originX","_state$latest$originY","_state$latest$originZ","originX","latest","originY","originZ","transformOrigin","concat","setProperty","styleEffect"],"sources":["/Users/apple/Documents/cursor/Web课件/AI课/education_web_多Agent协作系统/node_modules/motion-dom/dist/es/effects/style/index.mjs"],"sourcesContent":["import { isCSSVar } from '../../render/dom/is-css-var.mjs';\nimport { transformProps } from '../../render/utils/keys-transform.mjs';\nimport { isHTMLElement } from '../../utils/is-html-element.mjs';\nimport { MotionValue } from '../../value/index.mjs';\nimport { createSelectorEffect } from '../utils/create-dom-effect.mjs';\nimport { createEffect } from '../utils/create-effect.mjs';\nimport { buildTransform } from './transform.mjs';\n\nconst originProps = new Set([\"originX\", \"originY\", \"originZ\"]);\nconst addStyleValue = (element, state, key, value) => {\n let render = undefined;\n let computed = undefined;\n if (transformProps.has(key)) {\n if (!state.get(\"transform\")) {\n // If this is an HTML element, we need to set the transform-box to fill-box\n // to normalise the transform relative to the element's bounding box\n if (!isHTMLElement(element) && !state.get(\"transformBox\")) {\n addStyleValue(element,
|