stellar-ui-plus 1.25.8 → 1.25.10

package/components/ste-select/datetime.vue

@@ -31,6 +31,13 @@ const emits = defineEmits<{
     (e: 'update:modelValue', selectedValue: string | number | number[]): void;
 }>();
 
+const viewloading = ref(false);
+
+const initOptions = (values = selectedValue.value) => {
+    const { options } = getDateOptions(values, props.mode as DateMode, props.minDate, props.maxDate);
+    setDataOptions(options);
+};
+
 watch(
     () => props.modelValue,
     v => {
@@ -43,17 +50,34 @@ watch(
             values = value.map(item => Number(item));
         }
         setSelectValue(values as number[]);
+        // modelValue外部变化时，同步刷新dataOptions与selectedIndex，
+        // 避免打开下拉时picker仍停留在旧值位置。
+        viewloading.value = true;
+        initOptions(values);
+        nextTick(() => {
+            const indexs: number[] = [];
+            const _values = getNowDate(values, props.mode as DateMode);
+            dataOptions.value.forEach((item, index) => {
+                let i = item.map(({ value }) => value).indexOf(_values[index]);
+                if (i === -1) {
+                    i = _values[index] > item[item.length - 1].value ? item.length - 1 : 0;
+                }
+                indexs.push(i);
+            });
+            setSelectIndex(indexs);
+            // 当modelValue为空时，selectedValue也应该同步为当前日期，
+            // 并回传给父组件（useData的selected），否则点确定时value为undefined
+            if (!values.length) {
+                setSelectValue(indexs.map((i, index) => dataOptions.value[index][i].value));
+                emits('change', selectedValue.value);
+                emits('update:modelValue', selectedValue.value);
+            }
+            viewloading.value = false;
+        });
     },
     { immediate: true }
 );
 
-const initOptions = (values = selectedValue.value) => {
-    const { options } = getDateOptions(values, props.mode as DateMode, props.minDate, props.maxDate);
-    setDataOptions(options);
-};
-
-const viewloading = ref(false);
-
 const initSelectIndex = (values = selectedValue.value) => {
     viewloading.value = true;
     nextTick(() => {
@@ -91,9 +115,6 @@ watch([() => props.minDate, () => props.maxDate], () => {
     initOptions();
     initSelectIndex();
 });
-
-initOptions();
-initSelectIndex();
 </script>
 <template>
     <picker-view v-if="!viewloading" style="height: 450rpx; width: 100%" indicator-style="height: 43px" immediate-change :value="selectedIndex" @change="onChange">

package/components/ste-select-order/ATTRIBUTES.md

@@ -0,0 +1,21 @@
+## API
+
+### Props
+| 属性名 | 说明  | 类型 | 默认值  | 可选值 | 支持版本 |
+| ----- | ----- | --- | ------- | ------ | -------- |
+| `modelValue` | 绑定的值，支持v-model双向绑定 | `string / number / null / undefined` | - | - | - |
+| `list` | 选项数据，每个选项支持 disabled 属性设置单项禁止选择 | `SelectOption[]` | `[]` | - | - |
+| `placeholder` | 占位符 | `string` | `请选择` | - | - |
+| `labelKey` | 选项标签Key | `string` | `label` | - | - |
+| `valueKey` | 选项值Key | `string` | `value` | - | - |
+| `disabled` | 禁用状态 | `boolean` | `false` | - | - |
+| `maskClose` | 点击遮罩层是否关闭弹窗 | `boolean` | `true` | - | - |
+
+
+### Events
+| 事件名 | 说明  | 事件参数 | 支持版本 |
+| ----- | ----- | ------- | -------- |
+| `update:modelValue` | 选中值改变时触发 | `value`：选中的值 | - |
+| `change` | 选中值改变时触发 | `value`：选中的值<br/>`option`：选中的选项对象 | - |
+
+

package/index.ts

@@ -120,6 +120,8 @@ import steSearchBox from "./components/ste-search-box/ste-search-box.vue"
 export const SteSearchBox = steSearchBox
 import steSelect from "./components/ste-select/ste-select.vue"
 export const SteSelect = steSelect
+import steSelectOrder from "./components/ste-select-order/ste-select-order.vue"
+export const SteSelectOrder = steSelectOrder
 import steSelectSeat from "./components/ste-select-seat/ste-select-seat.vue"
 export const SteSelectSeat = steSelectSeat
 import steSignature from "./components/ste-signature/ste-signature.vue"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "stellar-ui-plus",
-    "version": "1.25.8",
+    "version": "1.25.10",
     "description": "",
     "author": "",
     "license": "MIT",
@@ -13,4 +13,4 @@
         "test": "echo \"Error: no test specified\" && exit 1",
         "publish-vscode-plugin": "cd ../../../plugins/ste-helper & pnpm run publish"
     }
-}
+}

package/types/components.d.ts

@@ -59,6 +59,7 @@ import steScrollToItem from "../components/ste-scroll-to-item/ste-scroll-to-item
 import steSearch from "../components/ste-search/ste-search.vue"
 import steSearchBox from "../components/ste-search-box/ste-search-box.vue"
 import steSelect from "../components/ste-select/ste-select.vue"
+import steSelectOrder from "../components/ste-select-order/ste-select-order.vue"
 import steSelectSeat from "../components/ste-select-seat/ste-select-seat.vue"
 import steSignature from "../components/ste-signature/ste-signature.vue"
 import steSimpleCalendar from "../components/ste-simple-calendar/ste-simple-calendar.vue"
@@ -155,6 +156,7 @@ import steWatermark from "../components/ste-watermark/ste-watermark.vue"
 		SteSearch: typeof steSearch;
 		SteSearchBox: typeof steSearchBox;
 		SteSelect: typeof steSelect;
+		SteSelectOrder: typeof steSelectOrder;
 		SteSelectSeat: typeof steSelectSeat;
 		SteSignature: typeof steSignature;
 		SteSimpleCalendar: typeof steSimpleCalendar;

package/types/refComponents.d.ts

@@ -59,6 +59,7 @@ import steScrollToItem from "../components/ste-scroll-to-item/ste-scroll-to-item
 import steSearch from "../components/ste-search/ste-search.vue"
 import steSearchBox from "../components/ste-search-box/ste-search-box.vue"
 import steSelect from "../components/ste-select/ste-select.vue"
+import steSelectOrder from "../components/ste-select-order/ste-select-order.vue"
 import steSelectSeat from "../components/ste-select-seat/ste-select-seat.vue"
 import steSignature from "../components/ste-signature/ste-signature.vue"
 import steSimpleCalendar from "../components/ste-simple-calendar/ste-simple-calendar.vue"
@@ -150,6 +151,7 @@ export type RefScrollToItem = InstanceType<typeof steScrollToItem>
 export type RefSearch = InstanceType<typeof steSearch>
 export type RefSearchBox = InstanceType<typeof steSearchBox>
 export type RefSelect = InstanceType<typeof steSelect>
+export type RefSelectOrder = InstanceType<typeof steSelectOrder>
 export type RefSelectSeat = InstanceType<typeof steSelectSeat>
 export type RefSignature = InstanceType<typeof steSignature>
 export type RefSimpleCalendar = InstanceType<typeof steSimpleCalendar>