fix(uni-app-x web): 修复条件编译错误导致cjs版依赖UniElement的Bug

Author: Wangyaqi

packages/uni-components/lib-x/unicloud-db/unicloud-db.vue

@@ -110,7 +110,8 @@
     }
   //#endif
   //#ifdef WEB || APP-IOS
-  export class UniCloudDBElement extends UniElementImpl {
+  const RealUniElementImpl = typeof UniElementImpl === 'undefined' ? class {} : UniElementImpl
+  export class /*#__PURE__*/ UniCloudDBElement extends RealUniElementImpl {
     constructor(data : INodeData, pageNode : PageNode) {
       super(data, pageNode);
       const TagName = 'UNICLOUD-DB';
@@ -198,10 +199,12 @@
 
   export default {
     name: 'UniCloudDB',
+    //#if !_NODE_JS_
     rootElement: {
       name: 'uni-cloud-db-element',
       class: UniCloudDBElement
     },
+    //#endif
     slots: Object as SlotsType<{
       default : {
         data : Array<UTSJSONObject>,
@@ -303,7 +306,7 @@
         error: null as UniCloudError | null
       }
     },
-    //#ifdef WEB || APP-IOS
+    //#ifdef (WEB || APP-IOS) && !_NODE_JS_
     beforeCreate() {
       if (!registerFlag) {
         registerFlag = true

packages/uni-components/src/vue/button/index.tsx

@@ -1,11 +1,11 @@
-import { inject, onBeforeUnmount, ref, onMounted } from 'vue'
-import { useI18n, initI18nButtonMsgsOnce } from '@dcloudio/uni-core'
+import { inject, onBeforeUnmount, onMounted, ref } from 'vue'
+import { initI18nButtonMsgsOnce, useI18n } from '@dcloudio/uni-core'
 import { defineBuiltInComponent } from '../../helpers/component'
 import { useHover } from '../../helpers/useHover'
 import { useBooleanAttr } from '../../helpers/useBooleanAttr'
 import { withWebEvent } from '../../helpers/useEvent'
-import { UniFormCtx, uniFormKey } from '../form'
-import { uniLabelKey, UniLabelCtx } from '../label'
+import { type UniFormCtx, uniFormKey } from '../form'
+import { type UniLabelCtx, uniLabelKey } from '../label'
 import { useListeners } from '../../helpers/useListeners'
 import { buttonProps } from '../../components/button'
 import { UniElement } from '../../helpers/UniElement'
@@ -102,7 +102,6 @@ export default /*#__PURE__*/ defineBuiltInComponent({
 
 function openFeedback(titleText: string, sendText: string) {
   const feedback = plus.webview.create(
-    // @ts-ignore
     'https://service.dcloud.net.cn/uniapp/feedback.html',
     'feedback',
     {

packages/uni-components/src/vue/slider/index-x.tsx

@@ -2,10 +2,13 @@ import { computed, inject, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import type { ExtractPropTypes, Ref } from 'vue'
 import { defineBuiltInComponent } from '../../helpers/component'
 import { UniElement } from '../../helpers/UniElement'
-import { useCustomEvent, withWebEvent } from '../../helpers/useEvent'
-import type { CustomEventTrigger, EmitEvent } from '../../helpers/useEvent'
-import { uniFormKey } from '../form'
-import type { UniFormCtx } from '../form'
+import {
+  type CustomEventTrigger,
+  type EmitEvent,
+  useCustomEvent,
+  withWebEvent,
+} from '../../helpers/useEvent'
+import { type UniFormCtx, uniFormKey } from '../form'
 
 const SLIDER_BLOCK_SIZE_MIN_VALUE = 12
 const SLIDER_BLOCK_SIZE_MAX_VALUE = 28
@@ -139,10 +142,12 @@ export default /*#__PURE__*/ defineBuiltInComponent({
   name: 'Slider',
   props,
   emits: ['changing', 'change'],
+  //#if _X_ && !_NODE_JS_
   rootElement: {
     name: 'uni-slider',
     class: UniSliderElement,
   },
+  //#endif
   setup(props, { emit }) {
     const sliderRef: HTMLRef = ref(null)
     const sliderValueRef: HTMLRef = ref(null)

packages/uni-components/src/vue/slider/index.tsx

@@ -1,15 +1,18 @@
-import { computed, inject, onMounted, onBeforeUnmount, ref, watch } from 'vue'
+import { computed, inject, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import type { ExtractPropTypes, Ref } from 'vue'
 import { defineBuiltInComponent } from '../../helpers/component'
-import { useTouchtrack, TouchtrackEvent } from '../../helpers/useTouchtrack'
+import {
+  type TouchtrackEvent,
+  useTouchtrack,
+} from '../../helpers/useTouchtrack'
 import { UniElement } from '../../helpers/UniElement'
 import {
-  CustomEventTrigger,
+  type CustomEventTrigger,
+  type EmitEvent,
   useCustomEvent,
-  EmitEvent,
   withWebEvent,
 } from '../../helpers/useEvent'
-import { UniFormCtx, uniFormKey } from '../form'
+import { type UniFormCtx, uniFormKey } from '../form'
 
 const props = {
   name: {
@@ -74,7 +77,7 @@ export default /*#__PURE__*/ defineBuiltInComponent({
   name: 'Slider',
   props,
   emits: ['changing', 'change'],
-  //#if _X_ && !_NODE_JS_ /* 仅限X项目以及非SSR环境，使用条件编译，可以尽量减少其他平台生成多余的代码 */
+  //#if _X_ && !_NODE_JS_
   rootElement: {
     name: 'uni-slider',
     class: UniSliderElement,