@truenewx/tnxvue3 3.4.0 → 3.4.2

package/src/bootstrap-vue/query-table/QueryTable.vue

@@ -1,84 +1,84 @@
-<template>
-    <BTable class="tnxbsv-query-table"
-        :id="id"
-        :items="result.records || []"
-        :fields="fields"
-        :busy="result.records === null"
-    >
-        <template v-for="(_, slot) of $slots" v-slot:[slot]="scope">
-            <slot :name="slot" v-bind="scope"></slot>
-        </template>
-        <template #custom-foot>
-            <tr>
-                <td colspan="100%">
-                    <Paged :value="result.paged"
-                        :query="query"
-                        :page-size-changeable="pageSizeChangeable"
-                        :aria-controls="id"
-                    />
-                </td>
-            </tr>
-        </template>
-    </BTable>
-</template>
-
-<script>
-import {BTable} from 'bootstrap-vue-next';
-import Paged from '../paged/Paged.vue';
-
-export default {
-    name: 'TnxbsvQueryTable',
-    components: {BTable, Paged},
-    props: {
-        id: {
-            type: String,
-            default: () => {
-                return 'query-table-' + window.tnx.util.string.uuid32();
-            },
-        },
-        url: {
-            type: String,
-            required: true,
-        },
-        params: {
-            type: Object,
-            required: true,
-        },
-        fields: {
-            type: Array,
-            required: true,
-        },
-        init: Boolean,
-        pageSizeChangeable: Boolean,
-    },
-    data() {
-        return {
-            result: {
-                records: null,
-                paged: null,
-            },
-        };
-    },
-    mounted() {
-        if (this.init) {
-            this.query();
-        }
-    },
-    methods: {
-        query(paging) {
-            let params = Object.assign({}, this.params, paging);
-            this.result.records = null;
-            window.tnx.app.rpc.get(this.url, params, result => {
-                this.result = result;
-            });
-        },
-    }
-}
-</script>
-
-<style>
-.tnxbsv-query-table th,
-.tnxbsv-query-table td {
-    vertical-align: middle;
-}
-</style>
+<template>
+    <BTable class="tnxbsv-query-table"
+        :id="id"
+        :items="result.records || []"
+        :fields="fields"
+        :busy="result.records === null"
+    >
+        <template v-for="(_, slot) of $slots" v-slot:[slot]="scope">
+            <slot :name="slot" v-bind="scope"></slot>
+        </template>
+        <template #custom-foot>
+            <tr>
+                <td colspan="100%">
+                    <Paged :value="result.paged"
+                        :query="query"
+                        :page-size-changeable="pageSizeChangeable"
+                        :aria-controls="id"
+                    />
+                </td>
+            </tr>
+        </template>
+    </BTable>
+</template>
+
+<script>
+import {BTable} from 'bootstrap-vue-next';
+import Paged from '../paged/Paged.vue';
+
+export default {
+    name: 'TnxbsvQueryTable',
+    components: {BTable, Paged},
+    props: {
+        id: {
+            type: String,
+            default: () => {
+                return 'query-table-' + window.tnx.util.string.uuid32();
+            },
+        },
+        url: {
+            type: String,
+            required: true,
+        },
+        params: {
+            type: Object,
+            required: true,
+        },
+        fields: {
+            type: Array,
+            required: true,
+        },
+        init: Boolean,
+        pageSizeChangeable: Boolean,
+    },
+    data() {
+        return {
+            result: {
+                records: null,
+                paged: null,
+            },
+        };
+    },
+    mounted() {
+        if (this.init) {
+            this.query();
+        }
+    },
+    methods: {
+        query(paging) {
+            let params = Object.assign({}, this.params, paging);
+            this.result.records = null;
+            window.tnx.app.rpc.get(this.url, params).then(result => {
+                this.result = result;
+            });
+        },
+    }
+}
+</script>
+
+<style>
+.tnxbsv-query-table th,
+.tnxbsv-query-table td {
+    vertical-align: middle;
+}
+</style>

package/src/bootstrap-vue/region-cascader/RegionCascader.vue

