@meethive/components 0.0.10 → 0.0.12

package/es/ProTable/Pagination.js

@@ -1,20 +1,24 @@
-import { defineComponent, computed, h } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderSlot as _renderSlot, mergeProps as _mergeProps, createVNode as _createVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { computed, h } from 'vue';
 import { Pagination, Spin } from 'ant-design-vue';
 import { _paginationProps } from './setting';
 import { useLocaleReceiver } from '../LocaleReciver';
 import useProTableStyle from './style';
-export default defineComponent({
-  name: 'JPagination',
-  components: {
-    Pagination
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JPagination'
   },
+  __name: 'Pagination',
   props: {
     ..._paginationProps
   },
   emits: ['change'],
-  setup(props, {
-    emit
+  setup(__props, {
+    emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const [contextLocale] = useLocaleReceiver('ProTable');
     const prefixCls = computed(() => 'pro-table');
     const [wrapSSR, hashId] = useProTableStyle(prefixCls);
@@ -23,7 +27,7 @@ export default defineComponent({
         'hide-content': !props.isShowContent
       };
     });
-    const _showTotal = num => {
+    const showTotal = num => {
       const minSize = props.pageIndex * props.pageSize + 1;
       const MaxSize = (props.pageIndex + 1) * props.pageSize;
       let localePage = contextLocale.value.pagination?.page || '';
@@ -46,11 +50,18 @@ export default defineComponent({
     const onChange = (page, size) => {
       emit('change', page, size);
     };
-    return {
-      hashId,
-      className,
-      showTotal: _showTotal,
-      onChange
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['jtable-pagination', _unref(hashId)])
+      }, [_renderSlot(_ctx.$slots, "default", {}, () => [_createVNode(_unref(Pagination), _mergeProps(props, {
+        total: _ctx.total,
+        pageSize: _ctx.pageSize,
+        current: _ctx.pageIndex + 1,
+        "show-total": num => showTotal(num),
+        class: className.value,
+        onChange: onChange
+      }), null, 16 /* FULL_PROPS */, ["total", "pageSize", "current", "show-total", "class"])])], 2 /* CLASS */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/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,
-      tableDataSource: _dataSource,
-      currentMode: _mode,
-      column,
-      page,
-      myPagination,
-      showAlert,
-      showPagination,
-      extraSlots,
-      injectRowSelection: _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/es/Search/Item.js

@@ -1,4 +1,16 @@
-import { defineComponent, computed, ref, reactive, watch, isRef } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, createVNode as _createVNode, Fragment as _Fragment, resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "JSearch-item--type"
+};
+const _hoisted_2 = {
+  key: 1
+};
+const _hoisted_3 = {
+  class: "JSearch-item--value"
+};
+import { computed, ref, reactive, watch, isRef } from 'vue';
 import { Select } from 'ant-design-vue';
 import { componentProps, componentType, typeOptions } from './setting';
 import { getTermOptions, getItemDefaultValue } from './util';
@@ -6,11 +18,11 @@ import { useLocaleReceiver } from '../LocaleReciver';
 import { useColumnsMap, useDefaultValue, useOptionMap } from './hooks';
 import { isArray, isFunction } from 'lodash-es';
 import useSearchStyle from './style';
-export default defineComponent({
-  name: 'JSearchItem',
-  components: {
-    Select
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JSearchItem'
   },
+  __name: 'Item',
   props: {
     column: {
       type: String
@@ -44,9 +56,11 @@ export default defineComponent({
     }
   },
   emits: ['update:value', 'update:termType', 'update:type', 'update:column'],
-  setup(props, {
-    emit
+  setup(__props, {
+    emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const termsModel = reactive({
       type: props.type || 'or',
       value: props.value || '',
@@ -193,19 +207,54 @@ export default defineComponent({
       termsModel.column = props.column;
       termsModel.type = props.type;
     });
-    return {
-      termsModel,
-      contextLocale,
-      targetComponents,
-      valueOptions,
-      hashId,
-      termTypeOptions,
-      columnOptions,
-      typeOptions,
-      onTypeChange,
-      onColumnChange,
-      onTermTypeChange,
-      onValueChange
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['JSearch-item', _unref(hashId)])
+      }, [_createCommentVNode(" onlyValue 为 true 时显示 label "), __props.onlyValue ? (_openBlock(), _createElementBlock("div", {
+        key: 0,
+        class: "JSearch-item--label",
+        style: _normalizeStyle({
+          minWidth: `${__props.labelWidth}px`
+        })
+      }, _toDisplayString(targetComponents.value.label), 5 /* TEXT, STYLE */)) : (_openBlock(), _createElementBlock(_Fragment, {
+        key: 1
+      }, [_createCommentVNode(" onlyValue 为 false 时显示更多选项 "), _createCommentVNode(" 展开模式下显示类型选择 "), __props.expand ? (_openBlock(), _createElementBlock("div", _hoisted_1, [__props.index !== 1 && __props.index !== 4 ? (_openBlock(), _createBlock(_unref(Select), {
+        key: 0,
+        value: termsModel.type,
+        "onUpdate:value": _cache[0] || (_cache[0] = $event => termsModel.type = $event),
+        options: _unref(typeOptions)(_unref(contextLocale)),
+        style: {
+          "width": "100%"
+        },
+        onChange: onTypeChange
+      }, null, 8 /* PROPS */, ["value", "options"])) : (_openBlock(), _createElementBlock("span", _hoisted_2, _toDisplayString(__props.index === 1 ? _unref(contextLocale).item.firstGroup : _unref(contextLocale).item.secondGroup), 1 /* TEXT */))])) : _createCommentVNode("v-if", true), _createCommentVNode(" 列选择 "), _createVNode(_unref(Select), {
+        value: termsModel.column,
+        "onUpdate:value": _cache[1] || (_cache[1] = $event => termsModel.column = $event),
+        placeholder: _unref(contextLocale).item.placeholder,
+        class: "JSearch-item--column",
+        options: columnOptions.value,
+        onChange: onColumnChange
+      }, null, 8 /* PROPS */, ["value", "placeholder", "options"]), _createCommentVNode(" 条件类型选择 "), _createVNode(_unref(Select), {
+        value: termsModel.termType,
+        "onUpdate:value": _cache[2] || (_cache[2] = $event => termsModel.termType = $event),
+        placeholder: _unref(contextLocale).item.placeholder,
+        class: "JSearch-item--termType",
+        options: termTypeOptions.value,
+        onChange: onTermTypeChange
+      }, null, 8 /* PROPS */, ["value", "placeholder", "options"])], 64 /* STABLE_FRAGMENT */)), _createCommentVNode(" 值输入 "), _createElementVNode("div", _hoisted_3, [(_openBlock(), _createBlock(_resolveDynamicComponent(targetComponents.value.name), _mergeProps({
+        "allow-clear": "",
+        style: {
+          "width": "100%",
+          "min-width": "80px"
+        }
+      }, targetComponents.value.props, {
+        options: !['treeSelect', 'tree'].includes(targetComponents.value.type) && valueOptions.value,
+        treeData: ['treeSelect', 'tree'].includes(targetComponents.value.type) && valueOptions.value,
+        value: termsModel.value,
+        "onUpdate:value": _cache[3] || (_cache[3] = $event => termsModel.value = $event),
+        onChange: onValueChange
+      }), null, 16 /* FULL_PROPS */, ["options", "treeData", "value"]))])], 2 /* CLASS */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/Search/Search.js

@@ -1,4 +1,12 @@
-import { defineComponent, reactive, ref, computed, inject, useAttrs } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+  class: "JSearch-content simple"
+};
+const _hoisted_2 = {
+  class: "JSearch-items"
+};
+import { reactive, ref, computed, inject, useAttrs } from 'vue';
 import { searchProps } from './setting';
 import { useLocaleReceiver } from '../LocaleReciver';
 import { Button, Col, Form, FormItemRest, Row } from 'ant-design-vue';
@@ -7,25 +15,22 @@ import Item from './Item.js';
 import { useHandleColumns, useOptionMapContent } from './hooks';
 import { termsParamsFormat } from './util';
 import useSearchStyle from './style';
-export default defineComponent({
-  name: 'JSearch',
-  components: {
-    Button,
-    Col,
-    Form,
-    FormItemRest,
-    Row,
-    Item
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JSearch',
+    inheritAttrs: false
   },
-  inheritAttrs: false,
+  __name: 'Search',
   props: {
     ...searchProps()
   },
   emits: ['search'],
-  setup(props, {
-    emit,
-    expose
+  setup(__props, {
+    expose: __expose,
+    emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const [contextLocale] = useLocaleReceiver('Search');
     const attrs = useAttrs();
     const columnsOptionMap = ref({}); // 存储每个columnItem的option
@@ -73,18 +78,70 @@ export default defineComponent({
       });
       emit('search', termsParamsFormat(terms, columnsMap.value));
     };
-    expose({
+    __expose({
       setValues: handleDefaultValues,
       reset
     });
-    return {
-      contextLocale,
-      attrs,
-      terms,
-      hashId,
-      footerStyles,
-      searchSubmit,
-      reset
+    return (_ctx, _cache) => {
+      return _openBlock(), _createBlock(_unref(Form), {
+        model: terms,
+        onFinish: searchSubmit
+      }, {
+        default: _withCtx(() => [_createElementVNode("div", {
+          class: _normalizeClass(['JSearch-warp', _unref(attrs).class, _unref(hashId)]),
+          style: _normalizeStyle(_unref(attrs).style)
+        }, [_createElementVNode("div", _hoisted_1, [_createElementVNode("div", _hoisted_2, [_createVNode(_unref(Row), {
+          gutter: [16, 16]
+        }, {
+          default: _withCtx(() => [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(terms.terms, (item, index) => {
+            return _openBlock(), _createBlock(_unref(Col), {
+              key: index,
+              span: item._span || 24 / _ctx.column
+            }, {
+              default: _withCtx(() => [_createVNode(Item, {
+                value: item.value,
+                "onUpdate:value": $event => item.value = $event,
+                termType: item.termType,
+                "onUpdate:termType": $event => item.termType = $event,
+                column: item.column,
+                "onUpdate:column": $event => item.column = $event,
+                type: item.type,
+                "onUpdate:type": $event => item.type = $event,
+                labelWidth: _ctx.labelWidth
+              }, null, 8 /* PROPS */, ["value", "onUpdate:value", "termType", "onUpdate:termType", "column", "onUpdate:column", "type", "onUpdate:type", "labelWidth"])]),
+              _: 2 /* DYNAMIC */
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["span"]);
+          }), 128 /* KEYED_FRAGMENT */)), _createVNode(_unref(Col), {
+            span: 24 / _ctx.column
+          }, {
+            default: _withCtx(() => [_renderSlot(_ctx.$slots, "footerRender", {
+              reset: reset,
+              submit: searchSubmit
+            }, () => [_createElementVNode("div", {
+              class: "JSearch-footer--btns",
+              style: _normalizeStyle(footerStyles.value)
+            }, [_createVNode(_unref(Button), {
+              onClick: reset
+            }, {
+              default: _withCtx(() => [_createTextVNode(_toDisplayString(_ctx.resetText || _unref(contextLocale)?.search?.reset), 1 /* TEXT */)]),
+              _: 1 /* STABLE */
+            }), _createVNode(_unref(FormItemRest), null, {
+              default: _withCtx(() => [_createVNode(_unref(Button), {
+                "html-type": "submit",
+                type: "primary"
+              }, {
+                default: _withCtx(() => [_createTextVNode(_toDisplayString(_ctx.submitText || _unref(contextLocale)?.search?.search), 1 /* TEXT */)]),
+                _: 1 /* STABLE */
+              })]),
+              _: 1 /* STABLE */
+            })], 4 /* STYLE */)])]),
+            _: 3 /* FORWARDED */
+          }, 8 /* PROPS */, ["span"])]),
+          _: 3 /* FORWARDED */
+        })])])], 6 /* CLASS, STYLE */)]),
+        _: 3 /* FORWARDED */
+      }, 8 /* PROPS */, ["model"]);
     };
   }
-});
+});
+export default __sfc_main__;

package/lib/Ellipsis/Ellipsis.js

@@ -1,14 +1,16 @@
-import { defineComponent, computed, ref, useAttrs, mergeProps } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, mergeProps as _mergeProps, createElementVNode as _createElementVNode, unref as _unref, normalizeClass as _normalizeClass, withCtx as _withCtx, createSlots as _createSlots, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { computed, ref, useAttrs, mergeProps } from 'vue';
 import { Tooltip } from 'ant-design-vue';
 import useEllipsisStyle from './style';
 const jEllipsis = 'j-ellipsis';
 const jEllipsisCursorClass = 'j-ellipsis-cursor';
 const jEllipsisLineClampClass = 'j-ellipsis-line-clamp';
-export default defineComponent({
-  name: 'JEllipsis',
-  components: {
-    Tooltip
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JEllipsis'
   },
+  __name: 'Ellipsis',
   props: {
     expandTrigger: {
       type: String,
@@ -24,7 +26,8 @@ export default defineComponent({
       default: true
     }
   },
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const prefixCls = computed(() => 'j-ellipsis');
     const [wrapSSR, hashId] = useEllipsisStyle(prefixCls);
 
@@ -127,18 +130,31 @@ export default defineComponent({
       }
       return tooltipDisabled;
     };
-    return {
-      jEllipsis,
-      jEllipsisCursorClass,
-      jEllipsisLineClampClass,
-      hashId,
-      tooltipRef,
-      triggerRef,
-      visible,
-      handleClickRef,
-      triggerAttrs,
-      showTooltip,
-      getTooltipDisabled
+    return (_ctx, _cache) => {
+      return _openBlock(), _createBlock(_unref(Tooltip), _mergeProps({
+        ref_key: "tooltipRef",
+        ref: tooltipRef,
+        placement: "top"
+      }, __props.tooltip, {
+        open: visible.value && __props.tooltip !== false
+      }), _createSlots({
+        default: _withCtx(() => [_createElementVNode("span", _mergeProps({
+          ref_key: "triggerRef",
+          ref: triggerRef
+        }, triggerAttrs(), {
+          onClick: _cache[0] || (_cache[0] = $event => handleClickRef.value && handleClickRef.value()),
+          onMouseleave: _cache[1] || (_cache[1] = $event => visible.value = false),
+          onMouseenter: _cache[2] || (_cache[2] = $event => __props.expandTrigger === 'click' ? getTooltipDisabled() : showTooltip())
+        }), [_renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */)]),
+        _: 2 /* DYNAMIC */
+      }, [__props.tooltip ? {
+        name: "title",
+        fn: _withCtx(() => [_createElementVNode("div", {
+          class: _normalizeClass([jEllipsisLineClampClass, jEllipsis, 'j-ellipsis-deep', _unref(hashId)])
+        }, [_renderSlot(_ctx.$slots, "default"), _renderSlot(_ctx.$slots, "tooltip")], 2 /* CLASS */)]),
+        key: "0"
+      } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["open"]);
     };
   }
-});
+});
+export default __sfc_main__;