@tarojs/components 4.0.0-canary.8 → 4.0.0

package/lib/react/react-component-lib/index.d.ts

@@ -1,2 +1,2 @@
-export { createReactComponent } from "./createComponent.js";
-export { createOverlayComponent } from "./createOverlayComponent.js";
+export { createReactComponent } from './createComponent';
+export { createOverlayComponent } from './createOverlayComponent';

package/lib/react/{interfaces-f526f1a2.d.ts → react-component-lib/interfaces.d.ts}

@@ -2,21 +2,21 @@
  * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/interfaces.ts
  * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE
  */
-interface EventEmitter<T = any> {
+export interface EventEmitter<T = any> {
     emit: (data?: T) => CustomEvent<T>;
 }
-interface StyleReactProps {
+export interface StyleReactProps {
     class?: string;
     className?: string;
     style?: {
         [key: string]: any;
     };
 }
-interface OverlayEventDetail<T = any> {
+export interface OverlayEventDetail<T = any> {
     data?: T;
     role?: string;
 }
-interface OverlayInterface {
+export interface OverlayInterface {
     el: HTMLElement;
     animated: boolean;
     keyboardClose: boolean;
@@ -31,4 +31,3 @@ interface OverlayInterface {
     present(): Promise<void>;
     dismiss(data?: any, role?: string): Promise<boolean>;
 }
-export { EventEmitter, StyleReactProps, OverlayEventDetail, OverlayInterface };

package/lib/react/react-component-lib/utils/attachProps.d.ts

@@ -1,9 +1,18 @@
-declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
-declare const isCoveredByReact: (__eventNameSuffix: string) => boolean;
-declare const syncEvent: (node: Element & {
-    __events?: {
-        [key: string]: (e: Event) => any;
-    };
-}, eventName: string, newEventHandler?: (e: Event) => any) => void;
-declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
-export { getClassName, isCoveredByReact, syncEvent, attachProps };
+export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
+export declare const isCoveredByReact: (__eventNameSuffix: string) => boolean;
+interface EventCenter {
+    [key: string]: EventCenter.EventCallback | undefined;
+}
+declare namespace EventCenter {
+    interface EventCallback {
+        (e: Event): any;
+        fn?: (e: Event) => any;
+    }
+}
+type HTMLElementWithEvents = HTMLElement & {
+    __events?: EventCenter;
+};
+export declare const syncEvent: (node: HTMLElementWithEvents, eventName: string, newEventHandler?: (e: Event) => any) => void;
+export declare const attachProps: (node: HTMLElementWithEvents, newProps: any, oldProps?: any) => void;
+export declare function applyUnControlledDefaultValue(node: HTMLElementWithEvents, props: any): void;
+export {};

package/lib/react/react-component-lib/utils/attachProps.js

@@ -1,3 +1,4 @@
+import { flushSync, unstable_batchedUpdates } from 'react-dom';
 import { camelToDashCase } from './case.js';
 
 /**
@@ -35,20 +36,73 @@ const getClassName = (classList, newProps, oldProps) => {
 };
 // Note(taro): 禁用 react 合成事件抛出 (避免自定义事件属性调用问题, 例如: event.detail.value 等)
 const isCoveredByReact = (__eventNameSuffix) => false;
+function getComponentName(node) {
+    return node.tagName.replace(/^TARO-/, '').replace(/-CORE$/, '');
+}
+function getControlledValue(node) {
+    const componentName = getComponentName(node);
+    if (['INPUT', 'TEXTAREA', 'SLIDER', 'PICKER'].includes(componentName)) {
+        return 'value';
+    }
+    else if (componentName === 'SWITCH') {
+        // Radio、Checkbox 受 RadioGroup、CheckboxGroup 控制，不支持受控
+        return 'checked';
+    }
+    else {
+        return null;
+    }
+}
+function getPropsAfterReactUpdate(node) {
+    const key = Object.keys(node).find(key => key.includes('__reactProps'));
+    if (key) {
+        return node[key];
+    }
+    else {
+        return null;
+    }
+}
+function finishedEventHandler(node) {
+    const controlledValue = getControlledValue(node);
+    // 不是可以受控的表单组件，直接返回
+    if (!controlledValue)
+        return;
+    // 立即执行事件回调中用户可能触发了的 React 更新
+    flushSync(() => { });
+    // 组件在 React 更新后的 React props
+    const newProps = getPropsAfterReactUpdate(node);
+    if ((newProps === null || newProps === void 0 ? void 0 : newProps.hasOwnProperty(controlledValue)) && newProps[controlledValue] !== node[controlledValue]) {
+        // 如果 React Props 的 value 和 DOM 上的 value 不一致，以 React Props 为准（受控）
+        node[controlledValue] = newProps[controlledValue];
+        node.setAttribute(controlledValue, newProps[controlledValue]);
+    }
+}
 const syncEvent = (node, eventName, newEventHandler) => {
     const eventStore = node.__events || (node.__events = {});
     const oldEventHandler = eventStore[eventName];
-    // Remove old listener so they don't double up.
-    if (oldEventHandler) {
-        node.removeEventListener(eventName, oldEventHandler);
+    if (!newEventHandler) {
+        oldEventHandler && node.removeEventListener(eventName, oldEventHandler);
     }
-    // Bind new listener.
-    node.addEventListener(eventName, (eventStore[eventName] = function handler(e) {
-        if (newEventHandler) {
-            newEventHandler.call(this, e);
+    else {
+        if (oldEventHandler) {
+            if (oldEventHandler.fn === newEventHandler) {
+                return;
+            }
+            else {
+                // 删除旧的，绑定新的
+                node.removeEventListener(eventName, oldEventHandler);
+            }
         }
-    }));
+        const listener = eventStore[eventName] = function (e) {
+            // React batch event updates
+            unstable_batchedUpdates(() => newEventHandler.call(this, e));
+            // 控制是否更新受控组件的 value 值
+            finishedEventHandler(node);
+        };
+        listener.fn = newEventHandler;
+        node.addEventListener(eventName, listener);
+    }
 };
+// TODO(performace): ReactComponent 已更新了一次，这里手动更新可能存在重复设置属性的问题
 const attachProps = (node, newProps, oldProps = {}) => {
     // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
     if (node instanceof Element) {
@@ -62,7 +116,7 @@ const attachProps = (node, newProps, oldProps = {}) => {
                     const eventName = name.substring(2);
                     const eventNameLc = eventName.toLowerCase();
                     if (!isCoveredByReact(eventNameLc)) {
-                        syncEvent(node, eventNameLc, undefined);
+                        syncEvent(node, eventNameLc);
                     }
                 }
                 else {
@@ -96,8 +150,30 @@ const attachProps = (node, newProps, oldProps = {}) => {
                 }
             }
         });
+        // 保证受控组件会被默认绑定一个空事件，用于触发 finishedEventHandler 中的受控逻辑
+        const controlledValue = getControlledValue(node);
+        if (controlledValue &&
+            newProps.hasOwnProperty(controlledValue)) {
+            const handleChangeEvent = ['INPUT', 'TEXTAREA'].includes(getComponentName(node)) ? 'input' : 'change';
+            node.__events || (node.__events = {});
+            if (!node.__events.hasOwnProperty(handleChangeEvent)) {
+                syncEvent(node, handleChangeEvent, function () { });
+            }
+        }
     }
 };
+function applyUnControlledDefaultValue(node, props) {
+    const controlledValue = getControlledValue(node);
+    // 不是可以受控的表单组件，直接返回
+    if (!controlledValue)
+        return;
+    const defaultValueName = 'default' + controlledValue.charAt(0).toUpperCase() + controlledValue.slice(1);
+    if (!props.hasOwnProperty(controlledValue) && props.hasOwnProperty(defaultValueName)) {
+        // 如果是可以受控的表单组件，当没有传入 value/checked 而是传入 defaultValue/defaultChecked 时，把表单值初始化为 defaultValue/defaultChecked
+        node[controlledValue] = props[defaultValueName];
+        node.setAttribute(controlledValue, props[defaultValueName]);
+    }
+}
 
-export { attachProps, getClassName, isCoveredByReact, syncEvent };
+export { applyUnControlledDefaultValue, attachProps, getClassName, isCoveredByReact, syncEvent };
 //# sourceMappingURL=attachProps.js.map

package/lib/react/react-component-lib/utils/attachProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachProps.js","sources":["../../../../../taro-components-library-react/src/react-component-lib/utils/attachProps.ts"],"sourcesContent":["/**\n * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/attachProps.ts\n * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE\n */\nimport { camelToDashCase } from './case'\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s))\n  return map\n}\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class\n  const oldClassProp: string = oldProps.className || oldProps.class\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList)\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : [])\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : [])\n  const finalClassNames: string[] = []\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass)\n      incomingPropClasses.delete(currentClass)\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass)\n    }\n  })\n  incomingPropClasses.forEach((s) => finalClassNames.push(s))\n  return finalClassNames.join(' ')\n}\n\n// Note(taro): 禁用 react 合成事件抛出 (避免自定义事件属性调用问题, 例如: event.detail.value 等)\nexport const isCoveredByReact = (__eventNameSuffix: string) => false\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {})\n  const oldEventHandler = eventStore[eventName]\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler)\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler (e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e)\n      }\n    })\n  )\n}\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    Object.keys(oldProps).forEach((name) => {\n      if (['style', 'children', 'ref', 'class', 'className', 'forwardedRef'].includes(name)) {\n        return\n      }\n      // Note: 移除节点上冗余事件、属性\n      if (!newProps.hasOwnProperty(name)) {\n        if (/^on([A-Z].*)/.test(name)) {\n          const eventName = name.substring(2)\n          const eventNameLc = eventName.toLowerCase()\n\n          if (!isCoveredByReact(eventNameLc)) {\n            syncEvent(node, eventNameLc, undefined)\n          }\n        } else {\n          (node as any)[name] = null\n          node.removeAttribute(camelToDashCase(name))\n        }\n      }\n    })\n    // add any classes in className to the class list\n    node.className = getClassName(node.classList, newProps, oldProps)\n\n    Object.keys(newProps).forEach((name) => {\n      /** Note(taro): 优化 style 属性的处理\n       * 1. 考虑到兼容旧版本项目，支持使用字符串配置 style 属性，但这并非推荐写法，且不考虑优化在 style 移除时同步删除属性\n       * 2. style 属性应当交与前端 UI 框架自行处理，不考虑实现类似于 reactify-wc 的更新策略\n       */\n      if ((name === 'style' && typeof newProps[name] !== 'string') || ['children', 'ref', 'class', 'className', 'forwardedRef'].includes(name)) {\n        return\n      }\n      if (/^on([A-Z].*)/.test(name)) {\n        const eventName = name.substring(2)\n        const eventNameLc = eventName.toLowerCase()\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name])\n        }\n      } else {\n        (node as any)[name] = newProps[name]\n        const propType = typeof newProps[name]\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name])\n        }\n      }\n    })\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"attachProps.js","sources":["../../../../../taro-components-library-react/src/react-component-lib/utils/attachProps.ts"],"sourcesContent":["/**\n * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/attachProps.ts\n * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE\n */\nimport { flushSync, unstable_batchedUpdates } from 'react-dom'\n\nimport { camelToDashCase } from './case'\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s))\n  return map\n}\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class\n  const oldClassProp: string = oldProps.className || oldProps.class\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList)\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : [])\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : [])\n  const finalClassNames: string[] = []\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass)\n      incomingPropClasses.delete(currentClass)\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass)\n    }\n  })\n  incomingPropClasses.forEach((s) => finalClassNames.push(s))\n  return finalClassNames.join(' ')\n}\n\n// Note(taro): 禁用 react 合成事件抛出 (避免自定义事件属性调用问题, 例如: event.detail.value 等)\nexport const isCoveredByReact = (__eventNameSuffix: string) => false\n\ninterface EventCenter {\n  [key: string]: EventCenter.EventCallback | undefined\n}\n\nnamespace EventCenter {\n  export interface EventCallback {\n    (e: Event): any\n    fn?: (e: Event) => any\n  }\n}\n\ntype HTMLElementWithEvents = HTMLElement & { __events?: EventCenter }\n\nfunction getComponentName (node: HTMLElement): string {\n  return node.tagName.replace(/^TARO-/, '').replace(/-CORE$/, '')\n}\n\nfunction getControlledValue (node: HTMLElement): string | null {\n  const componentName = getComponentName(node)\n  if (['INPUT', 'TEXTAREA', 'SLIDER', 'PICKER'].includes(componentName)) {\n    return 'value'\n  } else if (componentName === 'SWITCH') {\n    // Radio、Checkbox 受 RadioGroup、CheckboxGroup 控制，不支持受控\n    return 'checked'\n  } else {\n    return null\n  }\n}\n\nfunction getPropsAfterReactUpdate (node: HTMLElement): Record<string, any> | null {\n  const key = Object.keys(node).find(key => key.includes('__reactProps'))\n  if (key) {\n    return node[key] as Record<string, any>\n  } else {\n    return null\n  }\n}\n\nfunction finishedEventHandler (node: HTMLElement) {\n  const controlledValue = getControlledValue(node)\n\n  // 不是可以受控的表单组件，直接返回\n  if (!controlledValue) return\n\n  // 立即执行事件回调中用户可能触发了的 React 更新\n  flushSync(() => {})\n\n  // 组件在 React 更新后的 React props\n  const newProps = getPropsAfterReactUpdate(node)\n  if (newProps?.hasOwnProperty(controlledValue) && newProps[controlledValue] !== node[controlledValue]) {\n    // 如果 React Props 的 value 和 DOM 上的 value 不一致，以 React Props 为准（受控）\n    node[controlledValue] = newProps[controlledValue]\n    node.setAttribute(controlledValue, newProps[controlledValue])\n  }\n}\n\nexport const syncEvent = (\n  node: HTMLElementWithEvents,\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events ||= {}\n  const oldEventHandler = eventStore[eventName]\n\n  if (!newEventHandler) {\n    oldEventHandler && node.removeEventListener(eventName, oldEventHandler)\n  } else {\n    if (oldEventHandler) {\n      if (oldEventHandler.fn === newEventHandler) {\n        return\n      } else {\n        // 删除旧的，绑定新的\n        node.removeEventListener(eventName, oldEventHandler)\n      }\n    }\n\n    const listener: EventCenter.EventCallback = eventStore[eventName] = function (e: Event) {\n      // React batch event updates\n      unstable_batchedUpdates(() => newEventHandler.call(this, e))\n      // 控制是否更新受控组件的 value 值\n      finishedEventHandler(node)\n    }\n    listener.fn = newEventHandler\n    node.addEventListener(\n      eventName,\n      listener\n    )\n  }\n}\n\n// TODO(performace): ReactComponent 已更新了一次，这里手动更新可能存在重复设置属性的问题\nexport const attachProps = (node: HTMLElementWithEvents, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    Object.keys(oldProps).forEach((name) => {\n      if (['style', 'children', 'ref', 'class', 'className', 'forwardedRef'].includes(name)) {\n        return\n      }\n      // Note: 移除节点上冗余事件、属性\n      if (!newProps.hasOwnProperty(name)) {\n        if (/^on([A-Z].*)/.test(name)) {\n          const eventName = name.substring(2)\n          const eventNameLc = eventName.toLowerCase()\n\n          if (!isCoveredByReact(eventNameLc)) {\n            syncEvent(node, eventNameLc)\n          }\n        } else {\n          (node as any)[name] = null\n          node.removeAttribute(camelToDashCase(name))\n        }\n      }\n    })\n    // add any classes in className to the class list\n    node.className = getClassName(node.classList, newProps, oldProps)\n\n    Object.keys(newProps).forEach((name) => {\n      /** Note(taro): 优化 style 属性的处理\n       * 1. 考虑到兼容旧版本项目，支持使用字符串配置 style 属性，但这并非推荐写法，且不考虑优化在 style 移除时同步删除属性\n       * 2. style 属性应当交与前端 UI 框架自行处理，不考虑实现类似于 reactify-wc 的更新策略\n       */\n      if ((name === 'style' && typeof newProps[name] !== 'string') || ['children', 'ref', 'class', 'className', 'forwardedRef'].includes(name)) {\n        return\n      }\n      if (/^on([A-Z].*)/.test(name)) {\n        const eventName = name.substring(2)\n        const eventNameLc = eventName.toLowerCase()\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name])\n        }\n      } else {\n        (node as any)[name] = newProps[name]\n        const propType = typeof newProps[name]\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name])\n        }\n      }\n    })\n\n    // 保证受控组件会被默认绑定一个空事件，用于触发 finishedEventHandler 中的受控逻辑\n    const controlledValue = getControlledValue(node)\n    if (\n      controlledValue &&\n      newProps.hasOwnProperty(controlledValue)\n    ) {\n      const handleChangeEvent = ['INPUT', 'TEXTAREA'].includes(getComponentName(node)) ? 'input' : 'change'\n      node.__events ||= {}\n      if (!node.__events.hasOwnProperty(handleChangeEvent)) {\n        syncEvent(node, handleChangeEvent, function () {})\n      }\n    }\n  }\n}\n\nexport function applyUnControlledDefaultValue (node: HTMLElementWithEvents, props: any) {\n  const controlledValue = getControlledValue(node)\n\n  // 不是可以受控的表单组件，直接返回\n  if (!controlledValue) return\n\n  const defaultValueName = 'default' + controlledValue.charAt(0).toUpperCase() + controlledValue.slice(1)\n  if (!props.hasOwnProperty(controlledValue) && props.hasOwnProperty(defaultValueName)) {\n    // 如果是可以受控的表单组件，当没有传入 value/checked 而是传入 defaultValue/defaultChecked 时，把表单值初始化为 defaultValue/defaultChecked\n    node[controlledValue] = props[defaultValueName]\n    node.setAttribute(controlledValue, props[defaultValueName])\n  }\n}\n"],"names":[],"mappings":";;;AAAA;;;AAGG;AAKH,MAAM,UAAU,GAAG,CAAC,GAA4B,KAAI;AAClD,IAAA,MAAM,GAAG,GAAG,IAAI,GAAG,EAAkB,CAAC;AACrC,IAAA,GAAgB,CAAC,OAAO,CAAC,CAAC,CAAS,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AACvD,IAAA,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA;AAEY,MAAA,YAAY,GAAG,CAAC,SAAuB,EAAE,QAAa,EAAE,QAAa,KAAI;IACpF,MAAM,YAAY,GAAW,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,KAAK,CAAA;IACjE,MAAM,YAAY,GAAW,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,KAAK,CAAA;;AAEjE,IAAA,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;AAC5C,IAAA,MAAM,mBAAmB,GAAG,UAAU,CAAC,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAA;AACnF,IAAA,MAAM,cAAc,GAAG,UAAU,CAAC,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAA;IAC9E,MAAM,eAAe,GAAa,EAAE,CAAA;;;AAGpC,IAAA,cAAc,CAAC,OAAO,CAAC,CAAC,YAAY,KAAI;AACtC,QAAA,IAAI,mBAAmB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;;AAEzC,YAAA,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;AAClC,YAAA,mBAAmB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;SACzC;aAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;;AAE5C,YAAA,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;SACnC;AACH,KAAC,CAAC,CAAA;AACF,IAAA,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;AAC3D,IAAA,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAClC,EAAC;AAED;AACa,MAAA,gBAAgB,GAAG,CAAC,iBAAyB,KAAK,MAAK;AAepE,SAAS,gBAAgB,CAAE,IAAiB,EAAA;AAC1C,IAAA,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;AACjE,CAAC;AAED,SAAS,kBAAkB,CAAE,IAAiB,EAAA;AAC5C,IAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAA;AAC5C,IAAA,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;AACrE,QAAA,OAAO,OAAO,CAAA;KACf;AAAM,SAAA,IAAI,aAAa,KAAK,QAAQ,EAAE;;AAErC,QAAA,OAAO,SAAS,CAAA;KACjB;SAAM;AACL,QAAA,OAAO,IAAI,CAAA;KACZ;AACH,CAAC;AAED,SAAS,wBAAwB,CAAE,IAAiB,EAAA;IAClD,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAA;IACvE,IAAI,GAAG,EAAE;AACP,QAAA,OAAO,IAAI,CAAC,GAAG,CAAwB,CAAA;KACxC;SAAM;AACL,QAAA,OAAO,IAAI,CAAA;KACZ;AACH,CAAC;AAED,SAAS,oBAAoB,CAAE,IAAiB,EAAA;AAC9C,IAAA,MAAM,eAAe,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAA;;AAGhD,IAAA,IAAI,CAAC,eAAe;QAAE,OAAM;;AAG5B,IAAA,SAAS,CAAC,MAAO,GAAC,CAAC,CAAA;;AAGnB,IAAA,MAAM,QAAQ,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAA;IAC/C,IAAI,CAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,uBAAR,QAAQ,CAAE,cAAc,CAAC,eAAe,CAAC,KAAI,QAAQ,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,EAAE;;QAEpG,IAAI,CAAC,eAAe,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;QACjD,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAA;KAC9D;AACH,CAAC;AAEY,MAAA,SAAS,GAAG,CACvB,IAA2B,EAC3B,SAAiB,EACjB,eAAmC,KACjC;AACF,IAAA,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,KAAb,IAAI,CAAC,QAAQ,GAAK,EAAE,CAAA,CAAA;AACvC,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAE7C,IAAI,CAAC,eAAe,EAAE;QACpB,eAAe,IAAI,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAA;KACxE;SAAM;QACL,IAAI,eAAe,EAAE;AACnB,YAAA,IAAI,eAAe,CAAC,EAAE,KAAK,eAAe,EAAE;gBAC1C,OAAM;aACP;iBAAM;;AAEL,gBAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAA;aACrD;SACF;QAED,MAAM,QAAQ,GAA8B,UAAU,CAAC,SAAS,CAAC,GAAG,UAAU,CAAQ,EAAA;;AAEpF,YAAA,uBAAuB,CAAC,MAAM,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;;YAE5D,oBAAoB,CAAC,IAAI,CAAC,CAAA;AAC5B,SAAC,CAAA;AACD,QAAA,QAAQ,CAAC,EAAE,GAAG,eAAe,CAAA;AAC7B,QAAA,IAAI,CAAC,gBAAgB,CACnB,SAAS,EACT,QAAQ,CACT,CAAA;KACF;AACH,EAAC;AAED;AACO,MAAM,WAAW,GAAG,CAAC,IAA2B,EAAE,QAAa,EAAE,QAAA,GAAgB,EAAE,KAAI;;AAE5F,IAAA,IAAI,IAAI,YAAY,OAAO,EAAE;QAC3B,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACrC,YAAA,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gBACrF,OAAM;aACP;;YAED,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;AAClC,gBAAA,IAAI,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;oBAC7B,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;AACnC,oBAAA,MAAM,WAAW,GAAG,SAAS,CAAC,WAAW,EAAE,CAAA;AAE3C,oBAAA,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE;AAClC,wBAAA,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;qBAC7B;iBACF;qBAAM;AACJ,oBAAA,IAAY,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;oBAC1B,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAA;iBAC5C;aACF;AACH,SAAC,CAAC,CAAA;;AAEF,QAAA,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAEjE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACrC;;;AAGG;AACH,YAAA,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,OAAO,QAAQ,CAAC,IAAI,CAAC,KAAK,QAAQ,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gBACxI,OAAM;aACP;AACD,YAAA,IAAI,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBAC7B,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;AACnC,gBAAA,MAAM,WAAW,GAAG,SAAS,CAAC,WAAW,EAAE,CAAA;AAE3C,gBAAA,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE;oBAClC,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAA;iBAC7C;aACF;iBAAM;gBACJ,IAAY,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;AACpC,gBAAA,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAA;AACtC,gBAAA,IAAI,QAAQ,KAAK,QAAQ,EAAE;AACzB,oBAAA,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAA;iBACzD;aACF;AACH,SAAC,CAAC,CAAA;;AAGF,QAAA,MAAM,eAAe,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAA;AAChD,QAAA,IACE,eAAe;AACf,YAAA,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,EACxC;YACA,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,OAAO,GAAG,QAAQ,CAAA;YACrG,IAAI,CAAC,QAAQ,KAAb,IAAI,CAAC,QAAQ,GAAK,EAAE,CAAA,CAAA;YACpB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE;gBACpD,SAAS,CAAC,IAAI,EAAE,iBAAiB,EAAE,YAAa,GAAC,CAAC,CAAA;aACnD;SACF;KACF;AACH,EAAC;AAEe,SAAA,6BAA6B,CAAE,IAA2B,EAAE,KAAU,EAAA;AACpF,IAAA,MAAM,eAAe,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAA;;AAGhD,IAAA,IAAI,CAAC,eAAe;QAAE,OAAM;IAE5B,MAAM,gBAAgB,GAAG,SAAS,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;AACvG,IAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE;;QAEpF,IAAI,CAAC,eAAe,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAA;QAC/C,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAA;KAC5D;AACH;;;;"}

