npm - @tarojs/components - Versions diffs - 4.0.0-beta.82 → 4.0.0-beta.83 - Mend

@tarojs/components 4.0.0-beta.82 → 4.0.0-beta.83

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (554) hide show

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

@@ -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 CHANGED Viewed

@@ -1,5 +1,5 @@
-declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
-declare const isCoveredByReact: (__eventNameSuffix: string) => boolean;
+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;
 }
@@ -12,7 +12,7 @@ declare namespace EventCenter {
 type HTMLElementWithEvents = HTMLElement & {
     __events?: EventCenter;
 };
-declare const syncEvent: (node: HTMLElementWithEvents, eventName: string, newEventHandler?: (e: Event) => any) => void;
-declare const attachProps: (node: HTMLElementWithEvents, newProps: any, oldProps?: any) => void;
-declare function applyUnControlledDefaultValue(node: HTMLElementWithEvents, props: any): void;
-export { getClassName, isCoveredByReact, syncEvent, attachProps, applyUnControlledDefaultValue };
+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 CHANGED Viewed

@@ -79,8 +79,8 @@ function finishedEventHandler(node) {
 const syncEvent = (node, eventName, newEventHandler) => {
     const eventStore = node.__events || (node.__events = {});
     const oldEventHandler = eventStore[eventName];
-    if (!newEventHandler && oldEventHandler) {
-        node.removeEventListener(eventName, oldEventHandler);
+    if (!newEventHandler) {
+        oldEventHandler && node.removeEventListener(eventName, oldEventHandler);
     }
     else {
         if (oldEventHandler) {

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

	@@ -1 +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 { 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 && oldEventHandler) {\n 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":"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"}
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 { 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":"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"}

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

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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.map CHANGED Viewed

	@@ -1 +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;;;;"}
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;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/vue3/component-lib/createComponent.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-declare function createComponent(name: any, classNames?: any[]): {
+export default function createComponent(name: any, classNames?: any[]): {
     emits: string[];
     setup(__props: any, { slots, emit }: {
         slots: any;
@@ -7,4 +7,3 @@ declare function createComponent(name: any, classNames?: any[]): {
         [key: string]: any;
     }>;
 };
-export { createComponent as default };

package/lib/vue3/component-lib/createFormsComponent.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-declare function createFormsComponent(name: any, eventName: any, modelValue?: string, classNames?: any[]): {
+export default function createFormsComponent(name: any, eventName: any, modelValue?: string, classNames?: any[]): {
     emits: string[];
     props: Record<string, any>;
     setup(props: any, { slots, emit }: {
@@ -8,4 +8,3 @@ declare function createFormsComponent(name: any, eventName: any, modelValue?: st
         [key: string]: any;
     }>;
 };
-export { createFormsComponent as default };

package/lib/vue3/component-lib/createFormsComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"createFormsComponent.js","sources":["../../../../taro-components-library-vue3/src/component-lib/createFormsComponent.ts"],"sourcesContent":["import { computed, h, toRefs } from 'vue'\n\nimport { useForwardRef } from './forwardRef'\n\nexport default function createFormsComponent (name, eventName, modelValue = 'value', classNames = []) {\n const props: Record<string, any> = {\n modelValue: null\n }\n if (name === 'taro-input') {\n props.focus = Boolean\n }\n\n return {\n emits: ['tap', 'update:modelValue'],\n props,\n setup (props, { slots, emit }) {\n const { modelValue: model, focus } = toRefs(props)\n\n const attrs = computed(() => {\n return name === 'taro-input'\n ? {\n [modelValue]: model.value,\n 'auto-focus': focus.value\n }\n : {\n [modelValue]: model.value\n }\n })\n\n const forwardRef = useForwardRef()\n\n return () => (\n h(\n `${name}-core`,\n {\n ref: forwardRef,\n class: ['hydrated', ...classNames],\n ...attrs.value,\n onClick (e) {\n emit('tap', e)\n },\n [`on${eventName}`] (e) {\n emit('update:modelValue', e.detail.value)\n }\n },\n slots\n )\n )\n }\n }\n}\n"],"names":[],"mappings":";;;AAIwB,SAAA,oBAAoB,CAAE,IAAI,EAAE,SAAS,EAAE,UAAU,GAAG,OAAO,EAAE,UAAU,GAAG,EAAE,EAAA;AAClG,IAAA,MAAM,KAAK,GAAwB;AACjC,QAAA,UAAU,EAAE,IAAI;KACjB,CAAA;~~IACD~~,IAAI,IAAI,KAAK,YAAY,EAAE;AACzB,QAAA,KAAK,CAAC,KAAK,GAAG,OAAO,CAAA;~~AACtB,KAAA~~;IAED,OAAO;AACL,QAAA,KAAK,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC;QACnC,KAAK;AACL,QAAA,KAAK,CAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;AAC3B,YAAA,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;AAElD,YAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAK;gBAC1B,OAAO,IAAI,KAAK,YAAY;AAC1B,sBAAE;AACA,wBAAA,CAAC,UAAU,GAAG,KAAK,CAAC,KAAK;wBACzB,YAAY,EAAE,KAAK,CAAC,KAAK;AAC1B,qBAAA;AACD,sBAAE;AACA,wBAAA,CAAC,UAAU,GAAG,KAAK,CAAC,KAAK;qBAC1B,CAAA;AACL,aAAC,CAAC,CAAA;AAEF,YAAA,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;AAElC,YAAA,OAAO,OACL,CAAC,CACC,CAAG,EAAA,IAAI,CAAO,KAAA,CAAA,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAEZ,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,CAAC,UAAU,EAAE,GAAG,UAAU,CAAC,EAC/B,EAAA,KAAK,CAAC,KAAK,CACd,EAAA,EAAA,OAAO,CAAE,CAAC,EAAA;AACR,oBAAA,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;iBACf;AACD,gBAAA,CAAC,CAAK,EAAA,EAAA,SAAS,CAAE,CAAA,CAAC,CAAE,CAAC,EAAA;oBACnB,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;AAC3C,iBAAC,EAEH,CAAA,EAAA,KAAK,CACN,CACF,CAAA;SACF;KACF,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"createFormsComponent.js","sources":["../../../../taro-components-library-vue3/src/component-lib/createFormsComponent.ts"],"sourcesContent":["import { computed, h, toRefs } from 'vue'\n\nimport { useForwardRef } from './forwardRef'\n\nexport default function createFormsComponent (name, eventName, modelValue = 'value', classNames = []) {\n const props: Record<string, any> = {\n modelValue: null\n }\n if (name === 'taro-input') {\n props.focus = Boolean\n }\n\n return {\n emits: ['tap', 'update:modelValue'],\n props,\n setup (props, { slots, emit }) {\n const { modelValue: model, focus } = toRefs(props)\n\n const attrs = computed(() => {\n return name === 'taro-input'\n ? {\n [modelValue]: model.value,\n 'auto-focus': focus.value\n }\n : {\n [modelValue]: model.value\n }\n })\n\n const forwardRef = useForwardRef()\n\n return () => (\n h(\n `${name}-core`,\n {\n ref: forwardRef,\n class: ['hydrated', ...classNames],\n ...attrs.value,\n onClick (e) {\n emit('tap', e)\n },\n [`on${eventName}`] (e) {\n emit('update:modelValue', e.detail.value)\n }\n },\n slots\n )\n )\n }\n }\n}\n"],"names":[],"mappings":";;;AAIwB,SAAA,oBAAoB,CAAE,IAAI,EAAE,SAAS,EAAE,UAAU,GAAG,OAAO,EAAE,UAAU,GAAG,EAAE,EAAA;AAClG,IAAA,MAAM,KAAK,GAAwB;AACjC,QAAA,UAAU,EAAE,IAAI;KACjB,CAAA;AACD,IAAA,IAAI,IAAI,KAAK,YAAY,EAAE;AACzB,QAAA,KAAK,CAAC,KAAK,GAAG,OAAO,CAAA;KACtB;IAED,OAAO;AACL,QAAA,KAAK,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC;QACnC,KAAK;AACL,QAAA,KAAK,CAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;AAC3B,YAAA,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;AAElD,YAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAK;gBAC1B,OAAO,IAAI,KAAK,YAAY;AAC1B,sBAAE;AACA,wBAAA,CAAC,UAAU,GAAG,KAAK,CAAC,KAAK;wBACzB,YAAY,EAAE,KAAK,CAAC,KAAK;AAC1B,qBAAA;AACD,sBAAE;AACA,wBAAA,CAAC,UAAU,GAAG,KAAK,CAAC,KAAK;qBAC1B,CAAA;AACL,aAAC,CAAC,CAAA;AAEF,YAAA,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;AAElC,YAAA,OAAO,OACL,CAAC,CACC,CAAG,EAAA,IAAI,CAAO,KAAA,CAAA,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAEZ,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,CAAC,UAAU,EAAE,GAAG,UAAU,CAAC,EAC/B,EAAA,KAAK,CAAC,KAAK,CACd,EAAA,EAAA,OAAO,CAAE,CAAC,EAAA;AACR,oBAAA,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;iBACf;AACD,gBAAA,CAAC,CAAK,EAAA,EAAA,SAAS,CAAE,CAAA,CAAC,CAAE,CAAC,EAAA;oBACnB,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;AAC3C,iBAAC,EAEH,CAAA,EAAA,KAAK,CACN,CACF,CAAA;SACF;KACF,CAAA;AACH;;;;"}

package/lib/vue3/component-lib/forwardRef.d.ts CHANGED Viewed

@@ -1,2 +1 @@
-declare function useForwardRef(): (ref: any) => void;
-export { useForwardRef };
+export declare function useForwardRef(): (ref: any) => void;

package/lib/vue3/component-lib/icon.d.ts CHANGED Viewed

@@ -8,4 +8,4 @@ declare const _default: {
         [key: string]: any;
     }>;
 };
-export { _default as default };
+export default _default;

package/lib/vue3/component-lib/image.d.ts CHANGED Viewed

@@ -8,4 +8,4 @@ declare const _default: {
         [key: string]: any;
     }>;
 };
-export { _default as default };
+export default _default;