@@ -1,119 +1,119 @@
-<template>
-    <TnxbsvCascader v-model="model"
-        :options="region.subs"
-        :props="{
-            value: 'code',
-            label: 'caption',
-            children: 'subs',
-        }"
-        :placeholder="placeholder"
-        :disabled="disabled"
-        :clearable="empty"
-        :parent-selectable="parentSelectable"
-    />
-</template>
-
-<script>
-import TnxbsvCascader from '../cascader/Cascader.vue';
-
-export default {
-    name: 'TnxbsvRegionCascader',
-    components: {TnxbsvCascader},
-    props: {
-        modelValue: String,
-        scope: {
-            type: String,
-            default: () => 'CN',
-        },
-        maxLevel: {
-            type: [Number, String],
-            default: 3,
-        },
-        minLevel: {
-            type: [Number, String],
-            default: 3,
-        },
-        empty: {
-            type: Boolean,
-            default: false,
-        },
-        placeholder: String,
-        disabled: Boolean,
-        change: Function, // 选中值变化后的事件处理函数，由于比element的change事件传递更多参数，所以以prop的形式指定，以尽量节省性能
-        app: {
-            type: String,
-            default: () => window.tnx.componentDefaultApp,
-        },
-        parentSelectable: Boolean,
-    },
-    data() {
-        return {
-            model: this.modelValue,
-            region: {},
-        };
-    },
-    watch: {
-        model(value) {
-            this.$emit('update:modelValue', value);
-            this.triggerChange(value);
-        },
-        modelValue() {
-            this.model = this.getModel();
-        }
-    },
-    mounted() {
-        window.tnx.app.rpc.loadRegion(this.scope, parseInt(this.maxLevel), region => {
-            this.region = region;
-            this.model = this.getModel();
-        }, {
-            app: this.app,
-        });
-    },
-    methods: {
-        triggerChange(value) {
-            if (this.change) {
-                let item = this.getItem(this.region.subs, value);
-                this.change(item);
-            }
-        },
-        getItem(items, value) {
-            if (items && value !== undefined) {
-                for (let item of items) {
-                    if (item.code === value) {
-                        return item;
-                    }
-                    let sub = this.getItem(item.subs, value);
-                    if (sub) {
-                        return sub;
-                    }
-                }
-            }
-            return undefined;
-        },
-        getModel() {
-            if (this.region) {
-                let items = this.region.subs;
-                if (items && items.length) {
-                    let item = this.getItem(items, this.modelValue);
-                    if (item) {
-                        return item.code;
-                    } else { // 如果当前值找不到匹配的选项，则需要考虑是设置为空还是默认选项
-                        if (!this.empty) { // 如果不能为空，则默认选中第一个叶子节点选项
-                            let firstItem = items[0];
-                            while (firstItem.subs && firstItem.subs.length) {
-                                firstItem = firstItem.subs[0];
-                            }
-                            return firstItem ? firstItem.code : null;
-                        }
-                    }
-                }
-            }
-            return null;
-        }
-    }
-}
-</script>
-
-<style>
-
-</style>
+<template>
+    <TnxbsvCascader v-model="model"
+        :options="region.subs"
+        :props="{
+            value: 'code',
+            label: 'caption',
+            children: 'subs',
+        }"
+        :placeholder="placeholder"
+        :disabled="disabled"
+        :clearable="empty"
+        :parent-selectable="parentSelectable"
+    />
+</template>
+
+<script>
+import TnxbsvCascader from '../cascader/Cascader.vue';
+
+export default {
+    name: 'TnxbsvRegionCascader',
+    components: {TnxbsvCascader},
+    props: {
+        modelValue: String,
+        scope: {
+            type: String,
+            default: () => 'CN',
+        },
+        maxLevel: {
+            type: [Number, String],
+            default: 3,
+        },
+        minLevel: {
+            type: [Number, String],
+            default: 3,
+        },
+        empty: {
+            type: Boolean,
+            default: false,
+        },
+        placeholder: String,
+        disabled: Boolean,
+        change: Function, // 选中值变化后的事件处理函数，由于比element的change事件传递更多参数，所以以prop的形式指定，以尽量节省性能
+        app: {
+            type: String,
+            default: () => window.tnx.componentDefaultApp,
+        },
+        parentSelectable: Boolean,
+    },
+    data() {
+        return {
+            model: this.modelValue,
+            region: {},
+        };
+    },
+    watch: {
+        model(value) {
+            this.$emit('update:modelValue', value);
+            this.triggerChange(value);
+        },
+        modelValue() {
+            this.model = this.getModel();
+        }
+    },
+    mounted() {
+        window.tnx.app.rpc.loadRegion(this.scope, parseInt(this.maxLevel), {
+            app: this.app,
+        }).then(region => {
+            this.region = region;
+            this.model = this.getModel();
+        });
+    },
+    methods: {
+        triggerChange(value) {
+            if (this.change) {
+                let item = this.getItem(this.region.subs, value);
+                this.change(item);
+            }
+        },
+        getItem(items, value) {
+            if (items && value !== undefined) {
+                for (let item of items) {
+                    if (item.code === value) {
+                        return item;
+                    }
+                    let sub = this.getItem(item.subs, value);
+                    if (sub) {
+                        return sub;
+                    }
+                }
+            }
+            return undefined;
+        },
+        getModel() {
+            if (this.region) {
+                let items = this.region.subs;
+                if (items && items.length) {
+                    let item = this.getItem(items, this.modelValue);
+                    if (item) {
+                        return item.code;
+                    } else { // 如果当前值找不到匹配的选项，则需要考虑是设置为空还是默认选项
+                        if (!this.empty) { // 如果不能为空，则默认选中第一个叶子节点选项
+                            let firstItem = items[0];
+                            while (firstItem.subs && firstItem.subs.length) {
+                                firstItem = firstItem.subs[0];
+                            }
+                            return firstItem ? firstItem.code : null;
+                        }
+                    }
+                }
+            }
+            return null;
+        }
+    }
+}
+</script>
+
+<style>
+
+</style>