@tarojs/components 4.0.0-beta.87 → 4.0.0-beta.89

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

@@ -1,10 +0,0 @@
-import { Component, JSX } from 'solid-js';
-export interface HTMLStencilElement extends HTMLElement {
-    componentOnReady(): Promise<this>;
-}
-export type StencilSolidInternalProps<ElementType> = JSX.DOMAttributes<ElementType>;
-export interface ComponentSupplementaryTypes {
-    style?: JSX.CSSProperties;
-    slot?: string;
-}
-export declare const createSolidComponent: <PropType, ElementType extends HTMLStencilElement, ExpandedPropsTypes = any>(tagName: string, manipulatePropsFunction?: (originalProps: StencilSolidInternalProps<ElementType>, newProps: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => Component<PropType & JSX.DOMAttributes<ElementType> & ComponentSupplementaryTypes>;

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

@@ -1,67 +0,0 @@
-import { isFunction } from '@tarojs/shared';
-import { splitProps, mergeProps } from 'solid-js';
-import h from 'solid-js/h';
-import { effect, memo } from 'solid-js/web';
-import './utils/index.js';
-import { syncAttribute, syncEvent } from './utils/element.js';
-import { isPropNameAnEvent, isReactiveKey, camelToDashCase } from './utils/case.js';
-
-function setReactiveProps(node, getterObj) {
-    effect(() => {
-        for (const key in getterObj) {
-            syncAttribute(node, key, getterObj[key]);
-        }
-    });
-}
-function syncEvents(node, eventsMap) {
-    for (const [key, value] of eventsMap) {
-        syncEvent(node, key, value);
-    }
-}
-const createSolidComponent = (tagName, manipulatePropsFunction, defineCustomElement) => {
-    if (defineCustomElement !== undefined) {
-        defineCustomElement();
-    }
-    function SolidComponentWrapper(props) {
-        const [local, other] = splitProps(props, ['children', 'ref']);
-        const eventsMap = new Map();
-        const reactiveKeys = [];
-        const getUnTrackProps = (_props) => {
-            let propsToPass = {};
-            for (const key in _props) {
-                if (!_props.hasOwnProperty(key)) {
-                    continue;
-                }
-                if (isPropNameAnEvent(key)) {
-                    eventsMap.set(key, _props[key]);
-                    continue;
-                }
-                if (isReactiveKey(_props, key)) {
-                    reactiveKeys.push(key);
-                    continue;
-                }
-                const propValue = _props[key];
-                propsToPass[camelToDashCase(key)] = propValue;
-            }
-            if (manipulatePropsFunction !== undefined) {
-                propsToPass = manipulatePropsFunction(_props, propsToPass);
-            }
-            return propsToPass;
-        };
-        const unTrackProps = getUnTrackProps(other);
-        const [reactiveProps] = splitProps(other, reactiveKeys);
-        const _mergeProps = mergeProps(unTrackProps, {
-            ref: (element) => {
-                if (local.ref && isFunction(local.ref))
-                    local.ref(element);
-                syncEvents(element, eventsMap);
-                setReactiveProps(element, reactiveProps);
-            }
-        });
-        return memo(() => h(tagName, _mergeProps, local.children), true);
-    }
-    return SolidComponentWrapper;
-};
-
-export { createSolidComponent };
-//# sourceMappingURL=createComponent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"createComponent.js","sources":["../../../../taro-components-library-solid/src/solid-component-lib/createComponent.tsx"],"sourcesContent":["import { isFunction } from '@tarojs/shared'\nimport { Component, JSX, mergeProps, splitProps } from 'solid-js'\nimport h from 'solid-js/h'\nimport { effect as _$effect, memo } from 'solid-js/web'\n\nimport { camelToDashCase, isPropNameAnEvent, isReactiveKey, syncAttribute, syncEvent } from './utils'\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>\n}\n\nexport type StencilSolidInternalProps<ElementType> = JSX.DOMAttributes<ElementType>\n\nexport interface ComponentSupplementaryTypes {\n  style?: JSX.CSSProperties\n  slot?: string\n}\n\nfunction setReactiveProps(node: HTMLElement, getterObj: Record<string, any>) {\n  _$effect(() => {\n    for (const key in getterObj) {\n      syncAttribute(node, key, getterObj[key])\n    }\n  })\n}\n\nfunction syncEvents(node: HTMLElement, eventsMap: Map<string, () => void>) {\n  for (const [key, value] of eventsMap) {\n    syncEvent(node, key, value)\n  }\n}\n\nexport const createSolidComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ExpandedPropsTypes = any\n>(\n  tagName: string,\n  manipulatePropsFunction?: (\n    originalProps: StencilSolidInternalProps<ElementType>,\n    newProps: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void,\n): Component<PropType & JSX.DOMAttributes<ElementType> & ComponentSupplementaryTypes> => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement()\n  }\n\n  function SolidComponentWrapper(props: { children: JSX.Element } & any) {\n    const [local, other] = splitProps(props, ['children', 'ref'])\n    const eventsMap = new Map()\n    const reactiveKeys = []\n    const getUnTrackProps = (_props: Record<string, any>) => {\n      let propsToPass: typeof props = {}\n      for (const key in _props) {\n        if (!_props.hasOwnProperty(key)) {\n          continue\n        }\n        if (isPropNameAnEvent(key)) {\n          eventsMap.set(key, _props[key])\n          continue\n        }\n        if (isReactiveKey(_props, key)) {\n          reactiveKeys.push(key)\n          continue\n        }\n        const propValue = _props[key]\n        propsToPass[camelToDashCase(key)] = propValue\n      }\n      if (manipulatePropsFunction !== undefined) {\n        propsToPass = manipulatePropsFunction(_props, propsToPass)\n      }\n      return propsToPass\n    }\n\n    const unTrackProps = getUnTrackProps(other)\n    const [reactiveProps] = splitProps(other, reactiveKeys)\n\n    const _mergeProps = mergeProps(unTrackProps, {\n      ref: (element: HTMLElement) => {\n        if (local.ref && isFunction(local.ref)) local.ref(element)\n        syncEvents(element, eventsMap)\n        setReactiveProps(element, reactiveProps)\n      }\n    })\n\n    return memo(() => h(tagName, _mergeProps, local.children), true)\n  }\n\n  return SolidComponentWrapper as any\n}\n"],"names":["_$effect"],"mappings":";;;;;;;;AAkBA,SAAS,gBAAgB,CAAC,IAAiB,EAAE,SAA8B,EAAA;IACzEA,MAAQ,CAAC,MAAK;AACZ,QAAA,KAAK,MAAM,GAAG,IAAI,SAAS,EAAE;YAC3B,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAA;SACzC;AACH,KAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,IAAiB,EAAE,SAAkC,EAAA;IACvE,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,SAAS,EAAE;AACpC,QAAA,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;KAC5B;AACH,CAAC;AAEY,MAAA,oBAAoB,GAAG,CAKlC,OAAe,EACf,uBAGuB,EACvB,mBAAgC,KACsD;AACtF,IAAA,IAAI,mBAAmB,KAAK,SAAS,EAAE;AACrC,QAAA,mBAAmB,EAAE,CAAA;KACtB;IAED,SAAS,qBAAqB,CAAC,KAAsC,EAAA;AACnE,QAAA,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAA;AAC7D,QAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAE,CAAA;QAC3B,MAAM,YAAY,GAAG,EAAE,CAAA;AACvB,QAAA,MAAM,eAAe,GAAG,CAAC,MAA2B,KAAI;YACtD,IAAI,WAAW,GAAiB,EAAE,CAAA;AAClC,YAAA,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE;gBACxB,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE;oBAC/B,SAAQ;iBACT;AACD,gBAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,EAAE;oBAC1B,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;oBAC/B,SAAQ;iBACT;AACD,gBAAA,IAAI,aAAa,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE;AAC9B,oBAAA,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;oBACtB,SAAQ;iBACT;AACD,gBAAA,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;gBAC7B,WAAW,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAA;aAC9C;AACD,YAAA,IAAI,uBAAuB,KAAK,SAAS,EAAE;AACzC,gBAAA,WAAW,GAAG,uBAAuB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;aAC3D;AACD,YAAA,OAAO,WAAW,CAAA;AACpB,SAAC,CAAA;AAED,QAAA,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;QAC3C,MAAM,CAAC,aAAa,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,YAAY,CAAC,CAAA;AAEvD,QAAA,MAAM,WAAW,GAAG,UAAU,CAAC,YAAY,EAAE;AAC3C,YAAA,GAAG,EAAE,CAAC,OAAoB,KAAI;gBAC5B,IAAI,KAAK,CAAC,GAAG,IAAI,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC;AAAE,oBAAA,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;AAC1D,gBAAA,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;AAC9B,gBAAA,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;aACzC;AACF,SAAA,CAAC,CAAA;AAEF,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAA;KACjE;AAED,IAAA,OAAO,qBAA4B,CAAA;AACrC;;;;"}

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

@@ -1 +0,0 @@
-export { createSolidComponent } from './createComponent';

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

@@ -1,2 +0,0 @@
-export { createSolidComponent } from './createComponent.js';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,3 +0,0 @@
-export declare const camelToDashCase: (str: string) => string;
-export declare const isPropNameAnEvent: (propName: string) => boolean;
-export declare const isReactiveKey: <T extends Record<string, any>>(obj: T, key: keyof T) => () => any;

package/lib/solid/solid-component-lib/utils/case.js

@@ -1,6 +0,0 @@
-const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
-const isPropNameAnEvent = (propName) => propName.startsWith('on') && propName[2] === propName[2].toUpperCase();
-const isReactiveKey = (obj, key) => Object.getOwnPropertyDescriptor(obj, key).get;
-
-export { camelToDashCase, isPropNameAnEvent, isReactiveKey };
-//# sourceMappingURL=case.js.map

package/lib/solid/solid-component-lib/utils/case.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"case.js","sources":["../../../../../taro-components-library-solid/src/solid-component-lib/utils/case.ts"],"sourcesContent":["export const camelToDashCase = (str: string) =>\n  str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`)\n\nexport const isPropNameAnEvent = (propName: string) =>\n  propName.startsWith('on') && propName[2] === propName[2].toUpperCase()\n\nexport const isReactiveKey = <T extends Record<string, any>>(obj: T, key: keyof T) =>\n  Object.getOwnPropertyDescriptor(obj, key).get\n"],"names":[],"mappings":"AAAO,MAAM,eAAe,GAAG,CAAC,GAAW,KACzC,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAS,KAAK,CAAA,CAAA,EAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAA,CAAE,EAAC;AAE3D,MAAM,iBAAiB,GAAG,CAAC,QAAgB,KAChD,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,GAAE;MAE3D,aAAa,GAAG,CAAgC,GAAM,EAAE,GAAY,KAC/E,MAAM,CAAC,wBAAwB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;;;;"}

package/lib/solid/solid-component-lib/utils/element.d.ts

@@ -1,6 +0,0 @@
-export declare function syncEvent(el: HTMLElement & {
-    __events?: {
-        [key: string]: ((e: Event) => any) | undefined;
-    };
-}, propName: string, propValue: any): void;
-export declare function syncAttribute(el: HTMLElement, attribute: string, value: any): void;

package/lib/solid/solid-component-lib/utils/element.js

@@ -1,48 +0,0 @@
-import { isObject } from '@tarojs/shared';
-import { setAttribute } from 'solid-js/web';
-
-function syncEvent(el, propName, propValue) {
-    const eventName = propName.substring(2)[0].toLowerCase() + propName.substring(3);
-    const eventStore = el.__events || (el.__events = {});
-    const oldEventHandler = eventStore[eventName];
-    if (oldEventHandler) {
-        el.removeEventListener(eventName, oldEventHandler);
-    }
-    el.addEventListener(eventName, (eventStore[eventName] = function handler(e) {
-        if (propValue) {
-            propValue.call(this, e);
-        }
-    }));
-}
-function syncAttribute(el, attribute, value) {
-    if (attribute === 'style') {
-        if (isObject(value)) {
-            value = Object.keys(value).reduce((acc, key) => {
-                acc.push(`${key}: ${value[key]}`);
-                return acc;
-            }, []).join(';');
-        }
-        el.style.cssText = value;
-    }
-    else if (attribute === 'classList') {
-        const [addList, removeList] = [[], []];
-        if (isObject(value)) {
-            for (const k in value) {
-                if (value[k]) {
-                    addList.push(k);
-                }
-                else {
-                    removeList.push(k);
-                }
-            }
-            el.classList.add(...addList);
-            el.classList.remove(...removeList);
-        }
-    }
-    else {
-        setAttribute(el, attribute, value);
-    }
-}
-
-export { syncAttribute, syncEvent };
-//# sourceMappingURL=element.js.map

package/lib/solid/solid-component-lib/utils/element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"element.js","sources":["../../../../../taro-components-library-solid/src/solid-component-lib/utils/element.ts"],"sourcesContent":["import { isObject } from '@tarojs/shared'\nimport { setAttribute as _$setAttribute } from 'solid-js/web'\n\nexport function syncEvent(el: HTMLElement & { __events?: { [key: string]: ((e: Event) => any) | undefined } }, propName: string, propValue: any) {\n  const eventName = propName.substring(2)[0].toLowerCase() + propName.substring(3)\n\n  const eventStore = el.__events || (el.__events = {})\n  const oldEventHandler = eventStore[eventName]\n\n  if (oldEventHandler) {\n    el.removeEventListener(eventName, oldEventHandler)\n  }\n\n  el.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (propValue) {\n        propValue.call(this, e)\n      }\n    })\n  )\n}\n\nexport function syncAttribute(el: HTMLElement, attribute: string, value: any) {\n  if (attribute === 'style') {\n    if (isObject(value)) {\n      value = Object.keys(value).reduce((acc, key) => {\n        acc.push(`${key}: ${value[key]}`)\n        return acc\n      }, []).join(';')\n    }\n    el.style.cssText = value\n  } else if (attribute === 'classList') {\n    const [addList, removeList] = [[], []]\n    if (isObject<Record<string, any>>(value)) {\n      for (const k in value) {\n        if (value[k]) {\n          addList.push(k)\n        } else {\n          removeList.push(k)\n        }\n      }\n      el.classList.add(...addList)\n      el.classList.remove(...removeList)\n    }\n  } else {\n    _$setAttribute(el, attribute, value)\n  }\n}\n"],"names":["_$setAttribute"],"mappings":";;;SAGgB,SAAS,CAAC,EAAmF,EAAE,QAAgB,EAAE,SAAc,EAAA;IAC7I,MAAM,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;AAEhF,IAAA,MAAM,UAAU,GAAG,EAAE,CAAC,QAAQ,KAAK,EAAE,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAA;AACpD,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAE7C,IAAI,eAAe,EAAE;AACnB,QAAA,EAAE,CAAC,mBAAmB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAA;KACnD;AAED,IAAA,EAAE,CAAC,gBAAgB,CACjB,SAAS,GACR,UAAU,CAAC,SAAS,CAAC,GAAG,SAAS,OAAO,CAAC,CAAQ,EAAA;QAChD,IAAI,SAAS,EAAE;AACb,YAAA,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;SACxB;KACF,EACF,CAAA;AACH,CAAC;SAEe,aAAa,CAAC,EAAe,EAAE,SAAiB,EAAE,KAAU,EAAA;AAC1E,IAAA,IAAI,SAAS,KAAK,OAAO,EAAE;AACzB,QAAA,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;AACnB,YAAA,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,KAAI;AAC7C,gBAAA,GAAG,CAAC,IAAI,CAAC,CAAA,EAAG,GAAG,CAAA,EAAA,EAAK,KAAK,CAAC,GAAG,CAAC,CAAE,CAAA,CAAC,CAAA;AACjC,gBAAA,OAAO,GAAG,CAAA;aACX,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;SACjB;AACD,QAAA,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAA;KACzB;AAAM,SAAA,IAAI,SAAS,KAAK,WAAW,EAAE;QACpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;AACtC,QAAA,IAAI,QAAQ,CAAsB,KAAK,CAAC,EAAE;AACxC,YAAA,KAAK,MAAM,CAAC,IAAI,KAAK,EAAE;AACrB,gBAAA,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;AACZ,oBAAA,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;iBAChB;qBAAM;AACL,oBAAA,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;iBACnB;aACF;YACD,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,CAAA;YAC5B,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAA;SACnC;KACF;SAAM;AACL,QAAAA,YAAc,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;KACrC;AACH;;;;"}

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

@@ -1,2 +0,0 @@
-export * from './case';
-export * from './element';

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

@@ -1,3 +0,0 @@
-export { camelToDashCase, isPropNameAnEvent, isReactiveKey } from './case.js';
-export { syncAttribute, syncEvent } from './element.js';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}