@lingxia/vue 0.9.0 → 0.11.1

package/dist/LxPicker.vue

@@ -21,7 +21,7 @@ const emit = defineEmits<{
   'update:modelValue': [value: string | string[]];
   confirm: [value: string | string[]];
   cancel: [];
-  scroll: [value: string | string[]];
+  columnChange: [value: string | string[]];
 }>();
 
 if (typeof window !== 'undefined') {
@@ -45,7 +45,6 @@ const pickerEventListeners: Record<string, EventListenerObject> = {
 const displayText = computed(() => getPickerDisplayText(props.modelValue, props.fields));
 
 function handleChange(e: Event) {
-  props.onChange?.(e);
   const detail = getCustomEventDetail<{
     confirmed?: boolean;
     cancelled?: boolean;
@@ -70,15 +69,14 @@ function handleChange(e: Event) {
 }
 
 function handleScroll(e: Event) {
-  props.onNativeScroll?.(e);
   const detail = getCustomEventDetail<{
     value?: string | string[];
     index?: number | number[];
   }>(e);
   if (detail.value !== undefined) {
-    emit('scroll', detail.value);
+    emit('columnChange', detail.value);
   } else if (detail.index !== undefined) {
-    emit('scroll', getPickerValueFromIndex(props.columns, detail.index));
+    emit('columnChange', getPickerValueFromIndex(props.columns, detail.index));
   }
 }
 

package/dist/hook.d.ts

@@ -40,4 +40,18 @@ export interface LxChannelState<TData, TOut = TData> {
 export declare function useLxChannel<TMethod extends (...args: any[]) => Promise<LxChannel<any, any>>>(method: MethodSource<TMethod>, options?: LxChannelOptions & {
     params?: ParamsSource<MethodParams<TMethod>>;
 }): LxChannelState<ChannelIn<TMethod>, ChannelOut<TMethod>>;
+export interface LxPlatform {
+    os: string;
+    isIOS: boolean;
+    isMacOS: boolean;
+    isApple: boolean;
+    isAndroid: boolean;
+    isHarmony: boolean;
+    isWindows: boolean;
+    isDesktop: boolean;
+    isRunner: boolean;
+}
+export declare function usePlatform(): LxPlatform;
+/** Effective product language selected by the host. */
+export declare function useDisplayLanguage(): string;
 export {};

package/dist/hook.js

@@ -1,4 +1,5 @@
 import { onUnmounted, reactive, ref, unref, watch, } from "vue";
+import { getDisplayLanguage } from "@lingxia/bridge";
 import { getMethodKey, invokeMethod, resolveParams, stableParamKey, toBridgeError, } from "@lingxia/bridge/invocation";
 import { ensurePageBridgeSubscription, getPageActions, subscribePageData, } from "@lingxia/page-runtime";
 function resolveMethod(source) {
@@ -191,3 +192,26 @@ export function useLxChannel(method, options) {
     });
     return { last, error, connecting, connected, send, close, reopen };
 }
+function readPlatform() {
+    const p = window.LingXiaBridge?.platform;
+    return {
+        os: p?.getOS() ?? "unknown",
+        isIOS: p?.isIOS() ?? false,
+        isMacOS: p?.isMacOS() ?? false,
+        isApple: p?.isApple() ?? false,
+        isAndroid: p?.isAndroid() ?? false,
+        isHarmony: p?.isHarmony() ?? false,
+        isWindows: p?.isWindows() ?? false,
+        isDesktop: p?.isDesktop() ?? false,
+        isRunner: p?.isRunner() ?? false,
+    };
+}
+// Typed platform detection for pages, so they never reach for the window global
+// or hand-roll an OS check. Fixed for the session, so it resolves once.
+export function usePlatform() {
+    return readPlatform();
+}
+/** Effective product language selected by the host. */
+export function useDisplayLanguage() {
+    return getDisplayLanguage();
+}

package/dist/index.d.ts

@@ -1,8 +1,6 @@
-export { useLxPage, useLxStream, useLxChannel, type LxStreamOptions, type LxStreamState, type LxChannelOptions, type LxChannelState, } from "./hook.js";
+export { useLxPage, useLxStream, useLxChannel, usePlatform, useDisplayLanguage, type LxStreamOptions, type LxStreamState, type LxChannelOptions, type LxChannelState, type LxPlatform, } from "./hook.js";
 export { default as LxVideo } from "./LxVideo.vue";
 export { default as LxMediaSwiper } from "./LxMediaSwiper.vue";
 export { default as LxPicker } from "./LxPicker.vue";
 export { default as LxNavigator } from "./LxNavigator.vue";
-export { default as LxInput } from "./LxInput.vue";
-export { default as LxTextarea } from "./LxTextarea.vue";
-export type { LxVideoProps, LxMediaSwiperProps, LxPickerProps, LxNavigatorProps, LxNavigatorEvent, LxInputProps, LxTextareaProps, } from "./types.js";
+export type { LxVideoProps, LxMediaSwiperProps, LxPickerProps, LxNavigatorProps, LxNavigatorEvent, } from "./types.js";

package/dist/index.js

@@ -1,7 +1,5 @@
-export { useLxPage, useLxStream, useLxChannel, } from "./hook.js";
+export { useLxPage, useLxStream, useLxChannel, usePlatform, useDisplayLanguage, } from "./hook.js";
 export { default as LxVideo } from "./LxVideo.vue";
 export { default as LxMediaSwiper } from "./LxMediaSwiper.vue";
 export { default as LxPicker } from "./LxPicker.vue";
 export { default as LxNavigator } from "./LxNavigator.vue";
-export { default as LxInput } from "./LxInput.vue";
-export { default as LxTextarea } from "./LxTextarea.vue";

package/dist/types.d.ts

@@ -26,8 +26,6 @@ export interface LxPickerProps {
     confirmText?: string;
     confirmTextColor?: string;
     confirmButtonColor?: string;
-    onChange?: (event: Event) => void;
-    onNativeScroll?: (event: Event) => void;
     pageBindings?: Record<string, string>;
 }
 export interface LxNavigatorProps {
@@ -49,61 +47,4 @@ export interface LxNavigatorProps {
     class?: string;
     style?: CSSProperties;
 }
-export interface LxInputProps {
-    id?: string;
-    modelValue?: string;
-    value?: string;
-    defaultValue?: string;
-    type?: 'text' | 'number' | 'password' | 'digit';
-    password?: boolean;
-    placeholder?: string;
-    placeholderStyle?: string;
-    placeholderClass?: string;
-    maxlength?: number;
-    cursorSpacing?: number;
-    autoFocus?: boolean;
-    disabled?: boolean;
-    focus?: boolean;
-    confirmType?: 'send' | 'search' | 'next' | 'go' | 'done';
-    alwaysEmbed?: boolean;
-    confirmHold?: boolean;
-    cursor?: number;
-    cursorColor?: string;
-    selectionStart?: number;
-    selectionEnd?: number;
-    adjustPosition?: boolean;
-    holdKeyboard?: boolean;
-    class?: string;
-    style?: CSSProperties;
-    pageBindings?: Record<string, string>;
-}
-export interface LxTextareaProps {
-    id?: string;
-    modelValue?: string;
-    value?: string;
-    defaultValue?: string;
-    placeholder?: string;
-    placeholderStyle?: string;
-    placeholderClass?: string;
-    maxlength?: number;
-    disabled?: boolean;
-    autoFocus?: boolean;
-    focus?: boolean;
-    autoHeight?: boolean;
-    cursorSpacing?: number;
-    showConfirmBar?: boolean;
-    adjustPosition?: boolean;
-    holdKeyboard?: boolean;
-    disableDefaultPadding?: boolean;
-    confirmType?: 'send' | 'search' | 'next' | 'go' | 'done' | 'return';
-    confirmHold?: boolean;
-    fixed?: boolean;
-    adjustKeyboardTo?: 'cursor' | 'bottom';
-    cursor?: number;
-    selectionStart?: number;
-    selectionEnd?: number;
-    class?: string;
-    style?: CSSProperties;
-    pageBindings?: Record<string, string>;
-}
 export type { LxNavigatorEvent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingxia/vue",
-  "version": "0.9.0",
+  "version": "0.11.1",
   "private": false,
   "description": "LingXia Vue runtime and components for lxapp pages",
   "type": "module",
@@ -14,14 +14,14 @@
     "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "npm run clean && npm --prefix ../lingxia-elements run build && npm --prefix ../lingxia-page-runtime run build && tsc -p tsconfig.json && mkdir -p dist && cp src/*.vue dist/ && cp src/shims-vue.d.ts dist/shims-vue.d.ts",
+    "build": "npm run clean && npm --prefix ../lingxia-elements run build && npm --prefix ../lingxia-page-runtime run build && tsc -p tsconfig.json && node scripts/copy-sfc-assets.mjs",
     "clean": "rm -rf dist",
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@lingxia/bridge": "0.9.0",
-    "@lingxia/elements": "0.9.0",
-    "@lingxia/page-runtime": "0.9.0"
+    "@lingxia/bridge": "^0.11.1",
+    "@lingxia/elements": "^0.11.1",
+    "@lingxia/page-runtime": "^0.11.1"
   },
   "peerDependencies": {
     "vue": ">=3.5.0"

package/dist/LxInput.vue

@@ -1,92 +0,0 @@
-<script setup lang="ts">
-import { computed, h, onBeforeUnmount, ref, useAttrs, watch } from 'vue';
-import { registerInputComponent } from '@lingxia/elements';
-import { buildInputNativeAttrs } from '@lingxia/elements';
-import type { LxInputProps } from './types.js';
-import {
-  bindElementEvents,
-  getCustomEventDetail,
-  unbindElementEvents,
-} from './text_component_shared.js';
-
-const props = withDefaults(defineProps<LxInputProps>(), {
-  type: 'text',
-  disabled: false,
-  confirmType: 'done',
-});
-const attrs = useAttrs();
-
-const emit = defineEmits<{
-  'update:modelValue': [value: string];
-  input: [detail: Record<string, unknown>];
-  change: [detail: Record<string, unknown>];
-  focus: [detail: Record<string, unknown>];
-  blur: [detail: Record<string, unknown>];
-  confirm: [detail: Record<string, unknown>];
-  keyboardHeightChange: [detail: Record<string, unknown>];
-  nicknameReview: [detail: Record<string, unknown>];
-}>();
-
-if (typeof window !== 'undefined') {
-  registerInputComponent();
-}
-
-const elementRef = ref<HTMLElement | null>(null);
-let boundElement: HTMLElement | null = null;
-
-const inputEventListeners: Record<string, EventListenerObject> = {
-  input: {
-    handleEvent: (event: Event) => {
-      const detail = getCustomEventDetail<Record<string, unknown>>(event);
-      if (typeof detail.value === 'string') {
-        emit('update:modelValue', detail.value);
-      }
-      emit('input', detail);
-    },
-  },
-  change: {
-    handleEvent: (event: Event) => emit('change', getCustomEventDetail<Record<string, unknown>>(event)),
-  },
-  focus: {
-    handleEvent: (event: Event) => emit('focus', getCustomEventDetail<Record<string, unknown>>(event)),
-  },
-  blur: {
-    handleEvent: (event: Event) => emit('blur', getCustomEventDetail<Record<string, unknown>>(event)),
-  },
-  confirm: {
-    handleEvent: (event: Event) => emit('confirm', getCustomEventDetail<Record<string, unknown>>(event)),
-  },
-  keyboardheightchange: {
-    handleEvent: (event: Event) => emit('keyboardHeightChange', getCustomEventDetail<Record<string, unknown>>(event)),
-  },
-  nicknamereview: {
-    handleEvent: (event: Event) => emit('nicknameReview', getCustomEventDetail<Record<string, unknown>>(event)),
-  },
-};
-
-watch(elementRef, (element) => {
-  boundElement = bindElementEvents(boundElement, element, inputEventListeners);
-});
-
-onBeforeUnmount(() => {
-  unbindElementEvents(boundElement, inputEventListeners);
-});
-
-const inputProps = computed<Record<string, unknown>>(() => {
-  const result: Record<string, unknown> = buildInputNativeAttrs({
-    ...props,
-    id: props.id ?? (typeof attrs.id === 'string' ? attrs.id : undefined),
-  }, attrs as Record<string, unknown>, elementRef.value !== null);
-  result.class = props.class ?? attrs.class;
-  result.style = props.style ?? attrs.style;
-  return result;
-});
-
-defineExpose({ el: elementRef });
-
-const renderInput = () => h('lx-input', { ref: elementRef, ...inputProps.value });
-</script>
-
-<template>
-  <renderInput />
-</template>

package/dist/LxTextarea.vue

@@ -1,90 +0,0 @@
-<script setup lang="ts">
-import { computed, h, onBeforeUnmount, ref, useAttrs, watch } from 'vue';
-import { registerTextareaComponent } from '@lingxia/elements';
-import { buildTextareaNativeAttrs } from '@lingxia/elements';
-import type { LxTextareaProps } from './types.js';
-import {
-  bindElementEvents,
-  getCustomEventDetail,
-  unbindElementEvents,
-} from './text_component_shared.js';
-
-const props = withDefaults(defineProps<LxTextareaProps>(), {
-  disabled: false,
-});
-const attrs = useAttrs();
-
-const emit = defineEmits<{
-  'update:modelValue': [value: string];
-  input: [detail: Record<string, unknown>];
-  change: [detail: Record<string, unknown>];
-  focus: [detail: Record<string, unknown>];
-  blur: [detail: Record<string, unknown>];
-  confirm: [detail: Record<string, unknown>];
-  lineChange: [detail: Record<string, unknown>];
-  keyboardHeightChange: [detail: Record<string, unknown>];
-}>();
-
-if (typeof window !== 'undefined') {
-  registerTextareaComponent();
-}
-
-const elementRef = ref<HTMLElement | null>(null);
-let boundElement: HTMLElement | null = null;
-
-const textareaEventListeners: Record<string, EventListenerObject> = {
-  input: {
-    handleEvent: (event: Event) => {
-      const detail = getCustomEventDetail<Record<string, unknown>>(event);
-      if (typeof detail.value === 'string') {
-        emit('update:modelValue', detail.value);
-      }
-      emit('input', detail);
-    },
-  },
-  change: {
-    handleEvent: (event: Event) => emit('change', getCustomEventDetail<Record<string, unknown>>(event)),
-  },
-  focus: {
-    handleEvent: (event: Event) => emit('focus', getCustomEventDetail<Record<string, unknown>>(event)),
-  },
-  blur: {
-    handleEvent: (event: Event) => emit('blur', getCustomEventDetail<Record<string, unknown>>(event)),
-  },
-  confirm: {
-    handleEvent: (event: Event) => emit('confirm', getCustomEventDetail<Record<string, unknown>>(event)),
-  },
-  linechange: {
-    handleEvent: (event: Event) => emit('lineChange', getCustomEventDetail<Record<string, unknown>>(event)),
-  },
-  keyboardheightchange: {
-    handleEvent: (event: Event) => emit('keyboardHeightChange', getCustomEventDetail<Record<string, unknown>>(event)),
-  },
-};
-
-watch(elementRef, (element) => {
-  boundElement = bindElementEvents(boundElement, element, textareaEventListeners);
-});
-
-onBeforeUnmount(() => {
-  unbindElementEvents(boundElement, textareaEventListeners);
-});
-
-const textareaProps = computed<Record<string, unknown>>(() => {
-  const result: Record<string, unknown> = buildTextareaNativeAttrs({
-    ...props,
-    id: props.id ?? (typeof attrs.id === 'string' ? attrs.id : undefined),
-  }, attrs as Record<string, unknown>, elementRef.value !== null);
-  result.class = props.class ?? attrs.class;
-  result.style = props.style ?? attrs.style;
-  return result;
-});
-
-defineExpose({ el: elementRef });
-
-const renderTextarea = () => h('lx-textarea', { ref: elementRef, ...textareaProps.value });
-</script>
-
-<template>
-  <renderTextarea />
-</template>