@jetlinks-web/components 2.0.2-2 → 2.0.2-4

package/lib/Scrollbar/Bar.js

@@ -0,0 +1,114 @@
+function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+        return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+        lastAccessLHS = value;
+        value = fn(value);
+    }
+    else if (op === 'call' || op === 'optionalCall') {
+        value = fn((...args) => value.call(lastAccessLHS, ...args));
+        lastAccessLHS = undefined;
+    }
+} return value; }
+/* Analyzed bindings: {
+  "always": "props",
+  "minSize": "props",
+  "inject": "setup-const",
+  "ref": "setup-const",
+  "GAP": "setup-maybe-ref",
+  "Thumb": "setup-const",
+  "scrollbarContextKey": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "scrollbar": "setup-maybe-ref",
+  "moveX": "setup-ref",
+  "moveY": "setup-ref",
+  "sizeWidth": "setup-ref",
+  "sizeHeight": "setup-ref",
+  "ratioY": "setup-ref",
+  "ratioX": "setup-ref",
+  "handleScroll": "setup-const",
+  "update": "setup-const"
+} */
+import { defineComponent as _defineComponent } from 'vue';
+import { createVNode as _createVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { inject, ref } from 'vue';
+import { GAP } from './util';
+import Thumb from './Thumb.js';
+import { scrollbarContextKey } from './constants';
+const __sfc_main__ = _defineComponent({
+    props: {
+        always: {
+            type: Boolean,
+            default: true,
+        },
+        minSize: {
+            type: Number,
+            required: true,
+        }
+    },
+    setup(__props, { expose: __expose }) {
+        const props = __props;
+        const scrollbar = inject(scrollbarContextKey);
+        const moveX = ref(0);
+        const moveY = ref(0);
+        const sizeWidth = ref('');
+        const sizeHeight = ref('');
+        const ratioY = ref(1);
+        const ratioX = ref(1);
+        const handleScroll = (wrap) => {
+            if (wrap) {
+                const offsetHeight = wrap.offsetHeight - GAP;
+                const offsetWidth = wrap.offsetWidth - GAP;
+                moveY.value = ((wrap.scrollTop * 100) / offsetHeight) * ratioY.value;
+                moveX.value = ((wrap.scrollLeft * 100) / offsetWidth) * ratioX.value;
+            }
+        };
+        const update = () => {
+            const wrap = _optionalChain([scrollbar, 'optionalAccess', _ => _.wrapElement]);
+            if (!wrap)
+                return;
+            const offsetHeight = wrap.offsetHeight - GAP;
+            const offsetWidth = wrap.offsetWidth - GAP;
+            const originalHeight = offsetHeight ** 2 / wrap.scrollHeight;
+            const originalWidth = offsetWidth ** 2 / wrap.scrollWidth;
+            const height = Math.max(originalHeight, props.minSize);
+            const width = Math.max(originalWidth, props.minSize);
+            ratioY.value =
+                originalHeight /
+                    (offsetHeight - originalHeight) /
+                    (height / (offsetHeight - height));
+            ratioX.value =
+                originalWidth /
+                    (offsetWidth - originalWidth) /
+                    (width / (offsetWidth - width));
+            sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : '';
+            sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : '';
+        };
+        __expose({
+            handleScroll,
+            update,
+        });
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock(_Fragment, null, [
+                _createVNode(Thumb, {
+                    move: moveX.value,
+                    ratio: ratioX.value,
+                    size: sizeWidth.value,
+                    always: __props.always
+                }, null, 8 /* PROPS */, ["move", "ratio", "size", "always"]),
+                _createVNode(Thumb, {
+                    move: moveY.value,
+                    ratio: ratioY.value,
+                    size: sizeHeight.value,
+                    vertical: "",
+                    always: __props.always
+                }, null, 8 /* PROPS */, ["move", "ratio", "size", "always"])
+            ], 64 /* STABLE_FRAGMENT */));
+        };
+    }
+});
+export default __sfc_main__;

package/{src/Scrollbar/scrollbar.ts → lib/Scrollbar/Scrollbar.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/Thumb.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/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.scrollbarContextKey = void 0;
+var scrollbarContextKey = exports.scrollbarContextKey = Symbol('scrollbarContextKey');

package/lib/Scrollbar/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Scrollbar = _interopRequireDefault(require("./Scrollbar.js"));
+var _default = exports.default = _Scrollbar.default;

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__;