package/lib/react/react-component-lib/utils/case.d.ts

@@ -2,6 +2,5 @@
  * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/case.ts
  * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE
  */
-declare const dashToPascalCase: (str: string) => string;
-declare const camelToDashCase: (str: string) => string;
-export { dashToPascalCase, camelToDashCase };
+export declare const dashToPascalCase: (str: string) => string;
+export declare const camelToDashCase: (str: string) => string;

package/lib/react/react-component-lib/utils/dev.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/dev.ts
+ * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE
+ */
+export declare const isDevMode: () => boolean;
+export declare const deprecationWarning: (key: string, message: string) => void;

package/lib/react/react-component-lib/utils/index.d.ts

@@ -3,13 +3,12 @@
  * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE
  */
 import React from 'react';
-import { StyleReactProps } from "../../interfaces-f526f1a2.js";
-type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
-type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
-declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
-declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
-declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
-declare const defineCustomElement: (tagName: string, customElement: any) => void;
-export { StencilReactExternalProps, StencilReactForwardedRef, setRef, mergeRefs, createForwardRef, defineCustomElement };
-export * from "./attachProps.js";
-export * from "./case.js";
+import type { StyleReactProps } from '../interfaces';
+export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
+export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
+export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
+export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
+export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+export declare const defineCustomElement: (tagName: string, customElement: any) => void;
+export * from './attachProps';
+export * from './case';

