@spcsn/taro-runtime 0.1.1 → 1.0.0

package/dist/dom/root.js.map

@@ -1 +1 @@
-{"version":3,"file":"root.js","names":[],"sources":["../../src/dom/root.ts"],"sourcesContent":["import { hooks, isArray, isFunction, isUndefined, Shortcuts } from '@spcsn/taro-shared';\n\nimport { CUSTOM_WRAPPER, PAGE_INIT, ROOT_STR, SET_DATA } from '../constants';\nimport { options } from '../options';\nimport { perf } from '../perf';\nimport { customWrapperCache, isComment } from '../utils';\nimport { TaroElement } from './element';\n\nimport type { HydratedData, MpInstance, TFunc, UpdatePayload, UpdatePayloadValue } from '../interface';\n\nfunction findCustomWrapper(root: TaroRootElement, dataPathArr: string[]) {\n  // ['root', 'cn', '[0]'] remove 'root' => ['cn', '[0]']\n  const list = dataPathArr.slice(1);\n  let currentData: any = root;\n  let customWrapper: Record<string, any> | undefined;\n  let splitedPath = '';\n\n  list.some((item, i) => {\n    const key = item\n      // '[0]' => '0'\n      .replace(/^\\[(.+)\\]$/, '$1')\n      // 'cn' => 'childNodes'\n      .replace(/\\bcn\\b/g, 'childNodes');\n\n    currentData = currentData[key];\n\n    if (isArray(currentData)) {\n      currentData = currentData.filter((el) => !isComment(el));\n    }\n\n    if (isUndefined(currentData)) return true;\n\n    if (currentData.nodeName === CUSTOM_WRAPPER) {\n      const res = customWrapperCache.get(currentData.sid);\n      if (res) {\n        customWrapper = res;\n        splitedPath = dataPathArr.slice(i + 2).join('.');\n      }\n    }\n  });\n\n  if (customWrapper) {\n    return {\n      customWrapper,\n      splitedPath,\n    };\n  }\n}\n\nexport class TaroRootElement extends TaroElement {\n  private updatePayloads: UpdatePayload[] = [];\n\n  private updateCallbacks: TFunc[] = [];\n\n  public pendingUpdate = false;\n\n  public ctx: null | MpInstance = null;\n\n  public constructor() {\n    super();\n    this.nodeName = ROOT_STR;\n    this.tagName = ROOT_STR.toUpperCase();\n  }\n\n  public get _path(): string {\n    return ROOT_STR;\n  }\n\n  public get _root(): TaroRootElement {\n    return this;\n  }\n\n  public scheduleTask(fn: TFunc) {\n    // 这里若使用微任务可略微提前setData的执行时机，但在部分场景下可能会出现连续setData两次，造成更大的性能问题\n    setTimeout(fn);\n  }\n\n  public enqueueUpdate(payload: UpdatePayload): void {\n    this.updatePayloads.push(payload);\n\n    if (!this.pendingUpdate && this.ctx) {\n      this.performUpdate();\n    }\n  }\n\n  public performUpdate(initRender = false, prerender?: TFunc) {\n    this.pendingUpdate = true;\n\n    const ctx = hooks.call('proxyToRaw', this.ctx)!;\n\n    this.scheduleTask(() => {\n      const setDataMark = `${SET_DATA} 开始时间戳 ${Date.now()}`;\n      perf.start(setDataMark);\n      const data: Record<string, UpdatePayloadValue | ReturnType<HydratedData>> = Object.create(null);\n      const resetPaths = new Set<string>(initRender ? ['root.cn.[0]', 'root.cn[0]'] : []);\n\n      while (this.updatePayloads.length > 0) {\n        const { path, value } = this.updatePayloads.shift()!;\n        if (path.endsWith(Shortcuts.Childnodes)) {\n          resetPaths.add(path);\n        }\n        data[path] = value;\n      }\n\n      for (const path in data) {\n        resetPaths.forEach((p) => {\n          // 已经重置了数组，就不需要分别再设置了\n          if (path.includes(p) && path !== p) {\n            delete data[path];\n          }\n        });\n\n        const value = data[path];\n        if (isFunction(value)) {\n          data[path] = value();\n        }\n      }\n\n      // 预渲染\n      if (isFunction(prerender)) return prerender(data);\n\n      // 正常渲染\n      this.pendingUpdate = false;\n      let normalUpdate = {};\n      const customWrapperMap: Map<Record<any, any>, Record<string, any>> = new Map();\n\n      if (initRender) {\n        // 初次渲染，使用页面级别的 setData\n        normalUpdate = data;\n      } else {\n        // 更新渲染，区分 CustomWrapper 与页面级别的 setData\n        for (const p in data) {\n          const dataPathArr = p.split('.');\n          const found = findCustomWrapper(this, dataPathArr);\n          if (found) {\n            // 此项数据使用 CustomWrapper 去更新\n            const { customWrapper, splitedPath } = found;\n            // 合并同一个 customWrapper 的相关更新到一次 setData 中\n            customWrapperMap.set(customWrapper, {\n              ...(customWrapperMap.get(customWrapper) || {}),\n              [`i.${splitedPath}`]: data[p],\n            });\n          } else {\n            // 此项数据使用页面去更新\n            normalUpdate[p] = data[p];\n          }\n        }\n      }\n\n      const customWrapperCount = customWrapperMap.size;\n      const isNeedNormalUpdate = Object.keys(normalUpdate).length > 0;\n      const updateArrLen = customWrapperCount + (isNeedNormalUpdate ? 1 : 0);\n      let executeTime = 0;\n\n      const cb = () => {\n        if (++executeTime === updateArrLen) {\n          perf.stop(setDataMark);\n          this.flushUpdateCallback();\n          initRender && perf.stop(PAGE_INIT);\n        }\n      };\n\n      // custom-wrapper setData\n      if (customWrapperCount) {\n        customWrapperMap.forEach((data, ctx) => {\n          if (process.env.NODE_ENV !== 'production' && options.debug) {\n            // eslint-disable-next-line no-console\n            console.log('custom wrapper setData: ', data);\n          }\n          ctx.setData(data, cb);\n        });\n      }\n\n      // page setData\n      if (isNeedNormalUpdate) {\n        if (process.env.NODE_ENV !== 'production' && options.debug) {\n          // eslint-disable-next-line no-console\n          console.log('page setData:', normalUpdate);\n        }\n        ctx.setData(normalUpdate, cb);\n      }\n    });\n  }\n\n  public enqueueUpdateCallback(cb: TFunc, ctx?: Record<string, any>) {\n    this.updateCallbacks.push(() => {\n      ctx ? cb.call(ctx) : cb();\n    });\n  }\n\n  public flushUpdateCallback() {\n    const updateCallbacks = this.updateCallbacks;\n    if (!updateCallbacks.length) return;\n\n    const copies = updateCallbacks.slice(0);\n    this.updateCallbacks.length = 0;\n    for (let i = 0; i < copies.length; i++) {\n      copies[i]();\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"root.js","names":[],"sources":["../../src/dom/root.ts"],"sourcesContent":["import { hooks, isArray, isFunction, isUndefined, Shortcuts } from '@spcsn/taro-shared';\n\nimport { CUSTOM_WRAPPER, PAGE_INIT, ROOT_STR, SET_DATA } from '../constants';\nimport { options } from '../options';\nimport { perf } from '../perf';\nimport { customWrapperCache, isComment } from '../utils';\nimport { TaroElement } from './element';\n\nimport type { HydratedData, MpInstance, TFunc, UpdatePayload, UpdatePayloadValue } from '../interface';\n\nfunction findCustomWrapper(root: TaroRootElement, dataPathArr: string[]) {\n  // ['root', 'cn', '[0]'] remove 'root' => ['cn', '[0]']\n  const list = dataPathArr.slice(1);\n  let currentData: any = root;\n  let customWrapper: Record<string, any> | undefined;\n  let splitedPath = '';\n\n  list.some((item, i) => {\n    const key = item\n      // '[0]' => '0'\n      .replace(/^\\[(.+)\\]$/, '$1')\n      // 'cn' => 'childNodes'\n      .replace(/\\bcn\\b/g, 'childNodes');\n\n    currentData = currentData[key];\n\n    if (isArray(currentData)) {\n      currentData = currentData.filter((el) => !isComment(el));\n    }\n\n    if (isUndefined(currentData)) return true;\n\n    if (currentData.nodeName === CUSTOM_WRAPPER) {\n      const res = customWrapperCache.get(currentData.sid);\n      if (res) {\n        customWrapper = res;\n        splitedPath = dataPathArr.slice(i + 2).join('.');\n      }\n    }\n  });\n\n  if (customWrapper) {\n    return {\n      customWrapper,\n      splitedPath,\n    };\n  }\n}\n\nexport class TaroRootElement extends TaroElement {\n  private updatePayloads: UpdatePayload[] = [];\n\n  private updateCallbacks: TFunc[] = [];\n\n  public pendingUpdate = false;\n\n  public ctx: null | MpInstance = null;\n\n  public constructor() {\n    super();\n    this.nodeName = ROOT_STR;\n    this.tagName = ROOT_STR.toUpperCase();\n  }\n\n  public get _path(): string {\n    return ROOT_STR;\n  }\n\n  public get _root(): TaroRootElement {\n    return this;\n  }\n\n  public scheduleTask(fn: TFunc) {\n    // 这里若使用微任务可略微提前setData的执行时机，但在部分场景下可能会出现连续setData两次，造成更大的性能问题\n    setTimeout(fn);\n  }\n\n  public enqueueUpdate(payload: UpdatePayload): void {\n    this.updatePayloads.push(payload);\n\n    if (!this.pendingUpdate && this.ctx) {\n      this.performUpdate();\n    }\n  }\n\n  public performUpdate(initRender = false, prerender?: TFunc) {\n    this.pendingUpdate = true;\n\n    const ctx = hooks.call('proxyToRaw', this.ctx)!;\n\n    this.scheduleTask(() => {\n      const setDataMark = `${SET_DATA} 开始时间戳 ${Date.now()}`;\n      perf.start(setDataMark);\n      const data: Record<string, UpdatePayloadValue | ReturnType<HydratedData>> = Object.create(null);\n      const resetPaths = new Set<string>(initRender ? ['root.cn.[0]', 'root.cn[0]'] : []);\n\n      while (this.updatePayloads.length > 0) {\n        const { path, value } = this.updatePayloads.shift()!;\n        if (path.endsWith(Shortcuts.Childnodes)) {\n          resetPaths.add(path);\n        }\n        data[path] = value;\n      }\n\n      for (const path in data) {\n        resetPaths.forEach((p) => {\n          // 已经重置了数组，就不需要分别再设置了\n          if (path.includes(p) && path !== p) {\n            delete data[path];\n          }\n        });\n\n        const value = data[path];\n        if (isFunction(value)) {\n          data[path] = value();\n        }\n      }\n\n      // 预渲染\n      if (isFunction(prerender)) return prerender(data);\n\n      // 正常渲染\n      this.pendingUpdate = false;\n      let normalUpdate = {};\n      const customWrapperMap: Map<Record<any, any>, Record<string, any>> = new Map();\n\n      if (initRender) {\n        // 初次渲染，使用页面级别的 setData\n        normalUpdate = data;\n      } else {\n        // 更新渲染，区分 CustomWrapper 与页面级别的 setData\n        for (const p in data) {\n          const dataPathArr = p.split('.');\n          const found = findCustomWrapper(this, dataPathArr);\n          if (found) {\n            // 此项数据使用 CustomWrapper 去更新\n            const { customWrapper, splitedPath } = found;\n            // 合并同一个 customWrapper 的相关更新到一次 setData 中\n            customWrapperMap.set(customWrapper, {\n              ...(customWrapperMap.get(customWrapper) || {}),\n              [`i.${splitedPath}`]: data[p],\n            });\n          } else {\n            // 此项数据使用页面去更新\n            normalUpdate[p] = data[p];\n          }\n        }\n      }\n\n      const customWrapperCount = customWrapperMap.size;\n      const isNeedNormalUpdate = Object.keys(normalUpdate).length > 0;\n      const updateArrLen = customWrapperCount + (isNeedNormalUpdate ? 1 : 0);\n      let executeTime = 0;\n\n      const cb = () => {\n        if (++executeTime === updateArrLen) {\n          perf.stop(setDataMark);\n          this.flushUpdateCallback();\n          initRender && perf.stop(PAGE_INIT);\n        }\n      };\n\n      // custom-wrapper setData\n      if (customWrapperCount) {\n        customWrapperMap.forEach((data, ctx) => {\n          if (process.env.NODE_ENV !== 'production' && options.debug) {\n            globalThis.console.log('custom wrapper setData: ', data);\n          }\n          ctx.setData(data, cb);\n        });\n      }\n\n      // page setData\n      if (isNeedNormalUpdate) {\n        if (process.env.NODE_ENV !== 'production' && options.debug) {\n          globalThis.console.log('page setData:', normalUpdate);\n        }\n        ctx.setData(normalUpdate, cb);\n      }\n    });\n  }\n\n  public enqueueUpdateCallback(cb: TFunc, ctx?: Record<string, any>) {\n    this.updateCallbacks.push(() => {\n      ctx ? cb.call(ctx) : cb();\n    });\n  }\n\n  public flushUpdateCallback() {\n    const updateCallbacks = this.updateCallbacks;\n    if (!updateCallbacks.length) return;\n\n    const copies = updateCallbacks.slice(0);\n    this.updateCallbacks.length = 0;\n    for (let i = 0; i < copies.length; i++) {\n      copies[i]();\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/dom/{style_properties.js → style-properties.js}

@@ -1,4 +1,4 @@
-//#region src/dom/style_properties.ts
+//#region src/dom/style-properties.ts
 const WEBKIT = "webkit";
 const styleProperties = [
 	"all",
@@ -371,4 +371,4 @@ combine(WEBKIT, [
 //#endregion
 export { styleProperties };
 
-//# sourceMappingURL=style_properties.js.map
+//# sourceMappingURL=style-properties.js.map

package/dist/dom/{style_properties.js.map → style-properties.js.map}

@@ -1 +1 @@
-{"version":3,"file":"style_properties.js","names":[],"sources":["../../src/dom/style_properties.ts"],"sourcesContent":["/*\n *\n * https://www.w3.org/Style/CSS/all-properties.en.html\n */\n\nconst WEBKIT = 'webkit';\n\nconst styleProperties = [\n  'all',\n  'appearance',\n  'backdropFilter',\n  'blockOverflow',\n  'blockSize',\n  'bottom',\n  'clear',\n  'contain',\n  'content',\n  'continue',\n  'cursor',\n  'direction',\n  'display',\n  'filter',\n  'float',\n  'gap',\n  'height',\n  'inset',\n  'isolation',\n  'left',\n  'letterSpacing',\n  'lightingColor',\n  'markerSide',\n  'mixBlendMode',\n  'opacity',\n  'order',\n  'position',\n  'quotes',\n  'resize',\n  'right',\n  'rowGap',\n  'tabSize',\n  'tableLayout',\n  'top',\n  'userSelect',\n  'verticalAlign',\n  'visibility',\n  'voiceFamily',\n  'volume',\n  'whiteSpace',\n  'widows',\n  'width',\n  'zIndex',\n  'pointerEvents',\n  'aspectRatio',\n\n  /** 非常用 style */\n  // 'azimuth',\n  // 'backfaceVisibility',\n  // 'baselineShift',\n  // 'captionSide',\n  // 'chains',\n  // 'dominantBaseline',\n  // 'elevation',\n  // 'emptyCells',\n  // 'forcedColorAdjust',\n  // 'glyphOrientationVertical',\n  // 'hangingPunctuation',\n  // 'hyphenateCharacter',\n  // 'hyphens',\n  // 'imageOrientation',\n  // 'imageResolution',\n  // 'orphans',\n  // 'playDuring',\n  // 'pointerEvents',\n  // 'regionFragment',\n  // 'richness',\n  // 'running',\n  // 'scrollBehavior',\n  // 'speechRate',\n  // 'stress',\n  // 'stringSet',\n  // 'unicodeBidi',\n  // 'willChange',\n  // 'writingMode',\n];\n\n// 减少文件体积\nfunction combine(prefix: string, list: string[], excludeSelf?: boolean) {\n  !excludeSelf && styleProperties.push(prefix);\n  list.forEach((item) => {\n    styleProperties.push(prefix + item);\n    if (prefix === WEBKIT) {\n      styleProperties.push('Webkit' + item);\n    }\n  });\n}\n\nconst color = 'Color';\nconst style = 'Style';\nconst width = 'Width';\nconst image = 'Image';\nconst size = 'Size';\nconst color_style_width = [color, style, width];\nconst fitlength_fitwidth_image = ['FitLength', 'FitWidth', image];\nconst fitlength_fitwidth_image_radius = [...fitlength_fitwidth_image, 'Radius'];\nconst color_style_width_fitlength_fitwidth_image = [...color_style_width, ...fitlength_fitwidth_image];\nconst endRadius_startRadius = ['EndRadius', 'StartRadius'];\nconst bottom_left_right_top = ['Bottom', 'Left', 'Right', 'Top'];\nconst end_start = ['End', 'Start'];\nconst content_items_self = ['Content', 'Items', 'Self'];\nconst blockSize_height_inlineSize_width = ['BlockSize', 'Height', 'InlineSize', width];\nconst after_before = ['After', 'Before'];\n\ncombine('borderBlock', color_style_width);\ncombine('borderBlockEnd', color_style_width);\ncombine('borderBlockStart', color_style_width);\ncombine('outline', [...color_style_width, 'Offset']);\ncombine('border', [...color_style_width, 'Boundary', 'Break', 'Collapse', 'Radius', 'Spacing']);\ncombine('borderFit', ['Length', width]);\ncombine('borderInline', color_style_width);\ncombine('borderInlineEnd', color_style_width);\ncombine('borderInlineStart', color_style_width);\ncombine('borderLeft', color_style_width_fitlength_fitwidth_image);\ncombine('borderRight', color_style_width_fitlength_fitwidth_image);\ncombine('borderTop', color_style_width_fitlength_fitwidth_image);\ncombine('borderBottom', color_style_width_fitlength_fitwidth_image);\ncombine('textDecoration', [color, style, 'Line']);\ncombine('textEmphasis', [color, style, 'Position']);\ncombine('scrollMargin', bottom_left_right_top);\ncombine('scrollPadding', bottom_left_right_top);\ncombine('padding', bottom_left_right_top);\ncombine('margin', [...bottom_left_right_top, 'Trim']);\ncombine('scrollMarginBlock', end_start);\ncombine('scrollMarginInline', end_start);\ncombine('scrollPaddingBlock', end_start);\ncombine('scrollPaddingInline', end_start);\ncombine('gridColumn', end_start);\ncombine('gridRow', end_start);\ncombine('insetBlock', end_start);\ncombine('insetInline', end_start);\ncombine('marginBlock', end_start);\ncombine('marginInline', end_start);\ncombine('paddingBlock', end_start);\ncombine('paddingInline', end_start);\ncombine('pause', after_before);\ncombine('cue', after_before);\ncombine('mask', ['Clip', 'Composite', image, 'Mode', 'Origin', 'Position', 'Repeat', size, 'Type']);\ncombine('borderImage', ['Outset', 'Repeat', 'Slice', 'Source', 'Transform', width]);\ncombine('maskBorder', ['Mode', 'Outset', 'Repeat', 'Slice', 'Source', width]);\ncombine('font', [\n  'Family',\n  'FeatureSettings',\n  'Kerning',\n  'LanguageOverride',\n  'MaxSize',\n  'MinSize',\n  'OpticalSizing',\n  'Palette',\n  size,\n  'SizeAdjust',\n  'Stretch',\n  style,\n  'Weight',\n  'VariationSettings',\n]);\ncombine('transform', ['Box', 'Origin', style]);\ncombine('background', [color, image, 'Attachment', 'BlendMode', 'Clip', 'Origin', 'Position', 'Repeat', size]);\ncombine('listStyle', [image, 'Position', 'Type']);\ncombine('scrollSnap', ['Align', 'Stop', 'Type']);\ncombine('grid', ['Area', 'AutoColumns', 'AutoFlow', 'AutoRows']);\ncombine('gridTemplate', ['Areas', 'Columns', 'Rows']);\ncombine('overflow', ['Block', 'Inline', 'Wrap', 'X', 'Y']);\ncombine('transition', ['Delay', 'Duration', 'Property', 'TimingFunction']);\ncombine('color', ['Adjust', 'InterpolationFilters', 'Scheme']);\ncombine('textAlign', ['All', 'Last']);\ncombine('page', ['BreakAfter', 'BreakBefore', 'BreakInside']);\ncombine('animation', [\n  'Delay',\n  'Direction',\n  'Duration',\n  'FillMode',\n  'IterationCount',\n  'Name',\n  'PlayState',\n  'TimingFunction',\n]);\ncombine('flex', ['Basis', 'Direction', 'Flow', 'Grow', 'Shrink', 'Wrap']);\ncombine('offset', [...after_before, ...end_start, 'Anchor', 'Distance', 'Path', 'Position', 'Rotate']);\ncombine('perspective', ['Origin']);\ncombine('clip', ['Path', 'Rule']);\ncombine('flow', ['From', 'Into']);\n\ncombine('align', ['Content', 'Items', 'Self'], true);\ncombine('alignment', ['Adjust', 'Baseline'], true);\ncombine('borderStart', endRadius_startRadius, true);\ncombine('borderEnd', endRadius_startRadius, true);\ncombine('borderCorner', ['Fit', image, 'ImageTransform'], true);\ncombine('borderTopLeft', fitlength_fitwidth_image_radius, true);\ncombine('borderTopRight', fitlength_fitwidth_image_radius, true);\ncombine('borderBottomLeft', fitlength_fitwidth_image_radius, true);\ncombine('borderBottomRight', fitlength_fitwidth_image_radius, true);\ncombine('column', ['s', 'Count', 'Fill', 'Gap', 'Rule', 'RuleColor', 'RuleStyle', 'RuleWidth', 'Span', width], true);\ncombine('break', [...after_before, 'Inside'], true);\ncombine('wrap', [...after_before, 'Flow', 'Inside', 'Through'], true);\ncombine('justify', content_items_self, true);\ncombine('place', content_items_self, true);\ncombine('max', [...blockSize_height_inlineSize_width, 'Lines'], true);\ncombine('min', blockSize_height_inlineSize_width, true);\ncombine('line', ['Break', 'Clamp', 'Grid', 'Height', 'Padding', 'Snap'], true);\ncombine('inline', ['BoxAlign', size, 'Sizing'], true);\ncombine(\n  'text',\n  [\n    'CombineUpright',\n    'GroupAlign',\n    'Height',\n    'Indent',\n    'Justify',\n    'Orientation',\n    'Overflow',\n    'Shadow',\n    'SpaceCollapse',\n    'SpaceTrim',\n    'Spacing',\n    'Transform',\n    'UnderlinePosition',\n    'Wrap',\n  ],\n  true,\n);\ncombine('shape', ['ImageThreshold', 'Inside', 'Margin', 'Outside'], true);\ncombine('word', ['Break', 'Spacing', 'Wrap'], true);\ncombine('object', ['Fit', 'Position'], true);\ncombine('box', ['DecorationBreak', 'Shadow', 'Sizing', 'Snap'], true);\n\ncombine(WEBKIT, ['LineClamp', 'BoxOrient', 'TextFillColor', 'TextStroke', 'TextStrokeColor', 'TextStrokeWidth'], true);\n\n/** 非常用 style */\n// combine('caret', [color, 'Shape'])\n// combine('counter', ['Increment', 'Reset', 'Set'], true)\n// combine('dropInitial', ['AfterAdjust', 'AfterAlign', 'BeforeAdjust', 'BeforeAlign', size, 'Value'], true)\n// combine('flood', [color, 'Opacity'], true)\n// combine('footnote', ['Display', 'Policy'], true)\n// combine('hyphenateLimit', ['Chars', 'Last', 'Lines', 'Zone'], true)\n// combine('initialLetters', ['Align', 'Wrap'])\n// combine('ruby', ['Align', 'Merge', 'Position'], true)\n// combine('lineStacking', ['Ruby', 'Shift', 'Strategy'])\n// combine('bookmark', ['Label', 'Level', 'State'], true)\n// combine('speak', ['Header', 'Numeral', 'Punctuation'])\n// combine('pitch', ['Range'])\n// combine('nav', ['Down', 'Left', 'Right', 'Up'], true)\n// combine('fontSynthesis', ['SmallCaps', style, 'Weight'])\n// combine('fontVariant', ['Alternates', 'Caps', 'EastAsian', 'Emoji', 'Ligatures', 'Numeric', 'Position'])\n\nexport { styleProperties };\n"],"mappings":"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"}
+{"version":3,"file":"style-properties.js","names":[],"sources":["../../src/dom/style-properties.ts"],"sourcesContent":["/*\n *\n * https://www.w3.org/Style/CSS/all-properties.en.html\n */\n\nconst WEBKIT = 'webkit';\n\nconst styleProperties = [\n  'all',\n  'appearance',\n  'backdropFilter',\n  'blockOverflow',\n  'blockSize',\n  'bottom',\n  'clear',\n  'contain',\n  'content',\n  'continue',\n  'cursor',\n  'direction',\n  'display',\n  'filter',\n  'float',\n  'gap',\n  'height',\n  'inset',\n  'isolation',\n  'left',\n  'letterSpacing',\n  'lightingColor',\n  'markerSide',\n  'mixBlendMode',\n  'opacity',\n  'order',\n  'position',\n  'quotes',\n  'resize',\n  'right',\n  'rowGap',\n  'tabSize',\n  'tableLayout',\n  'top',\n  'userSelect',\n  'verticalAlign',\n  'visibility',\n  'voiceFamily',\n  'volume',\n  'whiteSpace',\n  'widows',\n  'width',\n  'zIndex',\n  'pointerEvents',\n  'aspectRatio',\n\n  /** 非常用 style */\n  // 'azimuth',\n  // 'backfaceVisibility',\n  // 'baselineShift',\n  // 'captionSide',\n  // 'chains',\n  // 'dominantBaseline',\n  // 'elevation',\n  // 'emptyCells',\n  // 'forcedColorAdjust',\n  // 'glyphOrientationVertical',\n  // 'hangingPunctuation',\n  // 'hyphenateCharacter',\n  // 'hyphens',\n  // 'imageOrientation',\n  // 'imageResolution',\n  // 'orphans',\n  // 'playDuring',\n  // 'pointerEvents',\n  // 'regionFragment',\n  // 'richness',\n  // 'running',\n  // 'scrollBehavior',\n  // 'speechRate',\n  // 'stress',\n  // 'stringSet',\n  // 'unicodeBidi',\n  // 'willChange',\n  // 'writingMode',\n];\n\n// 减少文件体积\nfunction combine(prefix: string, list: string[], excludeSelf?: boolean) {\n  !excludeSelf && styleProperties.push(prefix);\n  list.forEach((item) => {\n    styleProperties.push(prefix + item);\n    if (prefix === WEBKIT) {\n      styleProperties.push('Webkit' + item);\n    }\n  });\n}\n\nconst color = 'Color';\nconst style = 'Style';\nconst width = 'Width';\nconst image = 'Image';\nconst size = 'Size';\nconst color_style_width = [color, style, width];\nconst fitlength_fitwidth_image = ['FitLength', 'FitWidth', image];\nconst fitlength_fitwidth_image_radius = [...fitlength_fitwidth_image, 'Radius'];\nconst color_style_width_fitlength_fitwidth_image = [...color_style_width, ...fitlength_fitwidth_image];\nconst endRadius_startRadius = ['EndRadius', 'StartRadius'];\nconst bottom_left_right_top = ['Bottom', 'Left', 'Right', 'Top'];\nconst end_start = ['End', 'Start'];\nconst content_items_self = ['Content', 'Items', 'Self'];\nconst blockSize_height_inlineSize_width = ['BlockSize', 'Height', 'InlineSize', width];\nconst after_before = ['After', 'Before'];\n\ncombine('borderBlock', color_style_width);\ncombine('borderBlockEnd', color_style_width);\ncombine('borderBlockStart', color_style_width);\ncombine('outline', [...color_style_width, 'Offset']);\ncombine('border', [...color_style_width, 'Boundary', 'Break', 'Collapse', 'Radius', 'Spacing']);\ncombine('borderFit', ['Length', width]);\ncombine('borderInline', color_style_width);\ncombine('borderInlineEnd', color_style_width);\ncombine('borderInlineStart', color_style_width);\ncombine('borderLeft', color_style_width_fitlength_fitwidth_image);\ncombine('borderRight', color_style_width_fitlength_fitwidth_image);\ncombine('borderTop', color_style_width_fitlength_fitwidth_image);\ncombine('borderBottom', color_style_width_fitlength_fitwidth_image);\ncombine('textDecoration', [color, style, 'Line']);\ncombine('textEmphasis', [color, style, 'Position']);\ncombine('scrollMargin', bottom_left_right_top);\ncombine('scrollPadding', bottom_left_right_top);\ncombine('padding', bottom_left_right_top);\ncombine('margin', [...bottom_left_right_top, 'Trim']);\ncombine('scrollMarginBlock', end_start);\ncombine('scrollMarginInline', end_start);\ncombine('scrollPaddingBlock', end_start);\ncombine('scrollPaddingInline', end_start);\ncombine('gridColumn', end_start);\ncombine('gridRow', end_start);\ncombine('insetBlock', end_start);\ncombine('insetInline', end_start);\ncombine('marginBlock', end_start);\ncombine('marginInline', end_start);\ncombine('paddingBlock', end_start);\ncombine('paddingInline', end_start);\ncombine('pause', after_before);\ncombine('cue', after_before);\ncombine('mask', ['Clip', 'Composite', image, 'Mode', 'Origin', 'Position', 'Repeat', size, 'Type']);\ncombine('borderImage', ['Outset', 'Repeat', 'Slice', 'Source', 'Transform', width]);\ncombine('maskBorder', ['Mode', 'Outset', 'Repeat', 'Slice', 'Source', width]);\ncombine('font', [\n  'Family',\n  'FeatureSettings',\n  'Kerning',\n  'LanguageOverride',\n  'MaxSize',\n  'MinSize',\n  'OpticalSizing',\n  'Palette',\n  size,\n  'SizeAdjust',\n  'Stretch',\n  style,\n  'Weight',\n  'VariationSettings',\n]);\ncombine('transform', ['Box', 'Origin', style]);\ncombine('background', [color, image, 'Attachment', 'BlendMode', 'Clip', 'Origin', 'Position', 'Repeat', size]);\ncombine('listStyle', [image, 'Position', 'Type']);\ncombine('scrollSnap', ['Align', 'Stop', 'Type']);\ncombine('grid', ['Area', 'AutoColumns', 'AutoFlow', 'AutoRows']);\ncombine('gridTemplate', ['Areas', 'Columns', 'Rows']);\ncombine('overflow', ['Block', 'Inline', 'Wrap', 'X', 'Y']);\ncombine('transition', ['Delay', 'Duration', 'Property', 'TimingFunction']);\ncombine('color', ['Adjust', 'InterpolationFilters', 'Scheme']);\ncombine('textAlign', ['All', 'Last']);\ncombine('page', ['BreakAfter', 'BreakBefore', 'BreakInside']);\ncombine('animation', [\n  'Delay',\n  'Direction',\n  'Duration',\n  'FillMode',\n  'IterationCount',\n  'Name',\n  'PlayState',\n  'TimingFunction',\n]);\ncombine('flex', ['Basis', 'Direction', 'Flow', 'Grow', 'Shrink', 'Wrap']);\ncombine('offset', [...after_before, ...end_start, 'Anchor', 'Distance', 'Path', 'Position', 'Rotate']);\ncombine('perspective', ['Origin']);\ncombine('clip', ['Path', 'Rule']);\ncombine('flow', ['From', 'Into']);\n\ncombine('align', ['Content', 'Items', 'Self'], true);\ncombine('alignment', ['Adjust', 'Baseline'], true);\ncombine('borderStart', endRadius_startRadius, true);\ncombine('borderEnd', endRadius_startRadius, true);\ncombine('borderCorner', ['Fit', image, 'ImageTransform'], true);\ncombine('borderTopLeft', fitlength_fitwidth_image_radius, true);\ncombine('borderTopRight', fitlength_fitwidth_image_radius, true);\ncombine('borderBottomLeft', fitlength_fitwidth_image_radius, true);\ncombine('borderBottomRight', fitlength_fitwidth_image_radius, true);\ncombine('column', ['s', 'Count', 'Fill', 'Gap', 'Rule', 'RuleColor', 'RuleStyle', 'RuleWidth', 'Span', width], true);\ncombine('break', [...after_before, 'Inside'], true);\ncombine('wrap', [...after_before, 'Flow', 'Inside', 'Through'], true);\ncombine('justify', content_items_self, true);\ncombine('place', content_items_self, true);\ncombine('max', [...blockSize_height_inlineSize_width, 'Lines'], true);\ncombine('min', blockSize_height_inlineSize_width, true);\ncombine('line', ['Break', 'Clamp', 'Grid', 'Height', 'Padding', 'Snap'], true);\ncombine('inline', ['BoxAlign', size, 'Sizing'], true);\ncombine(\n  'text',\n  [\n    'CombineUpright',\n    'GroupAlign',\n    'Height',\n    'Indent',\n    'Justify',\n    'Orientation',\n    'Overflow',\n    'Shadow',\n    'SpaceCollapse',\n    'SpaceTrim',\n    'Spacing',\n    'Transform',\n    'UnderlinePosition',\n    'Wrap',\n  ],\n  true,\n);\ncombine('shape', ['ImageThreshold', 'Inside', 'Margin', 'Outside'], true);\ncombine('word', ['Break', 'Spacing', 'Wrap'], true);\ncombine('object', ['Fit', 'Position'], true);\ncombine('box', ['DecorationBreak', 'Shadow', 'Sizing', 'Snap'], true);\n\ncombine(WEBKIT, ['LineClamp', 'BoxOrient', 'TextFillColor', 'TextStroke', 'TextStrokeColor', 'TextStrokeWidth'], true);\n\n/** 非常用 style */\n// combine('caret', [color, 'Shape'])\n// combine('counter', ['Increment', 'Reset', 'Set'], true)\n// combine('dropInitial', ['AfterAdjust', 'AfterAlign', 'BeforeAdjust', 'BeforeAlign', size, 'Value'], true)\n// combine('flood', [color, 'Opacity'], true)\n// combine('footnote', ['Display', 'Policy'], true)\n// combine('hyphenateLimit', ['Chars', 'Last', 'Lines', 'Zone'], true)\n// combine('initialLetters', ['Align', 'Wrap'])\n// combine('ruby', ['Align', 'Merge', 'Position'], true)\n// combine('lineStacking', ['Ruby', 'Shift', 'Strategy'])\n// combine('bookmark', ['Label', 'Level', 'State'], true)\n// combine('speak', ['Header', 'Numeral', 'Punctuation'])\n// combine('pitch', ['Range'])\n// combine('nav', ['Down', 'Left', 'Right', 'Up'], true)\n// combine('fontSynthesis', ['SmallCaps', style, 'Weight'])\n// combine('fontVariant', ['Alternates', 'Caps', 'EastAsian', 'Emoji', 'Ligatures', 'Numeric', 'Position'])\n\nexport { styleProperties };\n"],"mappings":"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"}

package/dist/dom/style.js

@@ -1,6 +1,6 @@
 import "../constants/index.js";
 import { MutationObserver } from "../dom-external/mutation-observer/index.js";
-import { styleProperties } from "./style_properties.js";
+import { styleProperties } from "./style-properties.js";
 import { Shortcuts, hooks, isArray, isNull, isString, isUndefined, toCamelCase, toDashed, warn } from "@spcsn/taro-shared";
 //#region src/dom/style.ts
 function recordCss(obj) {

package/dist/dom/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../src/dom/style.ts"],"sourcesContent":["import {\n  hooks,\n  isArray,\n  isNull,\n  isString,\n  isUndefined,\n  Shortcuts,\n  toCamelCase,\n  toDashed,\n  warn,\n} from '@spcsn/taro-shared';\n\nimport { PROPERTY_THRESHOLD } from '../constants';\nimport { MutationObserver, MutationRecordType } from '../dom-external/mutation-observer';\nimport { TaroElement } from './element';\nimport { styleProperties } from './style_properties';\n\nfunction recordCss(obj: Style) {\n  MutationObserver.record({\n    type: MutationRecordType.ATTRIBUTES,\n    target: obj._element,\n    attributeName: 'style',\n    oldValue: obj.cssText,\n  });\n}\n\nfunction enqueueUpdate(obj: Style) {\n  const element = obj._element;\n  if (element._root) {\n    element.enqueueUpdate({\n      path: `${element._path}.${Shortcuts.Style}`,\n      value: obj.cssText,\n    });\n  }\n}\n\nfunction setStyle(this: Style, newVal: string, styleKey: string) {\n  process.env.NODE_ENV !== 'production' &&\n    warn(\n      isString(newVal) && newVal.length > PROPERTY_THRESHOLD,\n      `Style 属性 ${styleKey} 的值数据量过大，可能会影响渲染性能，考虑使用 CSS 类或其它方案替代。`,\n    );\n\n  const old = this[styleKey];\n\n  if (old === newVal) return;\n\n  !this._pending && recordCss(this);\n\n  if (isNull(newVal) || isUndefined(newVal) || newVal === '') {\n    this._usedStyleProp.delete(styleKey);\n    delete this._value[styleKey];\n  } else {\n    this._usedStyleProp.add(styleKey);\n    this._value[styleKey] = newVal;\n  }\n\n  !this._pending && enqueueUpdate(this);\n}\n\nfunction initStyle(ctor: typeof Style, styleProperties: string[]) {\n  const properties = {};\n\n  for (let i = 0; i < styleProperties.length; i++) {\n    const styleKey = styleProperties[i];\n\n    if (ctor[styleKey]) return;\n\n    properties[styleKey] = {\n      get(this: Style) {\n        const val = this._value[styleKey];\n        return isNull(val) || isUndefined(val) ? '' : val;\n      },\n      set(this: Style, newVal: string) {\n        setStyle.call(this, newVal, styleKey);\n      },\n    };\n  }\n\n  Object.defineProperties(ctor.prototype, properties);\n}\n\nfunction isCssVariable(propertyName) {\n  return /^--/.test(propertyName);\n}\n\nexport class Style {\n  public _pending: boolean;\n\n  public _usedStyleProp: Set<string>;\n\n  public _value: Partial<CSSStyleDeclaration>;\n\n  public _element: TaroElement;\n\n  public constructor(element: TaroElement) {\n    this._element = element;\n    this._usedStyleProp = new Set();\n    this._value = {};\n  }\n\n  private setCssVariables(styleKey: string) {\n    this.hasOwnProperty(styleKey) ||\n      Object.defineProperty(this, styleKey, {\n        enumerable: true,\n        configurable: true,\n        get: () => {\n          return this._value[styleKey] || '';\n        },\n        set: (newVal: string) => {\n          setStyle.call(this, newVal, styleKey);\n        },\n      });\n  }\n\n  public get cssText() {\n    if (!this._usedStyleProp.size) return '';\n\n    const texts: string[] = [];\n    this._usedStyleProp.forEach((key) => {\n      const val = this[key];\n      if (isNull(val) || isUndefined(val)) return;\n      let styleName = isCssVariable(key) ? key : toDashed(key);\n      if (styleName.indexOf('webkit') === 0 || styleName.indexOf('Webkit') === 0) {\n        styleName = `-${styleName}`;\n      }\n      texts.push(`${styleName}: ${val};`);\n    });\n    return texts.join(' ');\n  }\n\n  public set cssText(str: string) {\n    this._pending = true;\n    recordCss(this);\n\n    this._usedStyleProp.forEach((prop) => {\n      this.removeProperty(prop);\n    });\n\n    if (str === '' || isUndefined(str) || isNull(str)) {\n      this._pending = false;\n      enqueueUpdate(this);\n      return;\n    }\n\n    const rules = str.split(';');\n\n    for (let i = 0; i < rules.length; i++) {\n      const rule = rules[i].trim();\n      if (rule === '') {\n        continue;\n      }\n\n      // 可能存在 'background: url(http:x/y/z)' 的情况\n      const [propName, ...valList] = rule.split(':');\n      const val = valList.join(':');\n\n      if (isUndefined(val)) {\n        continue;\n      }\n      this.setProperty(propName.trim(), val.trim());\n    }\n\n    this._pending = false;\n    enqueueUpdate(this);\n  }\n\n  public setProperty(propertyName: string, value?: string | null) {\n    if (propertyName[0] === '-') {\n      // 支持 webkit 属性或 css 变量\n      this.setCssVariables(propertyName);\n    } else {\n      propertyName = toCamelCase(propertyName);\n    }\n\n    if (isNull(value) || isUndefined(value)) {\n      this.removeProperty(propertyName);\n    } else {\n      this[propertyName] = value;\n    }\n  }\n\n  public removeProperty(propertyName: string): string {\n    propertyName = toCamelCase(propertyName);\n    if (!this._usedStyleProp.has(propertyName)) {\n      return '';\n    }\n\n    const value = this[propertyName];\n    this[propertyName] = undefined;\n    return value;\n  }\n\n  public getPropertyValue(propertyName: string) {\n    propertyName = toCamelCase(propertyName);\n    const value = this[propertyName];\n    if (!value) {\n      return '';\n    }\n\n    return value;\n  }\n}\n\ninitStyle(Style, styleProperties);\n\nhooks.tap('injectNewStyleProperties', (newStyleProperties: string[]) => {\n  if (isArray(newStyleProperties)) {\n    initStyle(Style, newStyleProperties);\n  } else {\n    if (typeof newStyleProperties !== 'string') return;\n\n    initStyle(Style, [newStyleProperties]);\n  }\n});\n"],"mappings":"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"}
+{"version":3,"file":"style.js","names":[],"sources":["../../src/dom/style.ts"],"sourcesContent":["import {\n  hooks,\n  isArray,\n  isNull,\n  isString,\n  isUndefined,\n  Shortcuts,\n  toCamelCase,\n  toDashed,\n  warn,\n} from '@spcsn/taro-shared';\n\nimport { PROPERTY_THRESHOLD } from '../constants';\nimport { MutationObserver, MutationRecordType } from '../dom-external/mutation-observer';\nimport { TaroElement } from './element';\nimport { styleProperties } from './style-properties';\n\nfunction recordCss(obj: Style) {\n  MutationObserver.record({\n    type: MutationRecordType.ATTRIBUTES,\n    target: obj._element,\n    attributeName: 'style',\n    oldValue: obj.cssText,\n  });\n}\n\nfunction enqueueUpdate(obj: Style) {\n  const element = obj._element;\n  if (element._root) {\n    element.enqueueUpdate({\n      path: `${element._path}.${Shortcuts.Style}`,\n      value: obj.cssText,\n    });\n  }\n}\n\nfunction setStyle(this: Style, newVal: string, styleKey: string) {\n  process.env.NODE_ENV !== 'production' &&\n    warn(\n      isString(newVal) && newVal.length > PROPERTY_THRESHOLD,\n      `Style 属性 ${styleKey} 的值数据量过大，可能会影响渲染性能，考虑使用 CSS 类或其它方案替代。`,\n    );\n\n  const old = this[styleKey];\n\n  if (old === newVal) return;\n\n  !this._pending && recordCss(this);\n\n  if (isNull(newVal) || isUndefined(newVal) || newVal === '') {\n    this._usedStyleProp.delete(styleKey);\n    delete this._value[styleKey];\n  } else {\n    this._usedStyleProp.add(styleKey);\n    this._value[styleKey] = newVal;\n  }\n\n  !this._pending && enqueueUpdate(this);\n}\n\nfunction initStyle(ctor: typeof Style, styleProperties: string[]) {\n  const properties = {};\n\n  for (let i = 0; i < styleProperties.length; i++) {\n    const styleKey = styleProperties[i];\n\n    if (ctor[styleKey]) return;\n\n    properties[styleKey] = {\n      get(this: Style) {\n        const val = this._value[styleKey];\n        return isNull(val) || isUndefined(val) ? '' : val;\n      },\n      set(this: Style, newVal: string) {\n        setStyle.call(this, newVal, styleKey);\n      },\n    };\n  }\n\n  Object.defineProperties(ctor.prototype, properties);\n}\n\nfunction isCssVariable(propertyName) {\n  return /^--/.test(propertyName);\n}\n\nexport class Style {\n  public _pending: boolean;\n\n  public _usedStyleProp: Set<string>;\n\n  public _value: Partial<CSSStyleDeclaration>;\n\n  public _element: TaroElement;\n\n  public constructor(element: TaroElement) {\n    this._element = element;\n    this._usedStyleProp = new Set();\n    this._value = {};\n  }\n\n  private setCssVariables(styleKey: string) {\n    this.hasOwnProperty(styleKey) ||\n      Object.defineProperty(this, styleKey, {\n        enumerable: true,\n        configurable: true,\n        get: () => {\n          return this._value[styleKey] || '';\n        },\n        set: (newVal: string) => {\n          setStyle.call(this, newVal, styleKey);\n        },\n      });\n  }\n\n  public get cssText() {\n    if (!this._usedStyleProp.size) return '';\n\n    const texts: string[] = [];\n    this._usedStyleProp.forEach((key) => {\n      const val = this[key];\n      if (isNull(val) || isUndefined(val)) return;\n      let styleName = isCssVariable(key) ? key : toDashed(key);\n      if (styleName.indexOf('webkit') === 0 || styleName.indexOf('Webkit') === 0) {\n        styleName = `-${styleName}`;\n      }\n      texts.push(`${styleName}: ${val};`);\n    });\n    return texts.join(' ');\n  }\n\n  public set cssText(str: string) {\n    this._pending = true;\n    recordCss(this);\n\n    this._usedStyleProp.forEach((prop) => {\n      this.removeProperty(prop);\n    });\n\n    if (str === '' || isUndefined(str) || isNull(str)) {\n      this._pending = false;\n      enqueueUpdate(this);\n      return;\n    }\n\n    const rules = str.split(';');\n\n    for (let i = 0; i < rules.length; i++) {\n      const rule = rules[i].trim();\n      if (rule === '') {\n        continue;\n      }\n\n      // 可能存在 'background: url(http:x/y/z)' 的情况\n      const [propName, ...valList] = rule.split(':');\n      const val = valList.join(':');\n\n      if (isUndefined(val)) {\n        continue;\n      }\n      this.setProperty(propName.trim(), val.trim());\n    }\n\n    this._pending = false;\n    enqueueUpdate(this);\n  }\n\n  public setProperty(propertyName: string, value?: string | null) {\n    if (propertyName[0] === '-') {\n      // 支持 webkit 属性或 css 变量\n      this.setCssVariables(propertyName);\n    } else {\n      propertyName = toCamelCase(propertyName);\n    }\n\n    if (isNull(value) || isUndefined(value)) {\n      this.removeProperty(propertyName);\n    } else {\n      this[propertyName] = value;\n    }\n  }\n\n  public removeProperty(propertyName: string): string {\n    propertyName = toCamelCase(propertyName);\n    if (!this._usedStyleProp.has(propertyName)) {\n      return '';\n    }\n\n    const value = this[propertyName];\n    this[propertyName] = undefined;\n    return value;\n  }\n\n  public getPropertyValue(propertyName: string) {\n    propertyName = toCamelCase(propertyName);\n    const value = this[propertyName];\n    if (!value) {\n      return '';\n    }\n\n    return value;\n  }\n}\n\ninitStyle(Style, styleProperties);\n\nhooks.tap('injectNewStyleProperties', (newStyleProperties: string[]) => {\n  if (isArray(newStyleProperties)) {\n    initStyle(Style, newStyleProperties);\n  } else {\n    if (typeof newStyleProperties !== 'string') return;\n\n    initStyle(Style, [newStyleProperties]);\n  }\n});\n"],"mappings":"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"}

package/dist/dom/text.d.ts

@@ -1,5 +1,5 @@
 import { TaroNode } from './node';
-import { NodeType } from './node_types';
+import { NodeType } from './node-types';
 export declare class TaroText extends TaroNode {
     _value: string;
     nodeType: NodeType;

package/dist/dom/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","names":[],"sources":["../../src/dom/text.ts"],"sourcesContent":["import { Shortcuts } from '@spcsn/taro-shared';\n\nimport { MutationObserver, MutationRecordType } from '../dom-external/mutation-observer';\nimport { TaroNode } from './node';\nimport { NodeType } from './node_types';\n\nexport class TaroText extends TaroNode {\n  public _value: string;\n  public nodeType = NodeType.TEXT_NODE;\n  public nodeName = '#text';\n\n  constructor(value) {\n    super();\n    this._value = value;\n  }\n\n  public set textContent(text: string) {\n    MutationObserver.record({\n      target: this,\n      type: MutationRecordType.CHARACTER_DATA,\n      oldValue: this._value,\n    });\n    this._value = text;\n    this.enqueueUpdate({\n      path: `${this._path}.${Shortcuts.Text}`,\n      value: text,\n    });\n  }\n\n  public get textContent(): string {\n    return this._value;\n  }\n\n  public set nodeValue(text: string) {\n    this.textContent = text;\n  }\n\n  public get nodeValue(): string {\n    return this._value;\n  }\n\n  public set data(text: string) {\n    this.textContent = text;\n  }\n\n  public get data(): string {\n    return this._value;\n  }\n}\n"],"mappings":";;;;AAMA,IAAa,WAAb,cAA8B,SAAS;CAKrC,YAAY,OAAO;EACjB,MAAM;;kBAHU;EAIhB,KAAK,SAAS;CAChB;CAEA,IAAW,YAAY,MAAc;EACnC,iBAAiB,OAAO;GACtB,QAAQ;GACR,MAAA;GACA,UAAU,KAAK;EACjB,CAAC;EACD,KAAK,SAAS;EACd,KAAK,cAAc;GACjB,MAAM,GAAG,KAAK,MAAM,GAAG,UAAU;GACjC,OAAO;EACT,CAAC;CACH;CAEA,IAAW,cAAsB;EAC/B,OAAO,KAAK;CACd;CAEA,IAAW,UAAU,MAAc;EACjC,KAAK,cAAc;CACrB;CAEA,IAAW,YAAoB;EAC7B,OAAO,KAAK;CACd;CAEA,IAAW,KAAK,MAAc;EAC5B,KAAK,cAAc;CACrB;CAEA,IAAW,OAAe;EACxB,OAAO,KAAK;CACd;AACF"}
+{"version":3,"file":"text.js","names":[],"sources":["../../src/dom/text.ts"],"sourcesContent":["import { Shortcuts } from '@spcsn/taro-shared';\n\nimport { MutationObserver, MutationRecordType } from '../dom-external/mutation-observer';\nimport { TaroNode } from './node';\nimport { NodeType } from './node-types';\n\nexport class TaroText extends TaroNode {\n  public _value: string;\n  public nodeType = NodeType.TEXT_NODE;\n  public nodeName = '#text';\n\n  constructor(value) {\n    super();\n    this._value = value;\n  }\n\n  public set textContent(text: string) {\n    MutationObserver.record({\n      target: this,\n      type: MutationRecordType.CHARACTER_DATA,\n      oldValue: this._value,\n    });\n    this._value = text;\n    this.enqueueUpdate({\n      path: `${this._path}.${Shortcuts.Text}`,\n      value: text,\n    });\n  }\n\n  public get textContent(): string {\n    return this._value;\n  }\n\n  public set nodeValue(text: string) {\n    this.textContent = text;\n  }\n\n  public get nodeValue(): string {\n    return this._value;\n  }\n\n  public set data(text: string) {\n    this.textContent = text;\n  }\n\n  public get data(): string {\n    return this._value;\n  }\n}\n"],"mappings":";;;;AAMA,IAAa,WAAb,cAA8B,SAAS;CAKrC,YAAY,OAAO;EACjB,MAAM;EAJR,KAAO,WAAA;EACP,KAAO,WAAW;EAIhB,KAAK,SAAS;CAChB;CAEA,IAAW,YAAY,MAAc;EACnC,iBAAiB,OAAO;GACtB,QAAQ;GACR,MAAA;GACA,UAAU,KAAK;EACjB,CAAC;EACD,KAAK,SAAS;EACd,KAAK,cAAc;GACjB,MAAM,GAAG,KAAK,MAAM,GAAG,UAAU;GACjC,OAAO;EACT,CAAC;CACH;CAEA,IAAW,cAAsB;EAC/B,OAAO,KAAK;CACd;CAEA,IAAW,UAAU,MAAc;EACjC,KAAK,cAAc;CACrB;CAEA,IAAW,YAAoB;EAC7B,OAAO,KAAK;CACd;CAEA,IAAW,KAAK,MAAc;EAC5B,KAAK,cAAc;CACrB;CAEA,IAAW,OAAe;EACxB,OAAO,KAAK;CACd;AACF"}

package/dist/dom/transfer.js.map

@@ -1 +1 @@
-{"version":3,"file":"transfer.js","names":[],"sources":["../../src/dom/transfer.ts"],"sourcesContent":["import { TaroElement } from './element';\n\nexport class TransferElement extends TaroElement {\n  public isTransferElement = true;\n\n  constructor(public dataName: string) {\n    super();\n  }\n\n  public get _path() {\n    return this.dataName;\n  }\n}\n"],"mappings":";;AAEA,IAAa,kBAAb,cAAqC,YAAY;CAG/C,YAAY,UAAyB;EACnC,MAAM;EADW,KAAA,WAAA;2BAFQ;CAI3B;CAEA,IAAW,QAAQ;EACjB,OAAO,KAAK;CACd;AACF"}
+{"version":3,"file":"transfer.js","names":[],"sources":["../../src/dom/transfer.ts"],"sourcesContent":["import { TaroElement } from './element';\n\nexport class TransferElement extends TaroElement {\n  public isTransferElement = true;\n\n  constructor(public dataName: string) {\n    super();\n  }\n\n  public get _path() {\n    return this.dataName;\n  }\n}\n"],"mappings":";;AAEA,IAAa,kBAAb,cAAqC,YAAY;CAG/C,YAAY,UAAyB;EACnC,MAAM;EADW,KAAA,WAAA;EAFnB,KAAO,oBAAoB;CAI3B;CAEA,IAAW,QAAQ;EACjB,OAAO,KAAK;CACd;AACF"}

package/dist/dom/tree.js

@@ -4,7 +4,7 @@ function returnTrue() {
 }
 function treeToArray(root, predict) {
 	const array = [];
-	const filter = predict ?? returnTrue;
+	const filter = predict !== null && predict !== void 0 ? predict : returnTrue;
 	let object = root;
 	while (object) {
 		if (object.nodeType === 1 && filter(object)) array.push(object);

package/dist/dom/tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.js","names":[],"sources":["../../src/dom/tree.ts"],"sourcesContent":["import { NodeType } from './node_types';\n\nimport type { TaroElement } from './element';\n\ntype Filter = (element: TaroElement) => boolean;\n\nfunction returnTrue() {\n  return true;\n}\n\nexport function treeToArray(root: TaroElement, predict?: Filter): TaroElement[] {\n  const array: TaroElement[] = [];\n  const filter = predict ?? returnTrue;\n\n  let object: TaroElement | null = root;\n\n  while (object) {\n    if (object.nodeType === NodeType.ELEMENT_NODE && filter(object)) {\n      array.push(object);\n    }\n\n    object = following(object, root);\n  }\n\n  return array;\n}\n\nfunction following(el: TaroElement, root: TaroElement): TaroElement | null {\n  const firstChild = el.firstChild;\n  const isElmentTypeValid = el.nodeType === NodeType.ELEMENT_NODE || el.nodeType === NodeType.DOCUMENT_NODE;\n\n  // 如果当前 el 不是 element 或 document 元素，则可以直接不递归他的子元素了\n  if (firstChild && isElmentTypeValid) {\n    return firstChild as TaroElement;\n  }\n\n  let current: TaroElement | null = el;\n\n  do {\n    if (current === root) {\n      return null;\n    }\n\n    const nextSibling = current.nextSibling;\n\n    if (nextSibling) {\n      return nextSibling as TaroElement;\n    }\n    current = current.parentElement;\n  } while (current);\n\n  return null;\n}\n"],"mappings":";AAMA,SAAS,aAAa;CACpB,OAAO;AACT;AAEA,SAAgB,YAAY,MAAmB,SAAiC;CAC9E,MAAM,QAAuB,CAAC;CAC9B,MAAM,SAAS,WAAW;CAE1B,IAAI,SAA6B;CAEjC,OAAO,QAAQ;EACb,IAAI,OAAO,aAAA,KAAsC,OAAO,MAAM,GAC5D,MAAM,KAAK,MAAM;EAGnB,SAAS,UAAU,QAAQ,IAAI;CACjC;CAEA,OAAO;AACT;AAEA,SAAS,UAAU,IAAiB,MAAuC;CACzE,MAAM,aAAa,GAAG;CACtB,MAAM,oBAAoB,GAAG,aAAA,KAAsC,GAAG,aAAA;CAGtE,IAAI,cAAc,mBAChB,OAAO;CAGT,IAAI,UAA8B;CAElC,GAAG;EACD,IAAI,YAAY,MACd,OAAO;EAGT,MAAM,cAAc,QAAQ;EAE5B,IAAI,aACF,OAAO;EAET,UAAU,QAAQ;CACpB,SAAS;CAET,OAAO;AACT"}
+{"version":3,"file":"tree.js","names":[],"sources":["../../src/dom/tree.ts"],"sourcesContent":["import { NodeType } from './node-types';\n\nimport type { TaroElement } from './element';\n\ntype Filter = (element: TaroElement) => boolean;\n\nfunction returnTrue() {\n  return true;\n}\n\nexport function treeToArray(root: TaroElement, predict?: Filter): TaroElement[] {\n  const array: TaroElement[] = [];\n  const filter = predict ?? returnTrue;\n\n  let object: TaroElement | null = root;\n\n  while (object) {\n    if (object.nodeType === NodeType.ELEMENT_NODE && filter(object)) {\n      array.push(object);\n    }\n\n    object = following(object, root);\n  }\n\n  return array;\n}\n\nfunction following(el: TaroElement, root: TaroElement): TaroElement | null {\n  const firstChild = el.firstChild;\n  const isElmentTypeValid = el.nodeType === NodeType.ELEMENT_NODE || el.nodeType === NodeType.DOCUMENT_NODE;\n\n  // 如果当前 el 不是 element 或 document 元素，则可以直接不递归他的子元素了\n  if (firstChild && isElmentTypeValid) {\n    return firstChild as TaroElement;\n  }\n\n  let current: TaroElement | null = el;\n\n  do {\n    if (current === root) {\n      return null;\n    }\n\n    const nextSibling = current.nextSibling;\n\n    if (nextSibling) {\n      return nextSibling as TaroElement;\n    }\n    current = current.parentElement;\n  } while (current);\n\n  return null;\n}\n"],"mappings":";AAMA,SAAS,aAAa;CACpB,OAAO;AACT;AAEA,SAAgB,YAAY,MAAmB,SAAiC;CAC9E,MAAM,QAAuB,CAAC;CAC9B,MAAM,SAAS,YAAA,QAAA,YAAA,KAAA,IAAA,UAAW;CAE1B,IAAI,SAA6B;CAEjC,OAAO,QAAQ;EACb,IAAI,OAAO,aAAA,KAAsC,OAAO,MAAM,GAC5D,MAAM,KAAK,MAAM;EAGnB,SAAS,UAAU,QAAQ,IAAI;CACjC;CAEA,OAAO;AACT;AAEA,SAAS,UAAU,IAAiB,MAAuC;CACzE,MAAM,aAAa,GAAG;CACtB,MAAM,oBAAoB,GAAG,aAAA,KAAsC,GAAG,aAAA;CAGtE,IAAI,cAAc,mBAChB,OAAO;CAGT,IAAI,UAA8B;CAElC,GAAG;EACD,IAAI,YAAY,MACd,OAAO;EAGT,MAAM,cAAc,QAAQ;EAE5B,IAAI,aACF,OAAO;EAET,UAAU,QAAQ;CACpB,SAAS;CAET,OAAO;AACT"}

package/dist/dom-external/mutation-observer/implements.js

@@ -48,7 +48,7 @@ var MutationObserverImpl = class {
 };
 /** Match two TaroNodes by sid. */
 const sidMatches = (observerTarget, target) => {
-	return !!observerTarget && observerTarget.sid === target?.sid;
+	return !!observerTarget && observerTarget.sid === (target === null || target === void 0 ? void 0 : target.sid);
 };
 const isConcerned = (record, options) => {
 	const { characterData, characterDataOldValue, attributes, attributeOldValue, childList } = options;

package/dist/dom-external/mutation-observer/implements.js.map

@@ -1 +1 @@
-{"version":3,"file":"implements.js","names":[],"sources":["../../../src/dom-external/mutation-observer/implements.ts"],"sourcesContent":["import { MutationRecordType } from './record';\n\nimport type { TaroNode } from '../../dom/node';\nimport type { MutationRecord } from './record';\n\nexport type MutationCallback = (mutations: MutationRecord[]) => any;\n\n/**\n * @see https://dom.spec.whatwg.org/#dictdef-mutationobserverinit\n */\nexport interface MutationObserverInit {\n  attributeFilter?: string[];\n  attributeOldValue?: boolean;\n  attributes?: boolean;\n  characterData?: boolean;\n  characterDataOldValue?: boolean;\n  childList?: boolean;\n  subtree?: boolean;\n}\n\nconst observers: MutationObserverImpl[] = [];\n\n/**\n * The MutationObserver provides the ability\n * to watch for changes being made to the DOM tree.\n * It will invoke a specified callback function\n * when DOM changes occur.\n * @see https://dom.spec.whatwg.org/#mutationobserver\n * @see https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver\n */\nexport class MutationObserverImpl {\n  public callback: MutationCallback;\n  public target: TaroNode | null;\n  public options: MutationObserverInit;\n  public records: MutationRecord[] = [];\n\n  constructor(callback: MutationCallback) {\n    this.callback = callback;\n  }\n\n  /**\n   * Configures the MutationObserver\n   * to begin receiving notifications\n   * through its callback function\n   * when DOM changes matching the given options occur.\n   *\n   * Options matching is to be implemented.\n   */\n  observe(target: TaroNode, options?: MutationObserverInit): void {\n    this.disconnect();\n    this.target = target;\n    this.options = options || {};\n\n    observers.push(this);\n  }\n\n  /**\n   * Stop the MutationObserver instance\n   * from receiving further notifications\n   * until and unless observe() is called again.\n   */\n  disconnect(): void {\n    this.target = null;\n\n    const index = observers.indexOf(this);\n    if (index >= 0) {\n      observers.splice(index, 1);\n    }\n  }\n\n  /**\n   * Removes all pending notifications\n   * from the MutationObserver's notification queue\n   * and returns them in a new Array of MutationRecord objects.\n   */\n  takeRecords(): MutationRecord[] {\n    return this.records.splice(0, this.records.length);\n  }\n}\n\n/** Match two TaroNodes by sid. */\nconst sidMatches = (observerTarget: TaroNode | null, target: TaroNode | null): boolean => {\n  return !!observerTarget && observerTarget.sid === target?.sid;\n};\n\nconst isConcerned = (record: MutationRecord, options: MutationObserverInit) => {\n  const { characterData, characterDataOldValue, attributes, attributeOldValue, childList } = options;\n  switch (record.type) {\n    case MutationRecordType.CHARACTER_DATA:\n      if (characterData) {\n        if (!characterDataOldValue) record.oldValue = null;\n        return true;\n      }\n      return false;\n    case MutationRecordType.ATTRIBUTES:\n      if (attributes) {\n        if (!attributeOldValue) record.oldValue = null;\n        return true;\n      }\n      return false;\n    case MutationRecordType.CHILD_LIST:\n      if (childList) {\n        return true;\n      }\n      return false;\n  }\n};\n\nlet pendingMuatations = false;\n\nfunction logMutation(observer: MutationObserverImpl, record: MutationRecord) {\n  observer.records.push(record);\n  if (!pendingMuatations) {\n    pendingMuatations = true;\n    Promise.resolve().then(() => {\n      pendingMuatations = false;\n      observers.forEach((observer) => {\n        return observer.callback(observer.takeRecords());\n      });\n    });\n  }\n}\n\nexport function recordMutation(record: MutationRecord) {\n  observers.forEach((observer) => {\n    const { options } = observer;\n    for (let t: TaroNode | null = record.target; t; t = t.parentNode) {\n      if (sidMatches(observer.target, t) && isConcerned(record, options)) {\n        logMutation(observer, record);\n        break;\n      }\n      if (!options.subtree) break;\n    }\n  });\n}\n"],"mappings":";AAoBA,MAAM,YAAoC,CAAC;;;;;;;;;AAU3C,IAAa,uBAAb,MAAkC;CAMhC,YAAY,UAA4B;iBAFL,CAAC;EAGlC,KAAK,WAAW;CAClB;;;;;;;;;CAUA,QAAQ,QAAkB,SAAsC;EAC9D,KAAK,WAAW;EAChB,KAAK,SAAS;EACd,KAAK,UAAU,WAAW,CAAC;EAE3B,UAAU,KAAK,IAAI;CACrB;;;;;;CAOA,aAAmB;EACjB,KAAK,SAAS;EAEd,MAAM,QAAQ,UAAU,QAAQ,IAAI;EACpC,IAAI,SAAS,GACX,UAAU,OAAO,OAAO,CAAC;CAE7B;;;;;;CAOA,cAAgC;EAC9B,OAAO,KAAK,QAAQ,OAAO,GAAG,KAAK,QAAQ,MAAM;CACnD;AACF;;AAGA,MAAM,cAAc,gBAAiC,WAAqC;CACxF,OAAO,CAAC,CAAC,kBAAkB,eAAe,QAAQ,QAAQ;AAC5D;AAEA,MAAM,eAAe,QAAwB,YAAkC;CAC7E,MAAM,EAAE,eAAe,uBAAuB,YAAY,mBAAmB,cAAc;CAC3F,QAAQ,OAAO,MAAf;EACE,KAAA;GACE,IAAI,eAAe;IACjB,IAAI,CAAC,uBAAuB,OAAO,WAAW;IAC9C,OAAO;GACT;GACA,OAAO;EACT,KAAA;GACE,IAAI,YAAY;IACd,IAAI,CAAC,mBAAmB,OAAO,WAAW;IAC1C,OAAO;GACT;GACA,OAAO;EACT,KAAA;GACE,IAAI,WACF,OAAO;GAET,OAAO;CACX;AACF;AAEA,IAAI,oBAAoB;AAExB,SAAS,YAAY,UAAgC,QAAwB;CAC3E,SAAS,QAAQ,KAAK,MAAM;CAC5B,IAAI,CAAC,mBAAmB;EACtB,oBAAoB;EACpB,QAAQ,QAAQ,EAAE,WAAW;GAC3B,oBAAoB;GACpB,UAAU,SAAS,aAAa;IAC9B,OAAO,SAAS,SAAS,SAAS,YAAY,CAAC;GACjD,CAAC;EACH,CAAC;CACH;AACF;AAEA,SAAgB,eAAe,QAAwB;CACrD,UAAU,SAAS,aAAa;EAC9B,MAAM,EAAE,YAAY;EACpB,KAAK,IAAI,IAAqB,OAAO,QAAQ,GAAG,IAAI,EAAE,YAAY;GAChE,IAAI,WAAW,SAAS,QAAQ,CAAC,KAAK,YAAY,QAAQ,OAAO,GAAG;IAClE,YAAY,UAAU,MAAM;IAC5B;GACF;GACA,IAAI,CAAC,QAAQ,SAAS;EACxB;CACF,CAAC;AACH"}
+{"version":3,"file":"implements.js","names":[],"sources":["../../../src/dom-external/mutation-observer/implements.ts"],"sourcesContent":["import { MutationRecordType } from './record';\n\nimport type { TaroNode } from '../../dom/node';\nimport type { MutationRecord } from './record';\n\nexport type MutationCallback = (mutations: MutationRecord[]) => any;\n\n/**\n * @see https://dom.spec.whatwg.org/#dictdef-mutationobserverinit\n */\nexport interface MutationObserverInit {\n  attributeFilter?: string[];\n  attributeOldValue?: boolean;\n  attributes?: boolean;\n  characterData?: boolean;\n  characterDataOldValue?: boolean;\n  childList?: boolean;\n  subtree?: boolean;\n}\n\nconst observers: MutationObserverImpl[] = [];\n\n/**\n * The MutationObserver provides the ability\n * to watch for changes being made to the DOM tree.\n * It will invoke a specified callback function\n * when DOM changes occur.\n * @see https://dom.spec.whatwg.org/#mutationobserver\n * @see https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver\n */\nexport class MutationObserverImpl {\n  public callback: MutationCallback;\n  public target: TaroNode | null;\n  public options: MutationObserverInit;\n  public records: MutationRecord[] = [];\n\n  constructor(callback: MutationCallback) {\n    this.callback = callback;\n  }\n\n  /**\n   * Configures the MutationObserver\n   * to begin receiving notifications\n   * through its callback function\n   * when DOM changes matching the given options occur.\n   *\n   * Options matching is to be implemented.\n   */\n  observe(target: TaroNode, options?: MutationObserverInit): void {\n    this.disconnect();\n    this.target = target;\n    this.options = options || {};\n\n    observers.push(this);\n  }\n\n  /**\n   * Stop the MutationObserver instance\n   * from receiving further notifications\n   * until and unless observe() is called again.\n   */\n  disconnect(): void {\n    this.target = null;\n\n    const index = observers.indexOf(this);\n    if (index >= 0) {\n      observers.splice(index, 1);\n    }\n  }\n\n  /**\n   * Removes all pending notifications\n   * from the MutationObserver's notification queue\n   * and returns them in a new Array of MutationRecord objects.\n   */\n  takeRecords(): MutationRecord[] {\n    return this.records.splice(0, this.records.length);\n  }\n}\n\n/** Match two TaroNodes by sid. */\nconst sidMatches = (observerTarget: TaroNode | null, target: TaroNode | null): boolean => {\n  return !!observerTarget && observerTarget.sid === target?.sid;\n};\n\nconst isConcerned = (record: MutationRecord, options: MutationObserverInit) => {\n  const { characterData, characterDataOldValue, attributes, attributeOldValue, childList } = options;\n  switch (record.type) {\n    case MutationRecordType.CHARACTER_DATA:\n      if (characterData) {\n        if (!characterDataOldValue) record.oldValue = null;\n        return true;\n      }\n      return false;\n    case MutationRecordType.ATTRIBUTES:\n      if (attributes) {\n        if (!attributeOldValue) record.oldValue = null;\n        return true;\n      }\n      return false;\n    case MutationRecordType.CHILD_LIST:\n      if (childList) {\n        return true;\n      }\n      return false;\n  }\n};\n\nlet pendingMuatations = false;\n\nfunction logMutation(observer: MutationObserverImpl, record: MutationRecord) {\n  observer.records.push(record);\n  if (!pendingMuatations) {\n    pendingMuatations = true;\n    Promise.resolve().then(() => {\n      pendingMuatations = false;\n      observers.forEach((observer) => {\n        return observer.callback(observer.takeRecords());\n      });\n    });\n  }\n}\n\nexport function recordMutation(record: MutationRecord) {\n  observers.forEach((observer) => {\n    const { options } = observer;\n    for (let t: TaroNode | null = record.target; t; t = t.parentNode) {\n      if (sidMatches(observer.target, t) && isConcerned(record, options)) {\n        logMutation(observer, record);\n        break;\n      }\n      if (!options.subtree) break;\n    }\n  });\n}\n"],"mappings":";AAoBA,MAAM,YAAoC,CAAC;;;;;;;;;AAU3C,IAAa,uBAAb,MAAkC;CAMhC,YAAY,UAA4B;EAFxC,KAAO,UAA4B,CAAC;EAGlC,KAAK,WAAW;CAClB;;;;;;;;;CAUA,QAAQ,QAAkB,SAAsC;EAC9D,KAAK,WAAW;EAChB,KAAK,SAAS;EACd,KAAK,UAAU,WAAW,CAAC;EAE3B,UAAU,KAAK,IAAI;CACrB;;;;;;CAOA,aAAmB;EACjB,KAAK,SAAS;EAEd,MAAM,QAAQ,UAAU,QAAQ,IAAI;EACpC,IAAI,SAAS,GACX,UAAU,OAAO,OAAO,CAAC;CAE7B;;;;;;CAOA,cAAgC;EAC9B,OAAO,KAAK,QAAQ,OAAO,GAAG,KAAK,QAAQ,MAAM;CACnD;AACF;;AAGA,MAAM,cAAc,gBAAiC,WAAqC;CACxF,OAAO,CAAC,CAAC,kBAAkB,eAAe,SAAA,WAAA,QAAA,WAAA,KAAA,IAAA,KAAA,IAAQ,OAAQ;AAC5D;AAEA,MAAM,eAAe,QAAwB,YAAkC;CAC7E,MAAM,EAAE,eAAe,uBAAuB,YAAY,mBAAmB,cAAc;CAC3F,QAAQ,OAAO,MAAf;EACE,KAAA;GACE,IAAI,eAAe;IACjB,IAAI,CAAC,uBAAuB,OAAO,WAAW;IAC9C,OAAO;GACT;GACA,OAAO;EACT,KAAA;GACE,IAAI,YAAY;IACd,IAAI,CAAC,mBAAmB,OAAO,WAAW;IAC1C,OAAO;GACT;GACA,OAAO;EACT,KAAA;GACE,IAAI,WACF,OAAO;GAET,OAAO;CACX;AACF;AAEA,IAAI,oBAAoB;AAExB,SAAS,YAAY,UAAgC,QAAwB;CAC3E,SAAS,QAAQ,KAAK,MAAM;CAC5B,IAAI,CAAC,mBAAmB;EACtB,oBAAoB;EACpB,QAAQ,QAAQ,EAAE,WAAW;GAC3B,oBAAoB;GACpB,UAAU,SAAS,aAAa;IAC9B,OAAO,SAAS,SAAS,SAAS,YAAY,CAAC;GACjD,CAAC;EACH,CAAC;CACH;AACF;AAEA,SAAgB,eAAe,QAAwB;CACrD,UAAU,SAAS,aAAa;EAC9B,MAAM,EAAE,YAAY;EACpB,KAAK,IAAI,IAAqB,OAAO,QAAQ,GAAG,IAAI,EAAE,YAAY;GAChE,IAAI,WAAW,SAAS,QAAQ,CAAC,KAAK,YAAY,QAAQ,OAAO,GAAG;IAClE,YAAY,UAAU,MAAM;IAC5B;GACF;GACA,IAAI,CAAC,QAAQ,SAAS;EACxB;CACF,CAAC;AACH"}

package/dist/dsl/common.js

@@ -1,14 +1,15 @@
 import { BEHAVIORS, CUSTOM_WRAPPER, EXTERNAL_CLASSES, ON_HIDE, ON_LOAD, ON_READY, ON_SHOW, OPTIONS, PAGE_INIT, VIEW } from "../constants/index.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
 import { eventCenter } from "../emitter/emitter.js";
 import env from "../env.js";
-import { Current } from "../current.js";
+import { Current, whenAppReady } from "../current.js";
 import { _raf } from "../bom/raf.js";
 import { taroWindowProvider } from "../bom/window.js";
 import { addLeadingSlash } from "../utils/router.js";
 import { customWrapperCache, incrementId } from "../utils/index.js";
 import { eventHandler } from "../dom/event.js";
 import { perf } from "../perf.js";
-import { EMPTY_OBJ, EventChannel, Shortcuts, ensure, getComponentsAlias, hooks, internalComponents, isArray, isEnableTTDom, isFunction, isString, isUndefined } from "@spcsn/taro-shared";
+import { EMPTY_OBJ, Shortcuts, ensure, getComponentsAlias, hooks, internalComponents, isArray, isFunction, isString, isUndefined } from "@spcsn/taro-shared";
 //#region src/dsl/common.ts
 const instances = /* @__PURE__ */ new Map();
 const pageId = incrementId();
@@ -39,8 +40,7 @@ function stringify(obj) {
 }
 function getPath(id, options) {
 	const idx = id.indexOf("?");
-	if (process.env.TARO_PLATFORM === "web") return `${idx > -1 ? id.substring(0, idx) : id}${stringify(options?.stamp ? { stamp: options.stamp } : {})}`;
-	else return `${idx > -1 ? id.substring(0, idx) : id}${stringify(options)}`;
+	return `${idx > -1 ? id.substring(0, idx) : id}${stringify(options)}`;
 }
 function getOnReadyEventKey(path) {
 	return path + "." + ON_READY;
@@ -52,13 +52,13 @@ function getOnHideEventKey(path) {
 	return path + "." + ON_HIDE;
 }
 function createPageConfig(component, pageName, data, pageConfig) {
-	const id = pageName ?? `taro_page_${pageId()}`;
+	const id = pageName !== null && pageName !== void 0 ? pageName : `taro_page_${pageId()}`;
 	const [ONLOAD, ONUNLOAD, ONREADY, ONSHOW, ONHIDE, LIFECYCLES, SIDE_EFFECT_LIFECYCLES] = hooks.call("getMiniLifecycleImpl").page;
 	let pageElement = null;
 	let unmounting = false;
 	let prepareMountList = [];
 	function setCurrentRouter(page) {
-		const router = process.env.TARO_PLATFORM === "web" ? page.$taroPath : page.route || page.__route__ || page.$taroPath;
+		const router = page.route || page.__route__ || page.$taroPath;
 		Current.router = {
 			params: page.$taroParams,
 			path: addLeadingSlash(router),
@@ -81,33 +81,28 @@ function createPageConfig(component, pageName, data, pageConfig) {
 			this.config = pageConfig || {};
 			const uniqueOptions = Object.assign({}, options, { $taroTimestamp: Date.now() });
 			const $taroPath = this.$taroPath = getPath(id, uniqueOptions);
-			if (process.env.TARO_PLATFORM === "web") config.path = $taroPath;
 			if (this.$taroParams == null) this.$taroParams = uniqueOptions;
 			setCurrentRouter(this);
-			if (process.env.TARO_PLATFORM !== "web") taroWindowProvider.trigger("0", $taroPath);
+			taroWindowProvider.trigger("0", $taroPath);
 			const mount = () => {
-				Current.app.mount(component, $taroPath, () => {
-					if (process.env.TARO_ENV === "tt" && isEnableTTDom()) pageElement = env.document.getPageDocumentById(this.__webviewId__);
-					else pageElement = env.document.getElementById($taroPath);
+				whenAppReady((app) => app.mount(component, $taroPath, () => {
+					pageElement = env.document.getElementById($taroPath);
 					ensure(pageElement !== null, "没有找到页面实例。");
 					safeExecute($taroPath, ON_LOAD, this.$taroParams);
 					loadResolver();
-					if (process.env.TARO_PLATFORM !== "web") {
-						pageElement.ctx = this;
-						if (process.env.TARO_ENV === "tt" && isEnableTTDom()) pageElement.sync();
-						else pageElement.performUpdate(true, cb);
-					} else isFunction(cb) && cb();
-				});
+					pageElement.ctx = this;
+					pageElement.performUpdate(true, cb);
+				}));
 			};
 			if (unmounting) prepareMountList.push(mount);
 			else mount();
 		},
 		[ONUNLOAD]() {
 			const $taroPath = this.$taroPath;
-			if (process.env.TARO_PLATFORM !== "web") taroWindowProvider.trigger("3", $taroPath);
+			taroWindowProvider.trigger("3", $taroPath);
 			safeExecute($taroPath, ONUNLOAD);
 			unmounting = true;
-			Current.app.unmount($taroPath, () => {
+			whenAppReady((app) => app.unmount($taroPath, () => {
 				unmounting = false;
 				instances.delete($taroPath);
 				if (pageElement) {
@@ -118,26 +113,26 @@ function createPageConfig(component, pageName, data, pageConfig) {
 					prepareMountList.forEach((fn) => fn());
 					prepareMountList = [];
 				}
-			});
+			}));
 		},
 		[ONREADY]() {
 			hasLoaded.then(() => {
 				safeExecute(this.$taroPath, ON_READY);
 				_raf(() => eventCenter.trigger(getOnReadyEventKey(id)));
-				this.onReady.called = true;
+				this[ONREADY].called = true;
 			});
 		},
 		[ONSHOW](options = {}) {
 			hasLoaded.then(() => {
 				Current.page = this;
 				setCurrentRouter(this);
-				if (process.env.TARO_PLATFORM !== "web") taroWindowProvider.trigger("2", this.$taroPath);
+				taroWindowProvider.trigger("2", this.$taroPath);
 				safeExecute(this.$taroPath, ON_SHOW, options);
 				_raf(() => eventCenter.trigger(getOnShowEventKey(id)));
 			});
 		},
 		[ONHIDE]() {
-			if (process.env.TARO_PLATFORM !== "web") taroWindowProvider.trigger("1", this.$taroPath);
+			taroWindowProvider.trigger("1", this.$taroPath);
 			if (Current.page === this) {
 				Current.page = null;
 				Current.router = null;
@@ -146,10 +141,6 @@ function createPageConfig(component, pageName, data, pageConfig) {
 			eventCenter.trigger(getOnHideEventKey(id));
 		}
 	};
-	if (process.env.TARO_PLATFORM === "web") config.getOpenerEventChannel = () => {
-		return EventChannel.pageChannel;
-	};
-	const isSWAN = process.env.TARO_ENV === "swan";
 	LIFECYCLES.forEach((lifecycle) => {
 		let isDefer = false;
 		let isEvent = false;
@@ -161,22 +152,19 @@ function createPageConfig(component, pageName, data, pageConfig) {
 			isEvent = true;
 			return "";
 		});
-		if (isEvent && process.env.TARO_ENV === "alipay") {
-			if (!config.events) config.events = {};
-			config.events[lifecycle] = function() {
-				return safeExecute(this.$taroPath, lifecycle, ...arguments);
-			};
-		} else config[lifecycle] = function() {
-			const exec = () => safeExecute(this.$taroPath, lifecycle, ...arguments);
-			if (isSWAN) return exec();
+		if (isEvent) return;
+		config[lifecycle] = function(...args) {
+			const exec = () => safeExecute(this.$taroPath, lifecycle, ...args);
 			if (isDefer) hasLoaded.then(exec);
 			else return exec();
 		};
 	});
 	SIDE_EFFECT_LIFECYCLES.forEach((lifecycle) => {
-		if (component[lifecycle] || component.prototype?.[lifecycle] || component[lifecycle.replace(/^on/, "enable")] || pageConfig?.[lifecycle.replace(/^on/, "enable")]) config[lifecycle] = function(...args) {
-			const target = args[0]?.target;
-			if (target?.id) {
+		var _component$prototype;
+		if (component[lifecycle] || ((_component$prototype = component.prototype) === null || _component$prototype === void 0 ? void 0 : _component$prototype[lifecycle]) || component[lifecycle.replace(/^on/, "enable")] || (pageConfig === null || pageConfig === void 0 ? void 0 : pageConfig[lifecycle.replace(/^on/, "enable")])) config[lifecycle] = function(...args) {
+			var _args$;
+			const target = (_args$ = args[0]) === null || _args$ === void 0 ? void 0 : _args$.target;
+			if (target === null || target === void 0 ? void 0 : target.id) {
 				const id = target.id;
 				const element = env.document.getElementById(id);
 				if (element) target.dataset = element.dataset;
@@ -190,31 +178,30 @@ function createPageConfig(component, pageName, data, pageConfig) {
 	return config;
 }
 function createComponentConfig(component, componentName, data) {
-	const id = componentName ?? `taro_component_${pageId()}`;
+	const id = componentName !== null && componentName !== void 0 ? componentName : `taro_component_${pageId()}`;
 	let componentElement = null;
 	const [ATTACHED, DETACHED] = hooks.call("getMiniLifecycleImpl").component;
 	const config = {
 		[ATTACHED]() {
+			var _this$getPageId;
 			perf.start(PAGE_INIT);
-			this.pageIdCache = this.getPageId?.() || pageId();
+			this.pageIdCache = ((_this$getPageId = this.getPageId) === null || _this$getPageId === void 0 ? void 0 : _this$getPageId.call(this)) || pageId();
 			const path = getPath(id, { id: this.pageIdCache });
-			Current.app.mount(component, path, () => {
+			whenAppReady((app) => app.mount(component, path, () => {
 				componentElement = env.document.getElementById(path);
 				ensure(componentElement !== null, "没有找到组件实例。");
 				this.$taroInstances = instances.get(path);
 				safeExecute(path, ON_LOAD);
-				if (process.env.TARO_PLATFORM !== "web") {
-					componentElement.ctx = this;
-					if (process.env.TARO_ENV !== "tt" || !isEnableTTDom()) componentElement.performUpdate(true);
-				}
-			});
+				componentElement.ctx = this;
+				componentElement.performUpdate(true);
+			}));
 		},
 		[DETACHED]() {
 			const path = getPath(id, { id: this.pageIdCache });
-			Current.app.unmount(path, () => {
+			whenAppReady((app) => app.unmount(path, () => {
 				instances.delete(path);
 				if (componentElement) componentElement.ctx = null;
-			});
+			}));
 		},
 		methods: { eh: eventHandler }
 	};
@@ -224,7 +211,8 @@ function createComponentConfig(component, componentName, data) {
 		EXTERNAL_CLASSES,
 		BEHAVIORS
 	].forEach((key) => {
-		config[key] = component[key] ?? EMPTY_OBJ;
+		var _component$key;
+		config[key] = (_component$key = component[key]) !== null && _component$key !== void 0 ? _component$key : EMPTY_OBJ;
 	});
 	return config;
 }
@@ -233,8 +221,8 @@ function createRecursiveComponentConfig(componentName) {
 	const [ATTACHED, DETACHED] = hooks.call("getMiniLifecycleImpl").component;
 	const lifeCycles = isCustomWrapper ? {
 		[ATTACHED]() {
-			if (process.env.TARO_ENV === "tt" && isEnableTTDom()) return;
-			const componentId = this.data.i?.sid || this.props.i?.sid;
+			var _this$data$i, _this$props$i;
+			const componentId = ((_this$data$i = this.data.i) === null || _this$data$i === void 0 ? void 0 : _this$data$i.sid) || ((_this$props$i = this.props.i) === null || _this$props$i === void 0 ? void 0 : _this$props$i.sid);
 			if (isString(componentId)) {
 				customWrapperCache.set(componentId, this);
 				const el = env.document.getElementById(componentId);
@@ -242,8 +230,8 @@ function createRecursiveComponentConfig(componentName) {
 			}
 		},
 		[DETACHED]() {
-			if (process.env.TARO_ENV === "tt" && isEnableTTDom()) return;
-			const componentId = this.data.i?.sid || this.props.i?.sid;
+			var _this$data$i2, _this$props$i2;
+			const componentId = ((_this$data$i2 = this.data.i) === null || _this$data$i2 === void 0 ? void 0 : _this$data$i2.sid) || ((_this$props$i2 = this.props.i) === null || _this$props$i2 === void 0 ? void 0 : _this$props$i2.sid);
 			if (isString(componentId)) {
 				customWrapperCache.delete(componentId);
 				const el = env.document.getElementById(componentId);
@@ -251,9 +239,7 @@ function createRecursiveComponentConfig(componentName) {
 			}
 		}
 	} : EMPTY_OBJ;
-	const extraOptions = {};
-	if (process.env.TARO_ENV === "jd") extraOptions.addGlobalClass = true;
-	return hooks.call("modifyRecursiveComponentConfig", {
+	return hooks.call("modifyRecursiveComponentConfig", _objectSpread2({
 		properties: {
 			i: {
 				type: Object,
@@ -264,13 +250,9 @@ function createRecursiveComponentConfig(componentName) {
 				value: ""
 			}
 		},
-		options: {
-			...extraOptions,
-			virtualHost: !isCustomWrapper
-		},
-		methods: { eh: eventHandler },
-		...lifeCycles
-	}, { isCustomWrapper });
+		options: { virtualHost: !isCustomWrapper },
+		methods: { eh: eventHandler }
+	}, lifeCycles), { isCustomWrapper });
 }
 //#endregion
 export { createComponentConfig, createPageConfig, createRecursiveComponentConfig, getOnHideEventKey, getOnReadyEventKey, getOnShowEventKey, getPageInstance, getPath, injectPageInstance, removePageInstance, safeExecute, stringify };