@jetlinks-web/components 2.0.2 → 2.0.3

package/es/Search/Advanced/History.js

@@ -0,0 +1,183 @@
+/* Analyzed bindings: {
+  "target": "props",
+  "request": "props",
+  "deleteRequest": "props",
+  "deleteKey": "props",
+  "computed": "setup-const",
+  "ref": "setup-const",
+  "isFunction": "setup-maybe-ref",
+  "AIcon": "setup-maybe-ref",
+  "Empty": "setup-maybe-ref",
+  "Ellipsis": "setup-maybe-ref",
+  "Popconfirm": "setup-maybe-ref",
+  "Button": "setup-maybe-ref",
+  "FormItemRest": "setup-maybe-ref",
+  "Popover": "setup-maybe-ref",
+  "message": "setup-maybe-ref",
+  "emit": "setup-const",
+  "props": "setup-reactive-const",
+  "historyList": "setup-ref",
+  "historyVisible": "setup-ref",
+  "showEmpty": "setup-ref",
+  "showHistoryList": "setup-const",
+  "visibleChange": "setup-const",
+  "click": "setup-const",
+  "itemClick": "setup-const",
+  "deleteHistory": "setup-const"
+} */
+import { defineComponent as _defineComponent } from 'vue';
+import { createTextVNode as _createTextVNode, unref as _unref, withCtx as _withCtx, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, withModifiers as _withModifiers } from "vue";
+const _hoisted_1 = { class: "search-history-warp" };
+const _hoisted_2 = {
+    key: 0,
+    class: "search-history-items"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "delete" };
+const _hoisted_5 = {
+    key: 1,
+    class: "search-history-empty"
+};
+import { computed, ref } from 'vue';
+import { isFunction } from 'lodash-es';
+import { AIcon, Empty, Ellipsis } from '../../../';
+import { Popconfirm, Button, FormItemRest, Popover, message } from 'ant-design-vue';
+const __sfc_main__ = _defineComponent({
+    props: {
+        target: {
+            type: String,
+            default: '',
+            required: true,
+        },
+        request: {
+            type: Function,
+            default: null,
+        },
+        deleteRequest: {
+            type: Function,
+            default: null,
+        },
+        deleteKey: {
+            type: String,
+            default: 'key',
+        },
+    },
+    emits: ["click", "itemClick"],
+    setup(__props, { emit: __emit }) {
+        const emit = __emit;
+        const props = __props;
+        const historyList = ref([]);
+        const historyVisible = ref(false);
+        const showEmpty = computed(() => {
+            return historyList.value.length === 0;
+        });
+        const showHistoryList = async () => {
+            if (props.request) {
+                const resp = await props.request(props.target);
+                if (resp.success && resp.result.length) {
+                    historyList.value = resp.result.filter((item) => item.content);
+                }
+                else {
+                    historyList.value = [];
+                }
+            }
+        };
+        const visibleChange = async (v) => {
+            historyVisible.value = v;
+        };
+        const click = () => {
+            emit('click');
+        };
+        const itemClick = (content) => {
+            historyVisible.value = false;
+            emit('itemClick', content);
+        };
+        const deleteHistory = async (item) => {
+            if (props.deleteRequest && isFunction(props.deleteRequest)) {
+                const resp = await props.deleteRequest(props.target, item[props.deleteKey]);
+                historyVisible.value = false;
+                if (resp.success || resp.status === 200 || resp.code === 200) {
+                    message.success('操作成功');
+                }
+                else {
+                    message.error('操作失败');
+                }
+            }
+        };
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("div", _hoisted_1, [
+                _createVNode(_unref(FormItemRest), null, {
+                    default: _withCtx(() => [
+                        _createVNode(_unref(Button), {
+                            class: "search-history-button",
+                            type: "primary",
+                            "html-type": "submit"
+                        }, {
+                            default: _withCtx(() => [
+                                _createTextVNode(" 搜索 ")
+                            ]),
+                            _: 1 /* STABLE */
+                        })
+                    ]),
+                    _: 1 /* STABLE */
+                }),
+                _createVNode(_unref(Popover), {
+                    placement: "bottom",
+                    trigger: "click",
+                    "overlay-class-name": "search-history-list-pop",
+                    visible: historyVisible.value,
+                    onVisibleChange: visibleChange
+                }, {
+                    content: _withCtx(() => [
+                        (!showEmpty.value)
+                            ? (_openBlock(), _createElementBlock("div", _hoisted_2, [
+                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(historyList.value, (item) => {
+                                    return (_openBlock(), _createElementBlock("div", {
+                                        key: item.id,
+                                        class: "search-history-item"
+                                    }, [
+                                        _createElementVNode("div", {
+                                            class: "history-item--title",
+                                            onClick: ($event) => (itemClick(item.content))
+                                        }, [
+                                            _createVNode(_unref(Ellipsis), { style: { "width": "100%" } }, {
+                                                default: _withCtx(() => [
+                                                    _createTextVNode(_toDisplayString(item.name), 1 /* TEXT */)
+                                                ]),
+                                                _: 2 /* DYNAMIC */
+                                            }, 1024 /* DYNAMIC_SLOTS */)
+                                        ], 8 /* PROPS */, _hoisted_3),
+                                        _createVNode(_unref(Popconfirm), {
+                                            title: "确认删除吗？",
+                                            placement: "top",
+                                            onConfirm: ($event) => (deleteHistory(item))
+                                        }, {
+                                            default: _withCtx(() => [
+                                                _createElementVNode("span", _hoisted_4, [
+                                                    _createVNode(_unref(AIcon), { type: "DeleteOutlined" })
+                                                ])
+                                            ]),
+                                            _: 2 /* DYNAMIC */
+                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onConfirm"])
+                                    ]));
+                                }), 128 /* KEYED_FRAGMENT */))
+                            ]))
+                            : (_openBlock(), _createElementBlock("div", _hoisted_5, [
+                                _createVNode(_unref(Empty))
+                            ]))
+                    ]),
+                    default: _withCtx(() => [
+                        _createElementVNode("div", {
+                            class: "search-history-button-icon",
+                            onClick: _withModifiers(showHistoryList, ["stop"])
+                        }, [
+                            _createVNode(_unref(AIcon), { type: "DownOutlined" })
+                        ])
+                    ]),
+                    _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["visible"])
+            ]));
+        };
+    }
+});
+export default __sfc_main__;