package/lib/react/react-component-lib/utils/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export { attachProps, getClassName, isCoveredByReact, syncEvent } from './attachProps.js';
+export { applyUnControlledDefaultValue, attachProps, getClassName, isCoveredByReact, syncEvent } from './attachProps.js';
 export { camelToDashCase, dashToPascalCase } from './case.js';
 
 /**

package/lib/react/react-component-lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../taro-components-library-react/src/react-component-lib/utils/index.tsx"],"sourcesContent":["/**\n * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/index.ts\n * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE\n */\nimport React from 'react'\n\nimport type { StyleReactProps } from '../interfaces'\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\nOmit<React.HTMLAttributes<ElementType>, 'style'> &\nStyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value)\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value\n  }\n}\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value)\n    })\n  }\n}\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />\n  }\n  forwardRef.displayName = displayName\n\n  return React.forwardRef(forwardRef)\n}\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement)\n  }\n}\n\nexport * from './attachProps'\nexport * from './case'\n"],"names":[],"mappings":";;;;AAAA;;;AAGG;MAYU,MAAM,GAAG,CAAC,GAA+D,EAAE,KAAU,KAAI;AACpG,IAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;QAC7B,GAAG,CAAC,KAAK,CAAC,CAAA;AACX,KAAA;SAAM,IAAI,GAAG,IAAI,IAAI,EAAE;;AAErB,QAAA,GAAmC,CAAC,OAAO,GAAG,KAAK,CAAA;AACrD,KAAA;AACH,EAAC;MAEY,SAAS,GAAG,CACvB,GAAG,IAAoE,KAC7C;IAC1B,OAAO,CAAC,KAAU,KAAI;AACpB,QAAA,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACnB,YAAA,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;AACpB,SAAC,CAAC,CAAA;AACJ,KAAC,CAAA;AACH,EAAC;MAEY,gBAAgB,GAAG,CAAwB,cAAmB,EAAE,WAAmB,KAAI;AAClG,IAAA,MAAM,UAAU,GAAG,CACjB,KAAuD,EACvD,GAA0C,KACxC;QACF,OAAO,KAAA,CAAA,aAAA,CAAC,cAAc,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,IAAE,YAAY,EAAE,GAAG,EAAA,CAAA,CAAI,CAAA;AACzD,KAAC,CAAA;AACD,IAAA,UAAU,CAAC,WAAW,GAAG,WAAW,CAAA;AAEpC,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAA;AACrC,EAAC;MAEY,mBAAmB,GAAG,CAAC,OAAe,EAAE,aAAkB,KAAI;AACzE,IAAA,IAAI,aAAa,KAAK,SAAS,IAAI,OAAO,cAAc,KAAK,WAAW,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AACxG,QAAA,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;AAC9C,KAAA;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../taro-components-library-react/src/react-component-lib/utils/index.tsx"],"sourcesContent":["/**\n * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/index.ts\n * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE\n */\nimport React from 'react'\n\nimport type { StyleReactProps } from '../interfaces'\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\nOmit<React.HTMLAttributes<ElementType>, 'style'> &\nStyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value)\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value\n  }\n}\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value)\n    })\n  }\n}\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />\n  }\n  forwardRef.displayName = displayName\n\n  return React.forwardRef(forwardRef)\n}\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement)\n  }\n}\n\nexport * from './attachProps'\nexport * from './case'\n"],"names":[],"mappings":";;;;AAAA;;;AAGG;MAYU,MAAM,GAAG,CAAC,GAA+D,EAAE,KAAU,KAAI;AACpG,IAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;QAC7B,GAAG,CAAC,KAAK,CAAC,CAAA;KACX;AAAM,SAAA,IAAI,GAAG,IAAI,IAAI,EAAE;;AAErB,QAAA,GAAmC,CAAC,OAAO,GAAG,KAAK,CAAA;KACrD;AACH,EAAC;MAEY,SAAS,GAAG,CACvB,GAAG,IAAoE,KAC7C;IAC1B,OAAO,CAAC,KAAU,KAAI;AACpB,QAAA,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACnB,YAAA,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;AACpB,SAAC,CAAC,CAAA;AACJ,KAAC,CAAA;AACH,EAAC;MAEY,gBAAgB,GAAG,CAAwB,cAAmB,EAAE,WAAmB,KAAI;AAClG,IAAA,MAAM,UAAU,GAAG,CACjB,KAAuD,EACvD,GAA0C,KACxC;QACF,OAAO,KAAA,CAAA,aAAA,CAAC,cAAc,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,IAAE,YAAY,EAAE,GAAG,EAAA,CAAA,CAAI,CAAA;AACzD,KAAC,CAAA;AACD,IAAA,UAAU,CAAC,WAAW,GAAG,WAAW,CAAA;AAEpC,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAA;AACrC,EAAC;MAEY,mBAAmB,GAAG,CAAC,OAAe,EAAE,aAAkB,KAAI;AACzE,IAAA,IAAI,aAAa,KAAK,SAAS,IAAI,OAAO,cAAc,KAAK,WAAW,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AACxG,QAAA,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;KAC9C;AACH;;;;"}

