@tarojs/components 3.6.0-canary.10 → 3.6.0-canary.12

package/lib/vue3/vue-component-lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../taro-components-library-vue3/src/vue-component-lib/utils.ts"],"sourcesContent":["import { VNode, defineComponent, getCurrentInstance, h, inject, ref, Ref } from 'vue';\n\nexport interface InputProps<T> {\n  modelValue?: T;\n}\n\nconst UPDATE_VALUE_EVENT = 'update:modelValue';\nconst MODEL_VALUE = 'modelValue';\nconst ROUTER_LINK_VALUE = 'routerLink';\nconst NAV_MANAGER = 'navManager';\nconst ROUTER_PROP_PREFIX = 'router';\n\n/**\n * Starting in Vue 3.1.0, all properties are\n * added as keys to the props object, even if\n * they are not being used. In order to correctly\n * account for both value props and v-model props,\n * we need to check if the key exists for Vue <3.1.0\n * and then check if it is not undefined for Vue >= 3.1.0.\n * See https://github.com/vuejs/vue-next/issues/3889\n */\nconst EMPTY_PROP = Symbol();\nconst DEFAULT_EMPTY_PROP = { default: EMPTY_PROP };\n\ninterface NavManager<T = any> {\n  navigate: (options: T) => void;\n}\n\nconst getComponentClasses = (classes: unknown) => {\n  return (classes as string)?.split(' ') || [];\n};\n\nconst getElementClasses = (ref: Ref<HTMLElement | undefined>, componentClasses: Set<string>, defaultClasses: string[] = []) => {\n  return [ ...Array.from(ref.value?.classList || []), ...defaultClasses ]\n    .filter((c: string, i, self) => !componentClasses.has(c) && self.indexOf(c) === i);\n};\n\n/**\n* Create a callback to define a Vue component wrapper around a Web Component.\n*\n* @prop name - The component tag name (i.e. `ion-button`)\n* @prop componentProps - An array of properties on the\n* component. These usually match up with the @Prop definitions\n* in each component's TSX file.\n* @prop customElement - An option custom element instance to pass\n* to customElements.define. Only set if `includeImportCustomElements: true` in your config.\n* @prop modelProp - The prop that v-model binds to (i.e. value)\n* @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)\n* @prop externalModelUpdateEvent - The external event to fire from your Vue component when modelUpdateEvent fires. This is used for ensuring that v-model references have been\n* correctly updated when a user's event callback fires.\n*/\nexport const defineContainer = <Props, VModelType=string|number|boolean>(\n  name: string,\n  defineCustomElement: any,\n  componentProps: string[] = [],\n  modelProp?: string,\n  modelUpdateEvent?: string,\n  externalModelUpdateEvent?: string\n) => {\n  /**\n  * Create a Vue component wrapper around a Web Component.\n  * Note: The `props` here are not all properties on a component.\n  * They refer to whatever properties are set on an instance of a component.\n  */\n\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const Container = defineComponent<Props & InputProps<VModelType>>((props: any, { attrs, slots, emit }) => {\n    let modelPropValue = props[modelProp];\n    const containerRef = ref<HTMLElement>();\n    const classes = new Set(getComponentClasses(attrs.class));\n    const onVnodeBeforeMount = (vnode: VNode) => {\n      // Add a listener to tell Vue to update the v-model\n      if (vnode.el) {\n        const eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];\n        eventsNames.forEach((eventName: string) => {\n          vnode.el!.addEventListener(eventName.toLowerCase(), (e: Event) => {\n            modelPropValue = (e?.target as any)[modelProp];\n            emit(UPDATE_VALUE_EVENT, modelPropValue);\n\n            /**\n             * We need to emit the change event here\n             * rather than on the web component to ensure\n             * that any v-model bindings have been updated.\n             * Otherwise, the developer will listen on the\n             * native web component, but the v-model will\n             * not have been updated yet.\n             */\n            if (externalModelUpdateEvent) {\n              emit(externalModelUpdateEvent, e);\n            }\n          });\n        });\n      }\n    };\n\n    const currentInstance = getCurrentInstance();\n    const hasRouter = currentInstance?.appContext?.provides[NAV_MANAGER];\n    const navManager: NavManager | undefined = hasRouter ? inject(NAV_MANAGER) : undefined;\n    const handleRouterLink = (ev: Event) => {\n      const { routerLink } = props;\n      if (routerLink === EMPTY_PROP) return;\n\n      if (navManager !== undefined) {\n        let navigationPayload: any = { event: ev };\n        for (const key in props) {\n          const value = props[key];\n          if (props.hasOwnProperty(key) && key.startsWith(ROUTER_PROP_PREFIX) && value !== EMPTY_PROP) {\n            navigationPayload[key] = value;\n          }\n        }\n\n        navManager.navigate(navigationPayload);\n      } else {\n        console.warn('Tried to navigate, but no router was found. Make sure you have mounted Vue Router.');\n      }\n    }\n\n    return () => {\n      modelPropValue = props[modelProp];\n\n      getComponentClasses(attrs.class).forEach(value => {\n        classes.add(value);\n      });\n\n      const oldClick = props.onClick;\n      const handleClick = (ev: Event) => {\n        if (oldClick !== undefined) {\n          oldClick(ev);\n        }\n        if (!ev.defaultPrevented) {\n          handleRouterLink(ev);\n        }\n      }\n\n      let propsToAdd: any = {\n        ref: containerRef,\n        class: getElementClasses(containerRef, classes),\n        onClick: handleClick,\n        onVnodeBeforeMount: (modelUpdateEvent) ? onVnodeBeforeMount : undefined\n      };\n\n      /**\n       * We can use Object.entries here\n       * to avoid the hasOwnProperty check,\n       * but that would require 2 iterations\n       * where as this only requires 1.\n       */\n      for (const key in props) {\n        const value = props[key];\n        if (props.hasOwnProperty(key) && value !== EMPTY_PROP) {\n          propsToAdd[key] = value;\n        }\n      }\n\n      if (modelProp) {\n        /**\n         * If form value property was set using v-model\n         * then we should use that value.\n         * Otherwise, check to see if form value property\n         * was set as a static value (i.e. no v-model).\n         */\n        if (props[MODEL_VALUE] !== EMPTY_PROP) {\n          propsToAdd = {\n            ...propsToAdd,\n            [modelProp]: props[MODEL_VALUE]\n          }\n        } else if (modelPropValue !== EMPTY_PROP) {\n          propsToAdd = {\n            ...propsToAdd,\n            [modelProp]: modelPropValue\n          }\n        }\n      }\n\n      return h(name, propsToAdd, slots.default && slots.default());\n    }\n  });\n\n  Container.displayName = name;\n\n  Container.props = {\n    [ROUTER_LINK_VALUE]: DEFAULT_EMPTY_PROP\n  };\n\n  componentProps.forEach(componentProp => {\n    Container.props[componentProp] = DEFAULT_EMPTY_PROP;\n  });\n\n  if (modelProp) {\n    Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;\n    Container.emits = [UPDATE_VALUE_EVENT, externalModelUpdateEvent];\n  }\n\n  return Container;\n};\n"],"names":[],"mappings":";;AAMA,MAAM,kBAAkB,GAAG,mBAAmB,CAAC;AAC/C,MAAM,WAAW,GAAG,YAAY,CAAC;AACjC,MAAM,iBAAiB,GAAG,YAAY,CAAC;AACvC,MAAM,WAAW,GAAG,YAAY,CAAC;AACjC,MAAM,kBAAkB,GAAG,QAAQ,CAAC;AAEpC;;;;;;;;AAQG;AACH,MAAM,UAAU,GAAG,MAAM,EAAE,CAAC;AAC5B,MAAM,kBAAkB,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;AAMnD,MAAM,mBAAmB,GAAG,CAAC,OAAgB,KAAI;AAC/C,IAAA,OAAO,CAAC,OAAkB,KAAlB,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAa,KAAK,CAAC,GAAG,CAAC,KAAI,EAAE,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,GAAiC,EAAE,gBAA6B,EAAE,cAAA,GAA2B,EAAE,KAAI;;AAC5H,IAAA,OAAO,CAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA,CAAA,EAAA,GAAA,GAAG,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,SAAS,KAAI,EAAE,CAAC,EAAE,GAAG,cAAc,CAAE;SACpE,MAAM,CAAC,CAAC,CAAS,EAAE,CAAC,EAAE,IAAI,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AACvF,CAAC,CAAC;AAEF;;;;;;;;;;;;;AAaE;AACW,MAAA,eAAe,GAAG,CAC7B,IAAY,EACZ,mBAAwB,EACxB,cAA2B,GAAA,EAAE,EAC7B,SAAkB,EAClB,gBAAyB,EACzB,wBAAiC,KAC/B;AACF;;;;AAIE;IAEF,IAAI,mBAAmB,KAAK,SAAS,EAAE;AACrC,QAAA,mBAAmB,EAAE,CAAC;AACvB,KAAA;AAED,IAAA,MAAM,SAAS,GAAG,eAAe,CAAiC,CAAC,KAAU,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAI;;AACvG,QAAA,IAAI,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;AACtC,QAAA,MAAM,YAAY,GAAG,GAAG,EAAe,CAAC;AACxC,QAAA,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAC1D,QAAA,MAAM,kBAAkB,GAAG,CAAC,KAAY,KAAI;;YAE1C,IAAI,KAAK,CAAC,EAAE,EAAE;AACZ,gBAAA,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG,gBAAgB,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAC5F,gBAAA,WAAW,CAAC,OAAO,CAAC,CAAC,SAAiB,KAAI;AACxC,oBAAA,KAAK,CAAC,EAAG,CAAC,gBAAgB,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC,CAAQ,KAAI;AAC/D,wBAAA,cAAc,GAAG,CAAC,CAAC,KAAA,IAAA,IAAD,CAAC,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAD,CAAC,CAAE,MAAc,EAAC,SAAS,CAAC,CAAC;AAC/C,wBAAA,IAAI,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;AAEzC;;;;;;;AAOG;AACH,wBAAA,IAAI,wBAAwB,EAAE;AAC5B,4BAAA,IAAI,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAC;AACnC,yBAAA;AACH,qBAAC,CAAC,CAAC;AACL,iBAAC,CAAC,CAAC;AACJ,aAAA;AACH,SAAC,CAAC;AAEF,QAAA,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;AAC7C,QAAA,MAAM,SAAS,GAAG,CAAA,EAAA,GAAA,eAAe,aAAf,eAAe,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAf,eAAe,CAAE,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAQ,CAAC,WAAW,CAAC,CAAC;AACrE,QAAA,MAAM,UAAU,GAA2B,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;AACvF,QAAA,MAAM,gBAAgB,GAAG,CAAC,EAAS,KAAI;AACrC,YAAA,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;YAC7B,IAAI,UAAU,KAAK,UAAU;gBAAE,OAAO;YAEtC,IAAI,UAAU,KAAK,SAAS,EAAE;AAC5B,gBAAA,IAAI,iBAAiB,GAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;AAC3C,gBAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AACvB,oBAAA,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;AACzB,oBAAA,IAAI,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,kBAAkB,CAAC,IAAI,KAAK,KAAK,UAAU,EAAE;AAC3F,wBAAA,iBAAiB,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChC,qBAAA;AACF,iBAAA;AAED,gBAAA,UAAU,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AACxC,aAAA;AAAM,iBAAA;AACL,gBAAA,OAAO,CAAC,IAAI,CAAC,oFAAoF,CAAC,CAAC;AACpG,aAAA;AACH,SAAC,CAAA;AAED,QAAA,OAAO,MAAK;AACV,YAAA,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;YAElC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,IAAG;AAC/C,gBAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACrB,aAAC,CAAC,CAAC;AAEH,YAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC;AAC/B,YAAA,MAAM,WAAW,GAAG,CAAC,EAAS,KAAI;gBAChC,IAAI,QAAQ,KAAK,SAAS,EAAE;oBAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC;AACd,iBAAA;AACD,gBAAA,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE;oBACxB,gBAAgB,CAAC,EAAE,CAAC,CAAC;AACtB,iBAAA;AACH,aAAC,CAAA;AAED,YAAA,IAAI,UAAU,GAAQ;AACpB,gBAAA,GAAG,EAAE,YAAY;AACjB,gBAAA,KAAK,EAAE,iBAAiB,CAAC,YAAY,EAAE,OAAO,CAAC;AAC/C,gBAAA,OAAO,EAAE,WAAW;gBACpB,kBAAkB,EAAE,CAAC,gBAAgB,IAAI,kBAAkB,GAAG,SAAS;aACxE,CAAC;AAEF;;;;;AAKG;AACH,YAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AACvB,gBAAA,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;gBACzB,IAAI,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,KAAK,KAAK,UAAU,EAAE;AACrD,oBAAA,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACzB,iBAAA;AACF,aAAA;AAED,YAAA,IAAI,SAAS,EAAE;AACb;;;;;AAKG;AACH,gBAAA,IAAI,KAAK,CAAC,WAAW,CAAC,KAAK,UAAU,EAAE;AACrC,oBAAA,UAAU,GACL,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,UAAU,CACb,EAAA,EAAA,CAAC,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,EAAA,CAChC,CAAA;AACF,iBAAA;qBAAM,IAAI,cAAc,KAAK,UAAU,EAAE;oBACxC,UAAU,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACL,UAAU,CACb,EAAA,EAAA,CAAC,SAAS,GAAG,cAAc,EAAA,CAC5B,CAAA;AACF,iBAAA;AACF,aAAA;AAED,YAAA,OAAO,CAAC,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AAC/D,SAAC,CAAA;AACH,KAAC,CAAC,CAAC;AAEH,IAAA,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC;IAE7B,SAAS,CAAC,KAAK,GAAG;QAChB,CAAC,iBAAiB,GAAG,kBAAkB;KACxC,CAAC;AAEF,IAAA,cAAc,CAAC,OAAO,CAAC,aAAa,IAAG;AACrC,QAAA,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,kBAAkB,CAAC;AACtD,KAAC,CAAC,CAAC;AAEH,IAAA,IAAI,SAAS,EAAE;AACb,QAAA,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,kBAAkB,CAAC;QAClD,SAAS,CAAC,KAAK,GAAG,CAAC,kBAAkB,EAAE,wBAAwB,CAAC,CAAC;AAClE,KAAA;AAED,IAAA,OAAO,SAAS,CAAC;AACnB;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/components",
-  "version": "3.6.0-canary.10",
+  "version": "3.6.0-canary.12",
   "description": "Taro 组件库",
   "browser": "dist/index.js",
   "main:h5": "dist/index.js",
@@ -13,6 +13,7 @@
   ],
   "files": [
     "dist",
+    "lib",
     "loader",
     "mini",
     "types",
@@ -35,9 +36,9 @@
     "resolve-pathname": "^3.0.0",
     "swiper": "6.8.0",
     "weui": "^1.1.2",
-    "@tarojs/components-advanced": "3.6.0-canary.10",
-    "@tarojs/router": "3.6.0-canary.10",
-    "@tarojs/taro": "3.6.0-canary.10"
+    "@tarojs/components-advanced": "3.6.0-canary.12",
+    "@tarojs/router": "3.6.0-canary.12",
+    "@tarojs/taro": "3.6.0-canary.12"
   },
   "devDependencies": {
     "@babel/generator": "^7.14.5",
@@ -72,13 +73,14 @@
     }
   },
   "scripts": {
+    "preinstall": "mkdir -p lib",
     "build": "cross-env NODE_ENV=production run-s build:components build:library",
     "build:components": "stencil build --config stencil.config.ts",
     "build:library": "pnpm --filter @tarojs/components-library-react --filter @tarojs/components-library-vue2 --filter @tarojs/components-library-vue3 run build:ci",
     "dev:components": "cross-env NODE_ENV=development pnpm run build:components --watch",
-    "dev:library-react": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-react run build:ci --watch",
-    "dev:library-vue2": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-vue2 run build:ci --watch",
-    "dev:library-vue3": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-vue3 run build:ci --watch",
+    "dev:library-react": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-react run dev",
+    "dev:library-vue2": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-vue2 run dev",
+    "dev:library-vue3": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-vue3 run dev",
     "test": "cross-env NODE_ENV=test stencil test --spec --e2e",
     "test:ci": "pnpm run test --ci --no-build",
     "test:coverage": "pnpm run test --ci --screenshot --coverage",

package/types/index.vue3.d.ts

@@ -84,8 +84,8 @@ interface SlimProps {
 }
 
 /** 转换 react 的类型到 vue */
-type RemoveReactAttribute = 'className' | 'style' | 'key' | 'ref' | 'dangerouslySetInnerHTML'
-type TransformReact2VueType<P extends StandardProps = Record<string, never>> = DistributiveOmit<P, RemoveReactAttribute> & SlimProps
+export type RemoveReactAttribute = 'className' | 'style' | 'key' | 'ref' | 'dangerouslySetInnerHTML'
+export type TransformReact2VueType<P extends StandardProps = Record<string, never>> = DistributiveOmit<P, RemoveReactAttribute> & SlimProps
 export type VueComponentType<P = Record<string, never>> = DefineComponent<TransformReact2VueType<P>>
 
 export * from './common'
@@ -156,14 +156,14 @@ export declare const PageMeta: VueComponentType<PageMetaProps>
 export declare const CustomWrapper: VueComponentType<CustomWrapperProps>
 export declare const Slot: VueComponentType<SlotProps>
 
-type ReservedProps = {
+export type ReservedProps = {
   key?: string | number | symbol
   ref?: VNodeRef
   ref_for?: boolean
   ref_key?: string
 }
 
-type ElementAttrs<T> = T & ReservedProps
+export type ElementAttrs<T> = T & ReservedProps
 
 declare global {
   namespace JSX {

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

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

package/dist/react/component-lib/input.js

@@ -1,17 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import reactifyWc from './reactify-wc';
-var Input = reactifyWc('taro-input-core');
-var h = React.createElement;
-
-// eslint-disable-next-line react/display-name
-export default /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var args = _objectSpread({}, props);
-  if (args.hasOwnProperty('focus')) {
-    args.autoFocus = Boolean(args.focus);
-    delete args.focus;
-  }
-  return h(Input, _objectSpread(_objectSpread({}, args), {}, {
-    ref: ref
-  }));
-});

package/dist/react/component-lib/reactify-wc.js

@@ -1,206 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-/**
- * https://github.com/BBKolton/reactify-wc/
- * modified event naming
- **/
-import React, { createElement, createRef } from 'react';
-var h = React.createElement;
-var SCROLL_VIEW = 'taro-scroll-view-core';
-var IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
-
-// 为了不要覆盖 wc 中 host 内置的 class 和 stencil 加入的 class
-function getClassName(wc, prevProps, props) {
-  var classList = Array.from(wc.classList);
-  var oldClassNames = (prevProps.className || prevProps.class || '').split(' ');
-  var incomingClassNames = (props.className || props.class || '').split(' ');
-  var finalClassNames = [];
-  classList.forEach(function (classname) {
-    if (incomingClassNames.indexOf(classname) > -1) {
-      finalClassNames.push(classname);
-      incomingClassNames = incomingClassNames.filter(function (name) {
-        return name !== classname;
-      });
-    } else if (oldClassNames.indexOf(classname) === -1) {
-      finalClassNames.push(classname);
-    }
-  });
-  finalClassNames = [].concat(_toConsumableArray(finalClassNames), _toConsumableArray(incomingClassNames));
-  return finalClassNames.join(' ');
-}
-function updateStyle(dom, key, val) {
-  if (/^--/.test(key)) {
-    // css variable
-    dom.style.setProperty(key, val);
-  } else if (typeof val !== 'number' || IS_NON_DIMENSIONAL.test(key)) {
-    dom.style[key] = val;
-  } else {
-    dom.style[key] = val + 'px';
-  }
-}
-function updateProp(ctx, comp, propKey, prevProps, props) {
-  var dom = ctx.ref.current;
-  var val = props[propKey];
-  var prevVal = prevProps ? prevProps[propKey] : undefined;
-  if (propKey === 'children') {
-    return;
-  }
-  if (propKey.toLowerCase() === 'classname') {
-    dom.className = prevProps ? getClassName(dom, prevProps, props) : val;
-    return;
-  }
-  if (propKey === 'style') {
-    if (typeof val === 'string') {
-      dom.setAttribute(propKey, val);
-      return;
-    }
-    if (!val) {
-      dom.removeAttribute(propKey);
-      return;
-    }
-    if (prevProps) {
-      if (typeof prevVal === 'string') {
-        dom.style.cssText = '';
-      } else {
-        for (var styleKey in prevVal) {
-          updateStyle(dom, styleKey, '');
-        }
-      }
-    }
-    for (var _styleKey in val) {
-      updateStyle(dom, _styleKey, val[_styleKey]);
-    }
-    return;
-  }
-  if (/^data-.+/.test(propKey)) {
-    dom.setAttribute(propKey, val);
-  }
-  if (comp === SCROLL_VIEW) {
-    if (propKey === 'scrollTop') {
-      dom.mpScrollTop = val;
-      return;
-    }
-    if (propKey === 'scrollLeft') {
-      dom.mpScrollLeft = val;
-      return;
-    }
-    if (propKey === 'scrollIntoView') {
-      dom.mpScrollIntoView = val;
-      return;
-    }
-  }
-  if (typeof val === 'function' && propKey.match(/^on[A-Z]/)) {
-    var event = propKey.substr(2).toLowerCase();
-    ctx.eventHandlers.push([event, val]);
-    return dom.addEventListener(event, val);
-  }
-  if (typeof val === 'string' || typeof val === 'number') {
-    dom.setAttribute(propKey, val);
-    dom[propKey] = val;
-    return;
-  }
-  if (typeof val === 'boolean') {
-    if (val) {
-      dom[propKey] = true;
-      return dom.setAttribute(propKey, val);
-    }
-    dom[propKey] = false;
-    return dom.removeAttribute(propKey);
-  }
-  dom[propKey] = val;
-}
-var reactifyWebComponent = function reactifyWebComponent(WC) {
-  var Index = /*#__PURE__*/function (_React$Component) {
-    _inherits(Index, _React$Component);
-    var _super = _createSuper(Index);
-    function Index(props) {
-      var _this;
-      _classCallCheck(this, Index);
-      _this = _super.call(this, props);
-      _defineProperty(_assertThisInitialized(_this), "eventHandlers", void 0);
-      _defineProperty(_assertThisInitialized(_this), "ref", void 0);
-      _this.eventHandlers = [];
-      _this.ref = /*#__PURE__*/createRef();
-      return _this;
-    }
-    _createClass(Index, [{
-      key: "update",
-      value: function update(prevProps) {
-        var _this2 = this;
-        this.clearEventHandlers();
-        if (!this.ref.current) return;
-        Object.keys(prevProps || {}).forEach(function (key) {
-          if (key !== 'children' && key !== 'key' && !(key in _this2.props)) {
-            updateProp(_this2, WC, key, prevProps, _this2.props);
-          }
-        });
-        Object.keys(this.props).forEach(function (key) {
-          updateProp(_this2, WC, key, prevProps, _this2.props);
-        });
-      }
-    }, {
-      key: "componentDidUpdate",
-      value: function componentDidUpdate(prevProps) {
-        this.update(prevProps);
-      }
-    }, {
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        var forwardRef = this.props.forwardRef;
-        if (typeof forwardRef === 'function') {
-          forwardRef(this.ref.current);
-        } else if (forwardRef && _typeof(forwardRef) === 'object' && forwardRef.hasOwnProperty('current')) {
-          forwardRef.current = this.ref.current;
-        } else if (typeof forwardRef === 'string') {
-          console.warn('内置组件不支持字符串 ref');
-        }
-        this.update(undefined);
-      }
-    }, {
-      key: "componentWillUnmount",
-      value: function componentWillUnmount() {
-        this.clearEventHandlers();
-      }
-    }, {
-      key: "clearEventHandlers",
-      value: function clearEventHandlers() {
-        var _this3 = this;
-        this.eventHandlers.forEach(function (_ref) {
-          var _ref2 = _slicedToArray(_ref, 2),
-            event = _ref2[0],
-            handler = _ref2[1];
-          if (!_this3.ref.current) return;
-          _this3.ref.current.removeEventListener(event, handler);
-        });
-        this.eventHandlers = [];
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this$props = this.props,
-          children = _this$props.children,
-          dangerouslySetInnerHTML = _this$props.dangerouslySetInnerHTML;
-        var props = {
-          ref: this.ref
-        };
-        if (dangerouslySetInnerHTML) props.dangerouslySetInnerHTML = dangerouslySetInnerHTML;
-        return /*#__PURE__*/createElement(WC, props, children);
-      }
-    }]);
-    return Index;
-  }(React.Component); // eslint-disable-next-line react/display-name
-  return /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return h(Index, _objectSpread(_objectSpread({}, props), {}, {
-      forwardRef: ref
-    }));
-  });
-};
-export default reactifyWebComponent;

package/dist/react/components.js

@@ -1,82 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-/* auto-generated react proxies */
-import { Fragment } from 'react';
-import { manipulatePropsFunction } from './helper';
-import { createReactComponent } from './react-component-lib';
-export var Ad = /*@__PURE__*/createReactComponent('taro-ad-core', undefined, manipulatePropsFunction);
-export var AdCustom = /*@__PURE__*/createReactComponent('taro-ad-custom-core', undefined, manipulatePropsFunction);
-export var AnimationVideo = /*@__PURE__*/createReactComponent('taro-animation-video-core', undefined, manipulatePropsFunction);
-export var AnimationView = /*@__PURE__*/createReactComponent('taro-animation-view-core', undefined, manipulatePropsFunction);
-export var ArCamera = /*@__PURE__*/createReactComponent('taro-ar-camera-core', undefined, manipulatePropsFunction);
-export var Audio = /*@__PURE__*/createReactComponent('taro-audio-core', undefined, manipulatePropsFunction);
-export var AwemeData = /*@__PURE__*/createReactComponent('taro-aweme-data-core', undefined, manipulatePropsFunction);
-export var Block = Fragment;
-export var Button = /*@__PURE__*/createReactComponent('taro-button-core', undefined, manipulatePropsFunction);
-export var Camera = /*@__PURE__*/createReactComponent('taro-camera-core', undefined, manipulatePropsFunction);
-export var Canvas = /*@__PURE__*/createReactComponent('taro-canvas-core', undefined, manipulatePropsFunction);
-export var Checkbox = /*@__PURE__*/createReactComponent('taro-checkbox-core', undefined, manipulatePropsFunction);
-export var CheckboxGroup = /*@__PURE__*/createReactComponent('taro-checkbox-group-core', undefined, manipulatePropsFunction);
-export var CommentDetail = /*@__PURE__*/createReactComponent('taro-comment-detail-core', undefined, manipulatePropsFunction);
-export var CommentList = /*@__PURE__*/createReactComponent('taro-comment-list-core', undefined, manipulatePropsFunction);
-export var ContactButton = /*@__PURE__*/createReactComponent('taro-contact-button-core', undefined, manipulatePropsFunction);
-export var CoverImage = /*@__PURE__*/createReactComponent('taro-cover-image-core', undefined, manipulatePropsFunction);
-export var CoverView = /*@__PURE__*/createReactComponent('taro-cover-view-core', undefined, manipulatePropsFunction);
-export var CustomWrapper = Fragment;
-export var Editor = /*@__PURE__*/createReactComponent('taro-editor-core', undefined, manipulatePropsFunction);
-export var FollowSwan = /*@__PURE__*/createReactComponent('taro-follow-swan-core', undefined, manipulatePropsFunction);
-export var Form = /*@__PURE__*/createReactComponent('taro-form-core', undefined, manipulatePropsFunction);
-export var FunctionalPageNavigator = /*@__PURE__*/createReactComponent('taro-functional-page-navigator-core', undefined, manipulatePropsFunction);
-export var Icon = /*@__PURE__*/createReactComponent('taro-icon-core', undefined, manipulatePropsFunction);
-export var Image = /*@__PURE__*/createReactComponent('taro-image-core', undefined, manipulatePropsFunction);
-export var InlinePaymentPanel = /*@__PURE__*/createReactComponent('taro-inline-payment-panel-core', undefined, manipulatePropsFunction);
-export var Input = /*@__PURE__*/createReactComponent('taro-input-core', undefined, manipulatePropsFunction);
-export var KeyboardAccessory = /*@__PURE__*/createReactComponent('taro-keyboard-accessory-core', undefined, manipulatePropsFunction);
-export var Label = /*@__PURE__*/createReactComponent('taro-label-core', undefined, manipulatePropsFunction);
-export var Lifestyle = /*@__PURE__*/createReactComponent('taro-lifestyle-core', undefined, manipulatePropsFunction);
-export var Like = /*@__PURE__*/createReactComponent('taro-like-core', undefined, manipulatePropsFunction);
-export var LivePlayer = /*@__PURE__*/createReactComponent('taro-live-player-core', undefined, manipulatePropsFunction);
-export var LivePusher = /*@__PURE__*/createReactComponent('taro-live-pusher-core', undefined, manipulatePropsFunction);
-export var Login = /*@__PURE__*/createReactComponent('taro-login-core', undefined, manipulatePropsFunction);
-export var Lottie = /*@__PURE__*/createReactComponent('taro-lottie-core', undefined, manipulatePropsFunction);
-export var Map = /*@__PURE__*/createReactComponent('taro-map-core', undefined, manipulatePropsFunction);
-export var MatchMedia = /*@__PURE__*/createReactComponent('taro-match-media-core', undefined, manipulatePropsFunction);
-export var MovableArea = /*@__PURE__*/createReactComponent('taro-movable-area-core', undefined, manipulatePropsFunction);
-export var MovableView = /*@__PURE__*/createReactComponent('taro-movable-view-core', undefined, manipulatePropsFunction);
-export var NativeSlot = /*@__PURE__*/createReactComponent('taro-native-slot-core', undefined, manipulatePropsFunction);
-export var NavigationBar = /*@__PURE__*/createReactComponent('taro-navigation-bar-core', undefined, manipulatePropsFunction);
-export var Navigator = /*@__PURE__*/createReactComponent('taro-navigator-core', undefined, manipulatePropsFunction);
-export var OfficialAccount = /*@__PURE__*/createReactComponent('taro-official-account-core', undefined, manipulatePropsFunction);
-export var OpenData = /*@__PURE__*/createReactComponent('taro-open-data-core', undefined, manipulatePropsFunction);
-export var PageContainer = /*@__PURE__*/createReactComponent('taro-page-container-core', undefined, manipulatePropsFunction);
-export var PageMeta = /*@__PURE__*/createReactComponent('taro-page-meta-core', undefined, manipulatePropsFunction);
-export var Picker = /*@__PURE__*/createReactComponent('taro-picker-core', undefined, manipulatePropsFunction);
-export var PickerGroup = /*@__PURE__*/createReactComponent('taro-picker-group', undefined, manipulatePropsFunction);
-export var PickerViewColumn = /*@__PURE__*/createReactComponent('taro-picker-view-column-core', undefined, manipulatePropsFunction);
-export var PickerView = /*@__PURE__*/createReactComponent('taro-picker-view-core', undefined, manipulatePropsFunction);
-export var Progress = /*@__PURE__*/createReactComponent('taro-progress-core', undefined, manipulatePropsFunction);
-export var PullToRefresh = /*@__PURE__*/createReactComponent('taro-pull-to-refresh', undefined, manipulatePropsFunction);
-export var Radio = /*@__PURE__*/createReactComponent('taro-radio-core', undefined, manipulatePropsFunction);
-export var RadioGroup = /*@__PURE__*/createReactComponent('taro-radio-group-core', undefined, manipulatePropsFunction);
-export var RichText = /*@__PURE__*/createReactComponent('taro-rich-text-core', undefined, manipulatePropsFunction);
-export var RootPortal = /*@__PURE__*/createReactComponent('taro-root-portal-core', undefined, manipulatePropsFunction);
-export var RtcRoom = /*@__PURE__*/createReactComponent('taro-rtc-room-core', undefined, manipulatePropsFunction);
-export var RtcRoomItem = /*@__PURE__*/createReactComponent('taro-rtc-room-item-core', undefined, manipulatePropsFunction);
-export var ScrollView = /*@__PURE__*/createReactComponent('taro-scroll-view-core', undefined, manipulatePropsFunction);
-export var ShareElement = /*@__PURE__*/createReactComponent('taro-share-element-core', undefined, manipulatePropsFunction);
-export var Slider = /*@__PURE__*/createReactComponent('taro-slider-core', undefined, manipulatePropsFunction);
-export var Slot = /*@__PURE__*/createReactComponent('taro-slot-core', undefined, manipulatePropsFunction);
-export var Swiper = /*@__PURE__*/createReactComponent('taro-swiper-core', undefined, manipulatePropsFunction);
-export var SwiperItem = /*@__PURE__*/createReactComponent('taro-swiper-item-core', undefined, manipulatePropsFunction);
-export var Switch = /*@__PURE__*/createReactComponent('taro-switch-core', undefined, manipulatePropsFunction);
-export var TabItem = /*@__PURE__*/createReactComponent('taro-tab-item-core', undefined, manipulatePropsFunction);
-export var Tabbar = /*@__PURE__*/createReactComponent('taro-tabbar', undefined, manipulatePropsFunction);
-export var Tabs = /*@__PURE__*/createReactComponent('taro-tabs-core', undefined, manipulatePropsFunction);
-export var Text = /*@__PURE__*/createReactComponent('taro-text-core', undefined, manipulatePropsFunction);
-export var Textarea = /*@__PURE__*/createReactComponent('taro-textarea-core', undefined, manipulatePropsFunction);
-export var VideoControl = /*@__PURE__*/createReactComponent('taro-video-control', undefined, manipulatePropsFunction);
-export var Video = /*@__PURE__*/createReactComponent('taro-video-core', undefined, manipulatePropsFunction);
-export var VideoDanmu = /*@__PURE__*/createReactComponent('taro-video-danmu', undefined, manipulatePropsFunction);
-export var View = /*@__PURE__*/createReactComponent('taro-view-core', undefined, manipulatePropsFunction);
-export var VoipRoom = /*@__PURE__*/createReactComponent('taro-voip-room-core', undefined, manipulatePropsFunction);
-export var WebView = /*@__PURE__*/createReactComponent('taro-web-view-core', undefined, manipulatePropsFunction);

package/dist/react/helper.js

@@ -1,8 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-export var manipulatePropsFunction = function manipulatePropsFunction(originalProps) {
-  var propsToPass = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var dangerouslySetInnerHTML = originalProps.dangerouslySetInnerHTML;
-  return _objectSpread(_objectSpread({}, propsToPass), {}, {
-    dangerouslySetInnerHTML: dangerouslySetInnerHTML
-  });
-};

package/dist/react/index.js

@@ -1 +0,0 @@
-export * from './components';

package/dist/react/react-component-lib/createComponent.js

@@ -1,99 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["children", "forwardedRef", "style", "className", "ref"];
-import React, { createElement } from 'react';
-import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';
-export var createReactComponent = function createReactComponent(tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) {
-  if (defineCustomElement !== undefined) {
-    defineCustomElement();
-  }
-  var displayName = dashToPascalCase(tagName);
-  var ReactComponent = /*#__PURE__*/function (_React$Component) {
-    _inherits(ReactComponent, _React$Component);
-    var _super = _createSuper(ReactComponent);
-    function ReactComponent(props) {
-      var _this;
-      _classCallCheck(this, ReactComponent);
-      _this = _super.call(this, props);
-      _defineProperty(_assertThisInitialized(_this), "componentEl", void 0);
-      _defineProperty(_assertThisInitialized(_this), "setComponentElRef", function (element) {
-        _this.componentEl = element;
-      });
-      return _this;
-    }
-    _createClass(ReactComponent, [{
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        this.componentDidUpdate(this.props);
-      }
-    }, {
-      key: "componentDidUpdate",
-      value: function componentDidUpdate(prevProps) {
-        attachProps(this.componentEl, this.props, prevProps);
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this$props = this.props,
-          children = _this$props.children,
-          forwardedRef = _this$props.forwardedRef,
-          style = _this$props.style,
-          className = _this$props.className,
-          ref = _this$props.ref,
-          cProps = _objectWithoutProperties(_this$props, _excluded);
-        var propsToPass = Object.keys(cProps).reduce(function (acc, name) {
-          var value = cProps[name];
-          if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-            var eventName = name.substring(2).toLowerCase();
-            if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
-              acc[name] = value;
-            }
-          } else {
-            // we should only render strings, booleans, and numbers as attrs in html.
-            // objects, functions, arrays etc get synced via properties on mount.
-            var type = _typeof(value);
-            if (type === 'string' || type === 'boolean' || type === 'number') {
-              acc[camelToDashCase(name)] = value;
-            }
-          }
-          return acc;
-        }, {});
-        if (manipulatePropsFunction) {
-          propsToPass = manipulatePropsFunction(this.props, propsToPass);
-        }
-        var newProps = _objectSpread(_objectSpread({}, propsToPass), {}, {
-          ref: mergeRefs(forwardedRef, this.setComponentElRef),
-          style: style
-        });
-
-        /**
-         * We use createElement here instead of
-         * React.createElement to work around a
-         * bug in Vite (https://github.com/vitejs/vite/issues/6104).
-         * React.createElement causes all elements to be rendered
-         * as <tagname> instead of the actual Web Component.
-         */
-        return /*#__PURE__*/createElement(tagName, newProps, children);
-      }
-    }], [{
-      key: "displayName",
-      get: function get() {
-        return displayName;
-      }
-    }]);
-    return ReactComponent;
-  }(React.Component);
-
-  // If context was passed to createReactComponent then conditionally add it to the Component Class
-  if (ReactComponentContext) {
-    ReactComponent.contextType = ReactComponentContext;
-  }
-  return createForwardRef(ReactComponent, displayName);
-};