@lingxia/vue 0.9.0 → 0.10.0

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/index.d.ts

@@ -3,6 +3,4 @@ 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

@@ -3,5 +3,3 @@ 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.10.0",
   "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.10.0",
+    "@lingxia/elements": "^0.10.0",
+    "@lingxia/page-runtime": "^0.10.0"
   },
   "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>