package/lib/solid/component-lib/index.d.ts

@@ -0,0 +1,53 @@
+import { Fragment } from 'solid-js/h/jsx-runtime';
+export declare const CoverImage: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const CoverView: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const MatchMedia: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const MovableArea: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const MovableView: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const PageContainer: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const RootPortal: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const ScrollView: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const ShareElement: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Swiper: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const SwiperItem: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const View: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Icon: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Progress: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const RichText: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Text: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Button: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Checkbox: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const CheckboxGroup: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Editor: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Form: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Input: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const KeyboardAccessory: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Label: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Picker: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const PickerView: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const PickerViewColumn: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Radio: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const RadioGroup: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Slider: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Switch: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Textarea: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const FunctionalPageNavigator: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Navigator: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const NavigationBar: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Audio: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Camera: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Image: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const LivePlayer: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const LivePusher: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Video: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const VoipRoom: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Map: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Canvas: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Ad: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const AdCustom: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const OfficialAccount: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const OpenData: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const WebView: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const PageMeta: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;
+export declare const Block: typeof Fragment;
+export declare const CustomWrapper: import("solid-js").Component<import("solid-js").JSX.DOMAttributes<import("../solid-component-lib/createComponent").HTMLStencilElement> & import("../solid-component-lib/createComponent").ComponentSupplementaryTypes>;

