@meethive/components 0.0.9 → 0.0.11

package/lib/ProTable/ProTable.js

@@ -1,31 +1,33 @@
-import { defineComponent, useSlots, watch, onMounted, onUnmounted, computed, ref, reactive, inject } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderSlot as _renderSlot, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeProps as _normalizeProps, mergeProps as _mergeProps, renderList as _renderList, createSlots as _createSlots, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+  class: "jtable-body"
+};
+import { useSlots, watch, onMounted, onUnmounted, computed, ref, reactive, inject } from 'vue';
 import { Spin } from 'ant-design-vue';
 import { debounce } from 'lodash-es';
 import Header from './Header.js';
 import Alert from './Alert.js';
 import Content from './Content.js';
-import JPagination from './Pagination.js';
+import Pagination from './Pagination.js';
 import { proTableProps } from './setting';
 import { TableConfig } from '../utils/constants';
 import { useTableInject } from './hooks';
 import useProTableStyle from './style';
 import { onlyMessage } from '@meethive/utils';
 import { useLocaleReceiver } from '../LocaleReciver';
-export default defineComponent({
-  name: 'JProTable',
-  components: {
-    Spin,
-    Header,
-    Alert,
-    Content,
-    JPagination
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JProTable'
   },
+  __name: 'ProTable',
   props: {
     ...proTableProps
   },
-  setup(props, {
-    expose
+  setup(__props, {
+    expose: __expose
   }) {
+    const props = __props;
     const tableConfig = inject(TableConfig, {
       pagination: {}
     });
@@ -234,26 +236,71 @@ export default defineComponent({
     onUnmounted(() => {
       window.onresize = null;
     });
-    expose({
+    __expose({
       reload,
       dataSource: _dataSource
     });
-    return {
-      slots,
-      hashId,
-      loading,
-      _dataSource,
-      _mode,
-      column,
-      page,
-      myPagination,
-      showAlert,
-      showPagination,
-      extraSlots,
-      _rowSelection,
-      onCheck,
-      onPageChange,
-      onClose
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['jtable-body-spin', _unref(hashId)]),
+        style: _normalizeStyle(_ctx.bodyStyle),
+        id: "jtable-body-spin"
+      }, [_createVNode(_unref(Spin), {
+        spinning: loading.value
+      }, {
+        default: _withCtx(() => [_createElementVNode("div", _hoisted_1, [_createVNode(Header, {
+          initMode: _ctx.mode,
+          mode: _mode.value,
+          modeValue: _ctx.modeValue,
+          onChange: onCheck
+        }, {
+          headerLeftRender: _withCtx(() => [_renderSlot(_ctx.$slots, "headerLeftRender")]),
+          headerRightRender: _withCtx(() => [_renderSlot(_ctx.$slots, "headerRightRender")]),
+          _: 3 /* FORWARDED */
+        }, 8 /* PROPS */, ["initMode", "mode", "modeValue"]), showAlert.value ? (_openBlock(), _createBlock(Alert, {
+          key: 0,
+          rowSelection: _ctx.rowSelection || _unref(_rowSelection),
+          onClose: onClose
+        }, {
+          default: _withCtx(() => [_renderSlot(_ctx.$slots, "alertRender", {
+            rowSelection: _ctx.rowSelection || _unref(_rowSelection),
+            onClose: onClose
+          })]),
+          _: 3 /* FORWARDED */
+        }, 8 /* PROPS */, ["rowSelection"])) : _createCommentVNode("v-if", true), _createVNode(Content, _mergeProps(props, {
+          mode: _mode.value,
+          dataSource: _dataSource.value,
+          column: column.value
+        }), _createSlots({
+          _: 2 /* DYNAMIC */
+        }, [_renderList(_unref(slots), (_, key) => {
+          return {
+            name: key,
+            fn: _withCtx(slotProps => [!extraSlots.includes(key) ? _renderSlot(_ctx.$slots, key, _normalizeProps(_mergeProps({
+              key: 0
+            }, slotProps))) : _createCommentVNode("v-if", true)])
+          };
+        })]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["mode", "dataSource", "column"]), showPagination.value ? (_openBlock(), _createBlock(Pagination, _mergeProps({
+          key: 1
+        }, myPagination.value, {
+          total: page.total,
+          pageIndex: page.pageIndex,
+          pageSize: page.pageSize,
+          totalLoading: page.loading,
+          totalRequest: _ctx.totalRequest,
+          onChange: onPageChange
+        }), {
+          default: _withCtx(() => [_renderSlot(_ctx.$slots, "paginationRender", {
+            total: page.total,
+            pageSize: page.pageSize,
+            current: page.pageIndex + 1,
+            onChange: onPageChange
+          })]),
+          _: 3 /* FORWARDED */
+        }, 16 /* FULL_PROPS */, ["total", "pageIndex", "pageSize", "totalLoading", "totalRequest"])) : _createCommentVNode("v-if", true)])]),
+        _: 3 /* FORWARDED */
+      }, 8 /* PROPS */, ["spinning"])], 6 /* CLASS, STYLE */);
     };
   }
-});
+});
+export default __sfc_main__;

package/lib/ProTable/setting.js

@@ -19,7 +19,7 @@ export const _alertProps = {
     default: true
   },
   rowSelection: {
-    type: Object,
+    type: [Object, Boolean],
     default: () => undefined
   }
 }

package/lib/Search/Advanced/History.js

@@ -0,0 +1,142 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, withModifiers as _withModifiers } from "vue";
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = {
+  class: "delete"
+};
+const _hoisted_3 = {
+  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';
+import { useLocaleReceiver } from '../../LocaleReciver';
+import useSearchStyle from '../style';
+const __sfc_main__ = _defineComponent({
+  __name: 'History',
+  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 props = __props;
+    const emit = __emit;
+    const prefixCls = computed(() => 'JSearch');
+    const [wrapSSR, hashId] = useSearchStyle(prefixCls);
+    const [contextLocale] = useLocaleReceiver('Search');
+    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(contextLocale.value.advanced.saveHistory.success);
+        } else {
+          message.error(contextLocale.value.advanced.saveHistory.fail);
+        }
+      }
+    };
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['search-history-warp', _unref(hashId)])
+      }, [_createVNode(_unref(FormItemRest), null, {
+        default: _withCtx(() => [_createVNode(_unref(Button), {
+          class: "search-history-button",
+          type: "primary",
+          "html-type": "submit"
+        }, {
+          default: _withCtx(() => [_createTextVNode(_toDisplayString(_unref(contextLocale).advanced.history.search), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }), _createVNode(_unref(Popover), {
+        placement: "bottom",
+        trigger: "click",
+        "overlay-class-name": "search-history-list-pop",
+        open: historyVisible.value,
+        onVisibleChange: visibleChange
+      }, {
+        content: _withCtx(() => [!showEmpty.value ? (_openBlock(), _createElementBlock("div", {
+          key: 0,
+          class: _normalizeClass(['search-history-items', _unref(hashId)])
+        }, [(_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_1), _createVNode(_unref(Popconfirm), {
+            title: _unref(contextLocale).advanced.history.confirmDelete,
+            placement: "top",
+            onConfirm: $event => deleteHistory(item)
+          }, {
+            default: _withCtx(() => [_createElementVNode("span", _hoisted_2, [_createVNode(_unref(AIcon), {
+              type: "DeleteOutlined"
+            })])]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["title", "onConfirm"])]);
+        }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)) : (_openBlock(), _createElementBlock("div", _hoisted_3, [_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 */, ["open"])], 2 /* CLASS */);
+    };
+  }
+});
+export default __sfc_main__;

package/lib/Search/Advanced/SaveHistory.js

@@ -0,0 +1,124 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock } from "vue";
+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';
+import { useLocaleReceiver } from '../../LocaleReciver';
+const __sfc_main__ = _defineComponent({
+  __name: 'SaveHistory',
+  props: {
+    terms: {
+      type: Object,
+      default: () => ({})
+    },
+    target: {
+      type: String,
+      default: '',
+      required: true
+    },
+    request: {
+      type: Function,
+      default: null
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const [contextLocale] = useLocaleReceiver('Search');
+    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(contextLocale.value.advanced.saveHistory.success);
+          visibleChange(false);
+        } else {
+          message.error(contextLocale.value.advanced.saveHistory.fail);
+        }
+      }
+    };
+    return (_ctx, _cache) => {
+      return _openBlock(), _createBlock(_unref(Popover), {
+        open: visible.value,
+        "onUpdate:open": _cache[1] || (_cache[1] = $event => visible.value = $event),
+        title: _unref(contextLocale).advanced.saveHistory.searchName,
+        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: _unref(contextLocale).advanced.saveHistory.placeholder
+            }, {
+              max: 64,
+              message: _unref(contextLocale).advanced.saveHistory.ruleName
+            }]
+          }, {
+            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 */
+          }, 8 /* PROPS */, ["rules"])]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["model"]), _createVNode(_unref(Button), {
+          loading: saveHistoryLoading.value,
+          type: "primary",
+          class: "save-btn",
+          style: {
+            "width": "100%"
+          },
+          onClick: saveHistory
+        }, {
+          default: _withCtx(() => [_createTextVNode(_toDisplayString(_unref(contextLocale).advanced.saveHistory.save), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["loading"])])) : _createCommentVNode("v-if", true)]),
+        default: _withCtx(() => [_createVNode(_unref(Button), {
+          ghost: "",
+          type: "primary"
+        }, {
+          default: _withCtx(() => [_createTextVNode(_toDisplayString(_unref(contextLocale).advanced.saveHistory.save), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["open", "title"]);
+    };
+  }
+});
+export default __sfc_main__;