fast-crud-ui3 1.5.16 → 1.5.17

package/packages/util/escape.js

@@ -0,0 +1,34 @@
+import * as util from './util.js'
+import FastTableOption from '../model/fastTableOption.js'
+import Query from '../model/query.js'
+
+// 需要转义值的组件
+const components = ['fast-checkbox-group', 'fast-select']
+
+/**
+ * 根据组件判断将值转义为显示值
+ * @param component 组件名
+ * @param val 待转义的原始值, 如果是数组，返回的label也是对应的数组
+ * @param props 转义依据的配置
+ */
+export function escapeValToLabel(component, val, props) {
+    return new Promise((resolve, reject) => {
+        if (components.indexOf(component) === -1) {
+            resolve(val);
+            return
+        }
+        const {options, valKey = 'value', labelKey = 'label'} = props
+        if (util.isArray(options)) {
+            const label = util.escapeLabel(val, options, valKey, labelKey)
+            resolve(label)
+        } else if (options instanceof FastTableOption) {
+            const query = new Query().setDistinct().setCols([valKey, labelKey])
+            options._buildSelectOptions(query, valKey, labelKey).then(optionList => {
+                const label = util.escapeLabel(val, optionList, valKey, labelKey)
+                resolve(label)
+            }).catch(err => {
+                reject(err)
+            })
+        }
+    })
+}

package/packages/util/http.js

@@ -0,0 +1,18 @@
+import {v4 as uuidv4} from 'uuid'
+import FastTableOption from "../model/fastTableOption.js";
+
+/**
+ * 发起post请求
+ * @param url
+ * @param data
+ * @param config
+ * @return {*}
+ */
+export function post(url, data, config = {}) {
+    return FastTableOption.$http.post(url, data, {
+        headers: {
+            'Fc-Request-Id': uuidv4()
+        },
+        ...config
+    })
+}

package/packages/util/pick.js

@@ -0,0 +1,92 @@
+import {h, defineComponent, ref} from 'vue';
+import {ElMessage} from 'element-plus';
+import {FastTableOption} from "../index";
+import {defaultIfEmpty, isEmpty, isFunction} from "./util";
+import {openDialog} from "./dialog";
+import FastTable from '../components/table'
+
+/**
+ * pick弹窗选择表格数据
+ * @param option {FastTableOption} FastTableOption实例
+ * @param multiple {boolean} 是否多选
+ * @param dialog {Object} 弹窗配置
+ * @returns {Promise<*>|*} 返回Promise
+ */
+export function pick({option, multiple = false, dialog = {width: '70%'}}) {
+    const _this = this
+    if (isEmpty(option)) {
+        throw new Error("option 不能为空!");
+    }
+    if (!(option instanceof FastTableOption)) {
+        throw new Error("option 必须是 FastTableOption实例");
+    }
+
+    option.insertable = false
+    option.updatable = false
+    option.deletable = false
+    option.enableMulti = (multiple === true)
+    option.enableFilterCache = false
+    const title = option.title
+    option.showTitle = false
+
+    const DynamicFastTable = defineComponent({
+        name: 'DynamicFastTable',
+        data() {
+            return {
+                option: option
+            }
+        },
+        methods: {
+            getTableRef() {
+                return this.$refs.table
+            }
+        },
+        render() {
+            const slotContent = isFunction(option.render) ? option.render.call(_this) : []
+            return h(FastTable, {
+                    ref: 'table',
+                    option: this.option,
+                    height: '460px'
+                },
+                {
+                    default: () => slotContent
+                }
+            )
+        }
+    });
+
+    const buttons = defaultIfEmpty(dialog.buttons, [
+            {
+                text: '确定',
+                type: 'primary',
+                size: option.style.size,
+                onClick: (instance) => {
+                    const tableRef = instance.getTableRef();
+                    const data = multiple ? tableRef.getCheckedRows() : tableRef.getChoseRow();
+                    if (isEmpty(data)) {
+                        ElMessage.warning('请选择数据');
+                        return; // 返回非Promise则不会关闭对话框
+                    }
+                    return Promise.resolve(data);
+                }
+            },
+            {
+                text: '取消',
+                size: option.style.size,
+                onClick: (instance) => {
+                    return Promise.reject();
+                }
+            }
+        ]
+    );
+
+    return openDialog.call(this, {
+        component: DynamicFastTable,
+        props: {},
+        dialogProps: {
+            ...dialog,
+            title: title,
+            buttons: buttons
+        }
+    })
+}