package/lib/solid/component-lib/index.js

@@ -0,0 +1,69 @@
+import { Fragment } from 'solid-js/h/jsx-runtime';
+import '../solid-component-lib/index.js';
+import { createSolidComponent } from '../solid-component-lib/createComponent.js';
+
+// 视图容器
+const CoverImage = /* @__PURE__ */ createSolidComponent('taro-cover-image-core');
+const CoverView = /* @__PURE__ */ createSolidComponent('taro-cover-view-core');
+const MatchMedia = /* @__PURE__ */ createSolidComponent('taro-match-media-core');
+const MovableArea = /* @__PURE__ */ createSolidComponent('taro-movable-area-core');
+const MovableView = /* @__PURE__ */ createSolidComponent('taro-movable-view-core');
+const PageContainer = /* @__PURE__ */ createSolidComponent('taro-page-container-core');
+const RootPortal = /* @__PURE__ */ createSolidComponent('taro-root-portal-core');
+const ScrollView = /* @__PURE__ */ createSolidComponent('taro-scroll-view-core');
+const ShareElement = /* @__PURE__ */ createSolidComponent('taro-share-element-core');
+const Swiper = /* @__PURE__ */ createSolidComponent('taro-swiper-core');
+const SwiperItem = /* @__PURE__ */ createSolidComponent('taro-swiper-item-core');
+const View = /* @__PURE__ */ createSolidComponent('taro-view-core');
+// 基础内容
+const Icon = /* @__PURE__ */ createSolidComponent('taro-icon-core');
+const Progress = /* @__PURE__ */ createSolidComponent('taro-progress-core');
+const RichText = /* @__PURE__ */ createSolidComponent('taro-rich-text-core');
+const Text = /* @__PURE__ */ createSolidComponent('taro-text-core');
+// 表单组件
+const Button = /* @__PURE__ */ createSolidComponent('taro-button-core');
+const Checkbox = /* @__PURE__ */ createSolidComponent('taro-checkbox-core');
+const CheckboxGroup = /* @__PURE__ */ createSolidComponent('taro-checkbox-group-core');
+const Editor = /* @__PURE__ */ createSolidComponent('taro-editor-core');
+const Form = /* @__PURE__ */ createSolidComponent('taro-form-core');
+const Input = /* @__PURE__ */ createSolidComponent('taro-input-core');
+const KeyboardAccessory = /* @__PURE__ */ createSolidComponent('taro-keyboard-accessory-core');
+const Label = /* @__PURE__ */ createSolidComponent('taro-label-core');
+const Picker = /* @__PURE__ */ createSolidComponent('taro-picker-core');
+const PickerView = /* @__PURE__ */ createSolidComponent('taro-picker-view-core');
+const PickerViewColumn = /* @__PURE__ */ createSolidComponent('taro-picker-view-column-core');
+const Radio = /* @__PURE__ */ createSolidComponent('taro-radio-core');
+const RadioGroup = /* @__PURE__ */ createSolidComponent('taro-radio-group-core');
+const Slider = /* @__PURE__ */ createSolidComponent('taro-slider-core');
+const Switch = /* @__PURE__ */ createSolidComponent('taro-switch-core');
+const Textarea = /* @__PURE__ */ createSolidComponent('taro-textarea-core');
+// 导航
+const FunctionalPageNavigator = /* @__PURE__ */ createSolidComponent('taro-functional-page-navigator-core');
+const Navigator = /* @__PURE__ */ createSolidComponent('taro-navigator-core');
+const NavigationBar = /* @__PURE__ */ createSolidComponent('taro-navigation-bar-core');
+// 媒体组件
+const Audio = /* @__PURE__ */ createSolidComponent('taro-audio-core');
+const Camera = /* @__PURE__ */ createSolidComponent('taro-camera-core');
+const Image = /* @__PURE__ */ createSolidComponent('taro-image-core');
+const LivePlayer = /* @__PURE__ */ createSolidComponent('taro-live-player-core');
+const LivePusher = /* @__PURE__ */ createSolidComponent('taro-live-pusher-core');
+const Video = /* @__PURE__ */ createSolidComponent('taro-video-core');
+const VoipRoom = /* @__PURE__ */ createSolidComponent('taro-voip-room-core');
+// 地图
+const Map = /* @__PURE__ */ createSolidComponent('taro-map-core');
+// 画布
+const Canvas = /* @__PURE__ */ createSolidComponent('taro-canvas-core');
+// 开放能力
+const Ad = /* @__PURE__ */ createSolidComponent('taro-ad-core');
+const AdCustom = /* @__PURE__ */ createSolidComponent('taro-ad-custom-core');
+const OfficialAccount = /* @__PURE__ */ createSolidComponent('taro-official-account-core');
+const OpenData = /* @__PURE__ */ createSolidComponent('taro-open-data-core');
+const WebView = /* @__PURE__ */ createSolidComponent('taro-web-view-core');
+// 页面属性配置节点
+const PageMeta = /* @__PURE__ */ createSolidComponent('taro-page-meta-core');
+// 其他
+const Block = Fragment;
+const CustomWrapper = /* @__PURE__ */ createSolidComponent('taro-custom-wrapper-core');
+
+export { Ad, AdCustom, Audio, Block, Button, Camera, Canvas, Checkbox, CheckboxGroup, CoverImage, CoverView, CustomWrapper, Editor, Form, FunctionalPageNavigator, Icon, Image, Input, KeyboardAccessory, Label, LivePlayer, LivePusher, Map, MatchMedia, MovableArea, MovableView, NavigationBar, Navigator, OfficialAccount, OpenData, PageContainer, PageMeta, Picker, PickerView, PickerViewColumn, Progress, Radio, RadioGroup, RichText, RootPortal, ScrollView, ShareElement, Slider, Swiper, SwiperItem, Switch, Text, Textarea, Video, View, VoipRoom, WebView };
+//# sourceMappingURL=index.js.map