package/es/Search/Advanced/SaveHistory.js

@@ -0,0 +1,153 @@
+/* Analyzed bindings: {
+  "terms": "props",
+  "target": "props",
+  "request": "props",
+  "ref": "setup-const",
+  "reactive": "setup-const",
+  "Form": "setup-maybe-ref",
+  "Button": "setup-maybe-ref",
+  "FormItem": "setup-maybe-ref",
+  "Popover": "setup-maybe-ref",
+  "Textarea": "setup-maybe-ref",
+  "message": "setup-maybe-ref",
+  "isFunction": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "saveHistoryLoading": "setup-ref",
+  "visible": "setup-ref",
+  "formRef": "setup-ref",
+  "modelRef": "setup-reactive-const",
+  "visibleChange": "setup-const",
+  "saveHistory": "setup-const"
+} */
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+const _withScopeId = n => (_pushScopeId("data-v-1712546548147"), n = n(), _popScopeId(), n);
+const _hoisted_1 = {
+    key: 0,
+    style: { "width": "240px" }
+};
+import { ref, reactive } from 'vue';
+import { Form, Button, FormItem, Popover, Textarea, message } from 'ant-design-vue';
+import { isFunction } from 'lodash-es';
+const __sfc_main__ = _defineComponent({
+    props: {
+        terms: {
+            type: Object,
+            default: () => ({}),
+        },
+        target: {
+            type: String,
+            default: '',
+            required: true,
+        },
+        request: {
+            type: Function,
+            default: null,
+        },
+    },
+    setup(__props) {
+        const props = __props;
+        const saveHistoryLoading = ref(false);
+        const visible = ref(false);
+        const formRef = ref();
+        const modelRef = reactive({
+            name: undefined,
+        });
+        const visibleChange = (e) => {
+            visible.value = e;
+            if (!e) {
+                setTimeout(() => {
+                    modelRef.name = undefined;
+                }, 100);
+            }
+        };
+        /**
+         * 保存当前查询条件
+         */
+        const saveHistory = async () => {
+            // 获取当前查询条件并转化为字符串
+            const formData = await formRef.value.validate();
+            if (formData && props.request && isFunction(props.request)) {
+                formData.content = JSON.stringify(props.terms);
+                saveHistoryLoading.value = true;
+                const resp = await props.request(formData, props.target);
+                saveHistoryLoading.value = false;
+                if (resp.success || resp.status === 200 || resp.code === 200) {
+                    message.success('操作成功');
+                    visibleChange(false);
+                }
+                else {
+                    message.error('操作失败');
+                }
+            }
+        };
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createBlock(_unref(Popover), {
+                visible: visible.value,
+                "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => ((visible).value = $event)),
+                title: "搜索名称",
+                trigger: "click",
+                placement: "bottom",
+                onVisibleChange: visibleChange
+            }, {
+                content: _withCtx(() => [
+                    (visible.value)
+                        ? (_openBlock(), _createElementBlock("div", _hoisted_1, [
+                            _createVNode(_unref(Form), {
+                                ref_key: "formRef",
+                                ref: formRef,
+                                model: modelRef
+                            }, {
+                                default: _withCtx(() => [
+                                    _createVNode(_unref(FormItem), {
+                                        name: "name",
+                                        rules: [
+                                            { required: true, message: '请输入名称' },
+                                            { max: 64, message: '最多64个字符' },
+                                        ]
+                                    }, {
+                                        default: _withCtx(() => [
+                                            _createVNode(_unref(Textarea), {
+                                                value: modelRef.name,
+                                                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => ((modelRef.name) = $event)),
+                                                rows: 3,
+                                                maxlength: 200
+                                            }, null, 8 /* PROPS */, ["value"])
+                                        ]),
+                                        _: 1 /* STABLE */
+                                    })
+                                ]),
+                                _: 1 /* STABLE */
+                            }, 8 /* PROPS */, ["model"]),
+                            _createVNode(_unref(Button), {
+                                loading: saveHistoryLoading.value,
+                                type: "primary",
+                                class: "save-btn",
+                                style: { "width": "100%" },
+                                onClick: saveHistory
+                            }, {
+                                default: _withCtx(() => [
+                                    _createTextVNode(" 保存 ")
+                                ]),
+                                _: 1 /* STABLE */
+                            }, 8 /* PROPS */, ["loading"])
+                        ]))
+                        : _createCommentVNode("v-if", true)
+                ]),
+                default: _withCtx(() => [
+                    _createVNode(_unref(Button), {
+                        ghost: "",
+                        type: "primary"
+                    }, {
+                        default: _withCtx(() => [
+                            _createTextVNode(" 保存")
+                        ]),
+                        _: 1 /* STABLE */
+                    })
+                ]),
+                _: 1 /* STABLE */
+            }, 8 /* PROPS */, ["visible"]));
+        };
+    }
+});
+export default __sfc_main__;