@jetlinks-web/components 2.0.2 → 2.0.3

package/{src/Scrollbar/scrollbar.ts → lib/Scrollbar/scrollbarProps.js}

@@ -1,108 +1,106 @@
-import { isNumber } from '@jetlinks-web/utils'
-import type { StyleValue, PropType } from 'vue'
-import type Bar from './Bar.vue'
-
-export const scrollbarProps = {
-  /**
-   * @description height of scrollbar
-   */
-  height: {
-    type: [String, Number],
-    default: '',
-  },
-  /**
-   * @description max height of scrollbar
-   */
-  maxHeight: {
-    type: [String, Number],
-    default: '',
-  },
-  /**
-   * @description whether to use the native scrollbar
-   */
-  native: {
-    type: Boolean,
-    default: false,
-  },
-  /**
-   * @description style of wrap
-   */
-  wrapStyle: {
-    type: [String, Object, Array] as PropType<StyleValue>,
-    default: '',
-  },
-  /**
-   * @description class of wrap
-   */
-  wrapClass: {
-    type: [String, Array],
-    default: '',
-  },
-  /**
-   * @description class of view
-   */
-  viewClass: {
-    type: [String, Array],
-    default: '',
-  },
-  /**
-   * @description style of view
-   */
-  viewStyle: {
-    type: [String, Array, Object],
-    default: '',
-  },
-  /**
-   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance
-   */
-  noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能
-  /**
-   * @description element tag of the view
-   */
-  tag: {
-    type: String,
-    default: 'div',
-  },
-  /**
-   * @description always show
-   */
-  always: Boolean,
-  /**
-   * @description minimum size of scrollbar
-   */
-  minSize: {
-    type: Number,
-    default: 20,
-  },
-  /**
-   * @description id of view
-   */
-  id: String,
-  /**
-   * @description role of view
-   */
-  role: String,
-  /**
-   * @description aria-label of view
-   */
-  ariaLabel: String,
-  /**
-   * @description aria-orientation of view
-   */
-  ariaOrientation: {
-    type: String,
-    values: ['horizontal', 'vertical'],
-  },
-}
-
-export const scrollbarEmits = {
-  scroll: ({
-             scrollTop,
-             scrollLeft,
-           }: {
-    scrollTop: number
-    scrollLeft: number
-  }) => [scrollTop, scrollLeft].every(isNumber),
-}
-
-export type BarInstance = InstanceType<typeof Bar>
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.scrollbarProps = exports.scrollbarEmits = void 0;
+var _utils = require("@jetlinks-web/utils");
+var scrollbarProps = exports.scrollbarProps = {
+  /**
+   * @description height of scrollbar
+   */
+  height: {
+    type: [String, Number],
+    default: ''
+  },
+  /**
+   * @description max height of scrollbar
+   */
+  maxHeight: {
+    type: [String, Number],
+    default: ''
+  },
+  /**
+   * @description whether to use the native scrollbar
+   */
+  native: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description style of wrap
+   */
+  wrapStyle: {
+    type: [String, Object, Array],
+    default: ''
+  },
+  /**
+   * @description class of wrap
+   */
+  wrapClass: {
+    type: [String, Array],
+    default: ''
+  },
+  /**
+   * @description class of view
+   */
+  viewClass: {
+    type: [String, Array],
+    default: ''
+  },
+  /**
+   * @description style of view
+   */
+  viewStyle: {
+    type: [String, Array, Object],
+    default: ''
+  },
+  /**
+   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance
+   */
+  noresize: Boolean,
+  /**
+   * @description element tag of the view
+   */
+  tag: {
+    type: String,
+    default: 'div'
+  },
+  /**
+   * @description always show
+   */
+  always: Boolean,
+  /**
+   * @description minimum size of scrollbar
+   */
+  minSize: {
+    type: Number,
+    default: 20
+  },
+  /**
+   * @description id of view
+   */
+  id: String,
+  /**
+   * @description role of view
+   */
+  role: String,
+  /**
+   * @description aria-label of view
+   */
+  ariaLabel: String,
+  /**
+   * @description aria-orientation of view
+   */
+  ariaOrientation: {
+    type: String,
+    values: ['horizontal', 'vertical']
+  }
+};
+var scrollbarEmits = exports.scrollbarEmits = {
+  scroll: function scroll(_ref) {
+    var scrollTop = _ref.scrollTop,
+      scrollLeft = _ref.scrollLeft;
+    return [scrollTop, scrollLeft].every(_utils.isNumber);
+  }
+};

package/lib/Scrollbar/thumbProps.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.thumbProps = void 0;
+var thumbProps = exports.thumbProps = {
+  vertical: Boolean,
+  size: String,
+  move: Number,
+  ratio: {
+    type: Number,
+    required: true
+  },
+  always: Boolean
+};

package/lib/Scrollbar/util.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderThumbStyle = exports.GAP = exports.BAR_MAP = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var GAP = exports.GAP = 4; // top 2 + bottom 2 of bar instance
+var BAR_MAP = exports.BAR_MAP = {
+  vertical: {
+    offset: 'offsetHeight',
+    scroll: 'scrollTop',
+    scrollSize: 'scrollHeight',
+    size: 'height',
+    key: 'vertical',
+    axis: 'Y',
+    client: 'clientY',
+    direction: 'top'
+  },
+  horizontal: {
+    offset: 'offsetWidth',
+    scroll: 'scrollLeft',
+    scrollSize: 'scrollWidth',
+    size: 'width',
+    key: 'horizontal',
+    axis: 'X',
+    client: 'clientX',
+    direction: 'left'
+  }
+};
+var renderThumbStyle = exports.renderThumbStyle = function renderThumbStyle(_ref) {
+  var move = _ref.move,
+    size = _ref.size,
+    bar = _ref.bar;
+  return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, bar.size, size), "transform", "translate".concat(bar.axis, "(").concat(move, "%)"));
+};

package/lib/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/lib/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-1712546548162"), 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__;