package/lib/solid/component-lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../taro-components-library-solid/src/component-lib/index.ts"],"sourcesContent":["import { Fragment } from 'solid-js/h/jsx-runtime'\n\nimport { createSolidComponent } from '../solid-component-lib'\n\n// 视图容器\nexport const CoverImage = /* @__PURE__ */ createSolidComponent('taro-cover-image-core')\nexport const CoverView = /* @__PURE__ */ createSolidComponent('taro-cover-view-core')\nexport const MatchMedia = /* @__PURE__ */ createSolidComponent('taro-match-media-core')\nexport const MovableArea = /* @__PURE__ */ createSolidComponent('taro-movable-area-core')\nexport const MovableView = /* @__PURE__ */ createSolidComponent('taro-movable-view-core')\nexport const PageContainer = /* @__PURE__ */ createSolidComponent('taro-page-container-core')\nexport const RootPortal = /* @__PURE__ */ createSolidComponent('taro-root-portal-core')\nexport const ScrollView = /* @__PURE__ */ createSolidComponent('taro-scroll-view-core')\nexport const ShareElement = /* @__PURE__ */ createSolidComponent('taro-share-element-core')\nexport const Swiper = /* @__PURE__ */ createSolidComponent('taro-swiper-core')\nexport const SwiperItem = /* @__PURE__ */ createSolidComponent('taro-swiper-item-core')\nexport const View = /* @__PURE__ */ createSolidComponent('taro-view-core')\n\n// 基础内容\nexport const Icon = /* @__PURE__ */ createSolidComponent('taro-icon-core')\nexport const Progress = /* @__PURE__ */ createSolidComponent('taro-progress-core')\nexport const RichText = /* @__PURE__ */ createSolidComponent('taro-rich-text-core')\nexport const Text = /* @__PURE__ */ createSolidComponent('taro-text-core')\n\n// 表单组件\nexport const Button = /* @__PURE__ */ createSolidComponent('taro-button-core')\nexport const Checkbox = /* @__PURE__ */ createSolidComponent('taro-checkbox-core')\nexport const CheckboxGroup = /* @__PURE__ */ createSolidComponent('taro-checkbox-group-core')\nexport const Editor = /* @__PURE__ */ createSolidComponent('taro-editor-core')\nexport const Form = /* @__PURE__ */ createSolidComponent('taro-form-core')\nexport const Input = /* @__PURE__ */ createSolidComponent('taro-input-core')\nexport const KeyboardAccessory = /* @__PURE__ */ createSolidComponent('taro-keyboard-accessory-core')\nexport const Label = /* @__PURE__ */ createSolidComponent('taro-label-core')\nexport const Picker = /* @__PURE__ */ createSolidComponent('taro-picker-core')\nexport const PickerView = /* @__PURE__ */ createSolidComponent('taro-picker-view-core')\nexport const PickerViewColumn = /* @__PURE__ */ createSolidComponent('taro-picker-view-column-core')\nexport const Radio = /* @__PURE__ */ createSolidComponent('taro-radio-core')\nexport const RadioGroup = /* @__PURE__ */ createSolidComponent('taro-radio-group-core')\nexport const Slider = /* @__PURE__ */ createSolidComponent('taro-slider-core')\nexport const Switch = /* @__PURE__ */ createSolidComponent('taro-switch-core')\nexport const Textarea = /* @__PURE__ */ createSolidComponent('taro-textarea-core')\n\n// 导航\nexport const FunctionalPageNavigator = /* @__PURE__ */ createSolidComponent('taro-functional-page-navigator-core')\nexport const Navigator = /* @__PURE__ */ createSolidComponent('taro-navigator-core')\nexport const NavigationBar = /* @__PURE__ */ createSolidComponent('taro-navigation-bar-core')\n\n// 媒体组件\nexport const Audio = /* @__PURE__ */ createSolidComponent('taro-audio-core')\nexport const Camera = /* @__PURE__ */ createSolidComponent('taro-camera-core')\nexport const Image = /* @__PURE__ */ createSolidComponent('taro-image-core')\nexport const LivePlayer = /* @__PURE__ */ createSolidComponent('taro-live-player-core')\nexport const LivePusher = /* @__PURE__ */ createSolidComponent('taro-live-pusher-core')\nexport const Video = /* @__PURE__ */ createSolidComponent('taro-video-core')\nexport const VoipRoom = /* @__PURE__ */ createSolidComponent('taro-voip-room-core')\n\n// 地图\nexport const Map = /* @__PURE__ */ createSolidComponent('taro-map-core')\n\n// 画布\nexport const Canvas = /* @__PURE__ */ createSolidComponent('taro-canvas-core')\n\n// 开放能力\nexport const Ad = /* @__PURE__ */ createSolidComponent('taro-ad-core')\nexport const AdCustom = /* @__PURE__ */ createSolidComponent('taro-ad-custom-core')\nexport const OfficialAccount = /* @__PURE__ */ createSolidComponent('taro-official-account-core')\nexport const OpenData = /* @__PURE__ */ createSolidComponent('taro-open-data-core')\nexport const WebView = /* @__PURE__ */ createSolidComponent('taro-web-view-core')\n\n// 页面属性配置节点\nexport const PageMeta = /* @__PURE__ */ createSolidComponent('taro-page-meta-core')\n\n// 其他\nexport const Block = Fragment\nexport const CustomWrapper = /* @__PURE__ */ createSolidComponent('taro-custom-wrapper-core')\n"],"names":[],"mappings":";;;;AAIA;AACa,MAAA,UAAU,mBAAmB,oBAAoB,CAAC,uBAAuB,EAAC;AAC1E,MAAA,SAAS,mBAAmB,oBAAoB,CAAC,sBAAsB,EAAC;AACxE,MAAA,UAAU,mBAAmB,oBAAoB,CAAC,uBAAuB,EAAC;AAC1E,MAAA,WAAW,mBAAmB,oBAAoB,CAAC,wBAAwB,EAAC;AAC5E,MAAA,WAAW,mBAAmB,oBAAoB,CAAC,wBAAwB,EAAC;AAC5E,MAAA,aAAa,mBAAmB,oBAAoB,CAAC,0BAA0B,EAAC;AAChF,MAAA,UAAU,mBAAmB,oBAAoB,CAAC,uBAAuB,EAAC;AAC1E,MAAA,UAAU,mBAAmB,oBAAoB,CAAC,uBAAuB,EAAC;AAC1E,MAAA,YAAY,mBAAmB,oBAAoB,CAAC,yBAAyB,EAAC;AAC9E,MAAA,MAAM,mBAAmB,oBAAoB,CAAC,kBAAkB,EAAC;AACjE,MAAA,UAAU,mBAAmB,oBAAoB,CAAC,uBAAuB,EAAC;AAC1E,MAAA,IAAI,mBAAmB,oBAAoB,CAAC,gBAAgB,EAAC;AAE1E;AACa,MAAA,IAAI,mBAAmB,oBAAoB,CAAC,gBAAgB,EAAC;AAC7D,MAAA,QAAQ,mBAAmB,oBAAoB,CAAC,oBAAoB,EAAC;AACrE,MAAA,QAAQ,mBAAmB,oBAAoB,CAAC,qBAAqB,EAAC;AACtE,MAAA,IAAI,mBAAmB,oBAAoB,CAAC,gBAAgB,EAAC;AAE1E;AACa,MAAA,MAAM,mBAAmB,oBAAoB,CAAC,kBAAkB,EAAC;AACjE,MAAA,QAAQ,mBAAmB,oBAAoB,CAAC,oBAAoB,EAAC;AACrE,MAAA,aAAa,mBAAmB,oBAAoB,CAAC,0BAA0B,EAAC;AAChF,MAAA,MAAM,mBAAmB,oBAAoB,CAAC,kBAAkB,EAAC;AACjE,MAAA,IAAI,mBAAmB,oBAAoB,CAAC,gBAAgB,EAAC;AAC7D,MAAA,KAAK,mBAAmB,oBAAoB,CAAC,iBAAiB,EAAC;AAC/D,MAAA,iBAAiB,mBAAmB,oBAAoB,CAAC,8BAA8B,EAAC;AACxF,MAAA,KAAK,mBAAmB,oBAAoB,CAAC,iBAAiB,EAAC;AAC/D,MAAA,MAAM,mBAAmB,oBAAoB,CAAC,kBAAkB,EAAC;AACjE,MAAA,UAAU,mBAAmB,oBAAoB,CAAC,uBAAuB,EAAC;AAC1E,MAAA,gBAAgB,mBAAmB,oBAAoB,CAAC,8BAA8B,EAAC;AACvF,MAAA,KAAK,mBAAmB,oBAAoB,CAAC,iBAAiB,EAAC;AAC/D,MAAA,UAAU,mBAAmB,oBAAoB,CAAC,uBAAuB,EAAC;AAC1E,MAAA,MAAM,mBAAmB,oBAAoB,CAAC,kBAAkB,EAAC;AACjE,MAAA,MAAM,mBAAmB,oBAAoB,CAAC,kBAAkB,EAAC;AACjE,MAAA,QAAQ,mBAAmB,oBAAoB,CAAC,oBAAoB,EAAC;AAElF;AACa,MAAA,uBAAuB,mBAAmB,oBAAoB,CAAC,qCAAqC,EAAC;AACrG,MAAA,SAAS,mBAAmB,oBAAoB,CAAC,qBAAqB,EAAC;AACvE,MAAA,aAAa,mBAAmB,oBAAoB,CAAC,0BAA0B,EAAC;AAE7F;AACa,MAAA,KAAK,mBAAmB,oBAAoB,CAAC,iBAAiB,EAAC;AAC/D,MAAA,MAAM,mBAAmB,oBAAoB,CAAC,kBAAkB,EAAC;AACjE,MAAA,KAAK,mBAAmB,oBAAoB,CAAC,iBAAiB,EAAC;AAC/D,MAAA,UAAU,mBAAmB,oBAAoB,CAAC,uBAAuB,EAAC;AAC1E,MAAA,UAAU,mBAAmB,oBAAoB,CAAC,uBAAuB,EAAC;AAC1E,MAAA,KAAK,mBAAmB,oBAAoB,CAAC,iBAAiB,EAAC;AAC/D,MAAA,QAAQ,mBAAmB,oBAAoB,CAAC,qBAAqB,EAAC;AAEnF;AACa,MAAA,GAAG,mBAAmB,oBAAoB,CAAC,eAAe,EAAC;AAExE;AACa,MAAA,MAAM,mBAAmB,oBAAoB,CAAC,kBAAkB,EAAC;AAE9E;AACa,MAAA,EAAE,mBAAmB,oBAAoB,CAAC,cAAc,EAAC;AACzD,MAAA,QAAQ,mBAAmB,oBAAoB,CAAC,qBAAqB,EAAC;AACtE,MAAA,eAAe,mBAAmB,oBAAoB,CAAC,4BAA4B,EAAC;AACpF,MAAA,QAAQ,mBAAmB,oBAAoB,CAAC,qBAAqB,EAAC;AACtE,MAAA,OAAO,mBAAmB,oBAAoB,CAAC,oBAAoB,EAAC;AAEjF;AACa,MAAA,QAAQ,mBAAmB,oBAAoB,CAAC,qBAAqB,EAAC;AAEnF;AACO,MAAM,KAAK,GAAG,SAAQ;AAChB,MAAA,aAAa,mBAAmB,oBAAoB,CAAC,0BAA0B;;;;"}