@meethive/components 0.0.13 → 0.0.15

package/es/EditTable/Body.js

@@ -1,4 +1,27 @@
-import { defineComponent, ref, reactive, computed, watch, onMounted, onBeforeUnmount, nextTick } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createCommentVNode as _createCommentVNode, createBlock as _createBlock, withModifiers as _withModifiers, normalizeClass as _normalizeClass, createVNode as _createVNode } from "vue";
+const _hoisted_1 = {
+  style: {
+    "position": "relative"
+  }
+};
+const _hoisted_2 = ["data-row-key", "onContextmenu", "onClick"];
+const _hoisted_3 = {
+  key: 0,
+  class: "body-cell-box"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "body-cell-box"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "readonly-mask"
+};
+const _hoisted_6 = {
+  class: "jetlinks-edit-table-body-empty"
+};
+import { ref, reactive, computed, watch, onMounted, onBeforeUnmount, nextTick } from 'vue';
 import ContextMenu from './components/ContextMenu';
 import { useHScroll, useRightMenuContext } from './hooks';
 import { randomString } from '@meethive/utils';
@@ -6,12 +29,11 @@ import { bodyProps } from './props';
 import Empty from '../Empty/Empty.js';
 import CellRender from './CellRender.js';
 import genEditTableStyle from './style';
-export default defineComponent({
-  name: 'JEditTableBody',
-  components: {
-    Empty,
-    CellRender
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JEditTableBody'
   },
+  __name: 'Body',
   props: {
     ...bodyProps(),
     groupKey: {
@@ -27,10 +49,12 @@ export default defineComponent({
     }
   },
   emits: ['update:dataSource', 'scrollDown'],
-  setup(props, {
-    emit,
-    expose
+  setup(__props, {
+    expose: __expose,
+    emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const prefixCls = computed(() => 'jetlinks-edit-table');
     const [wrapSSR, hashId] = genEditTableStyle(prefixCls);
     const viewScrollRef = ref();
@@ -49,7 +73,11 @@ export default defineComponent({
     });
     const selectedRowKeys = ref([]);
     const virtualData = computed(() => {
-      return props.dataSource.slice(virtualRang.start, virtualRang.end);
+      const array = props.dataSource.slice(virtualRang.start, virtualRang.end);
+      if (tableCenterRef.value) {
+        // tableCenterRef.value.style.webkitTransform  =  `translateY(${virtualRang.start * props.cellHeight}px)`
+      }
+      return array;
     });
     const onScroll = () => {
       if (!viewScrollRef.value) return;
@@ -137,22 +165,78 @@ export default defineComponent({
         scrollTo(0);
       }
     });
-    expose({
+    __expose({
       scrollTo,
       updateSelectedKeys
     });
-    return {
-      hashId,
-      viewScrollRef,
-      tableCenterRef,
-      virtualRang,
-      containerStyle,
-      hScroll,
-      selectedRowKeys,
-      virtualData,
-      onScroll,
-      showContextMenu,
-      rowClick
+    return (_ctx, _cache) => {
+      return _ctx.dataSource.length ? (_openBlock(), _createElementBlock("div", {
+        key: 0,
+        ref_key: "viewScrollRef",
+        ref: viewScrollRef,
+        class: _normalizeClass(['jetlinks-edit-table-body-viewport', _unref(hashId)]),
+        style: _normalizeStyle({
+          ..._ctx.style,
+          height: _ctx.height + 'px'
+        }),
+        onScroll: onScroll
+      }, [_createElementVNode("div", _hoisted_1, [_createElementVNode("div", {
+        class: "jetlinks-edit-scrollbar",
+        style: _normalizeStyle(containerStyle.value)
+      }, null, 4 /* STYLE */), _createElementVNode("div", {
+        ref_key: "tableCenterRef",
+        ref: tableCenterRef,
+        class: "jetlinks-edit-table-center",
+        style: _normalizeStyle({
+          transform: `translate3d(-${_unref(hScroll) || 0}px, ${virtualRang.start * _ctx.cellHeight}px, 0)`,
+          width: __props.width + 'px'
+        })
+      }, [virtualData.value.length ? (_openBlock(true), _createElementBlock(_Fragment, {
+        key: 0
+      }, _renderList(virtualData.value, (item, index) => {
+        return _openBlock(), _createElementBlock("div", {
+          key: `record_${item.__key}`,
+          class: _normalizeClass({
+            'jetlinks-edit-table-row': true,
+            'jetlinks-edit-table-row-selected': selectedRowKeys.value.value?.includes(item[_ctx.rowKey] || virtualRang.start + index + 1)
+          }),
+          style: _normalizeStyle({
+            height: `${_ctx.cellHeight}px`,
+            transform: `-${_unref(hScroll) || 0}px`
+          }),
+          "data-row-key": item[_ctx.rowKey] || virtualRang.start + index + 1,
+          onContextmenu: _withModifiers(e => showContextMenu(e, item, virtualRang.start + index), ["right"]),
+          onClick: _withModifiers(() => rowClick(item), ["stop"])
+        }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.columns, (column, __index) => {
+          return _openBlock(), _createElementBlock("div", {
+            key: column.dataIndex,
+            class: "jetlinks-edit-table-cell",
+            style: _normalizeStyle({
+              width: `${column.width}px`,
+              left: `${column.left || 200 * __index}px`
+            })
+          }, [column.dataIndex === '__serial' ? (_openBlock(), _createElementBlock("div", _hoisted_3, [_renderSlot(_ctx.$slots, "serial", {
+            record: item,
+            index: item.__dataIndex,
+            column: column
+          }, () => [_createTextVNode(_toDisplayString(virtualRang.start + index + 1), 1 /* TEXT */)])])) : (_openBlock(), _createElementBlock("div", _hoisted_4, [_renderSlot(_ctx.$slots, column.dataIndex, {
+            record: item,
+            index: item.__dataIndex,
+            column: column
+          }, () => [column.customRender ? (_openBlock(), _createBlock(CellRender, {
+            key: 0,
+            record: item,
+            value: item[column.dataIndex],
+            index: item.__dataIndex,
+            "render-fn": column.customRender
+          }, null, 8 /* PROPS */, ["record", "value", "index", "render-fn"])) : (_openBlock(), _createElementBlock(_Fragment, {
+            key: 1
+          }, [_createTextVNode(_toDisplayString(item[column.dataIndex]), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */))])]))], 4 /* STYLE */);
+        }), 128 /* KEYED_FRAGMENT */))], 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_2);
+      }), 128 /* KEYED_FRAGMENT */)) : _createCommentVNode("v-if", true), __props.readonly ? (_openBlock(), _createElementBlock("div", _hoisted_5)) : _createCommentVNode("v-if", true)], 4 /* STYLE */)])], 38 /* CLASS, STYLE, NEED_HYDRATION */)) : _renderSlot(_ctx.$slots, "empty", {
+        key: 1
+      }, () => [_createElementVNode("div", _hoisted_6, [_createVNode(Empty)])]);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/EditTable/EditTable.js

@@ -1,4 +1,16 @@
-import { defineComponent, ref, reactive, computed, watch, provide, useSlots } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, createVNode as _createVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, withCtx as _withCtx, renderList as _renderList, createSlots as _createSlots, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+  class: "jetlinks-edit-table-extra"
+};
+const _hoisted_2 = {
+  class: "jetlinks-edit-table"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "jetlinks-table-horizontal-scroll"
+};
+import { ref, reactive, computed, watch, provide, useSlots } from 'vue';
 import { tableProps } from 'ant-design-vue/lib/table';
 import { useFullscreen } from '@vueuse/core';
 import { findIndex, get, sortBy } from 'lodash-es';
@@ -13,13 +25,11 @@ import Group from './Group.js';
 import { useLocaleReceiver } from '../LocaleReciver';
 import useEditTableStyle from './style';
 const defaultGroupId = 'group_1';
-export default defineComponent({
-  name: 'JEditTable',
-  components: {
-    Header,
-    Body,
-    Group
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JEditTable'
   },
+  __name: 'EditTable',
   props: {
     ...tableProps(),
     ...bodyProps(),
@@ -44,10 +54,12 @@ export default defineComponent({
     }
   },
   emits: ['scrollDown', 'rightMenuClick', 'editChange', 'searchVisibleChange'],
-  setup(props, {
-    emit,
-    expose
+  setup(__props, {
+    expose: __expose,
+    emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const [contextLocale] = useLocaleReceiver('EditTable');
     const prefixCls = computed(() => 'jetlinks-edit-table');
     const [wrapSSR, hashId] = useEditTableStyle(prefixCls);
@@ -349,7 +361,7 @@ export default defineComponent({
       addFieldError,
       validateItem
     });
-    expose({
+    __expose({
       validate,
       tableWrapper,
       scrollToById,
@@ -357,29 +369,93 @@ export default defineComponent({
       getTableWrapperRef,
       getGroupActive
     });
-    return {
-      slots,
-      hashId,
-      isFullscreen,
-      toggle,
-      tableWrapper,
-      tableBody,
-      scrollBarRef,
-      myColumns,
-      tableStyle,
-      showScroll,
-      horizontalScrollWidth,
-      horizontalScrollLeft,
-      scrollWidth,
-      bodyDataSource,
-      groupActive,
-      groupOptions,
-      addGroup,
-      updateGroupActive,
-      onScrollDown,
-      groupDelete,
-      groupEdit,
-      onHorizontalScroll
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        ref_key: "tableWrapper",
+        ref: tableWrapper,
+        class: _normalizeClass({
+          'jetlinks-edit-table-wrapper': true,
+          'table-full-screen': _unref(isFullscreen),
+          [_unref(hashId)]: true
+        })
+      }, [_createElementVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "extra", {
+        isFullscreen: _unref(isFullscreen),
+        fullScreenToggle: _unref(toggle)
+      })]), _createElementVNode("div", _hoisted_2, [_createElementVNode("div", {
+        class: "jetlinks-edit-table-header",
+        style: _normalizeStyle({
+          height: '50px',
+          paddingRight: scrollWidth.value + 'px'
+        })
+      }, [_createVNode(Header, {
+        columns: myColumns.value,
+        "search-columns": __props.searchColumns,
+        style: _normalizeStyle({
+          width: tableStyle.width,
+          transform: `translateX(-${horizontalScrollLeft.value}px)`
+        })
+      }, null, 8 /* PROPS */, ["columns", "search-columns", "style"])], 4 /* STYLE */), _createElementVNode("div", {
+        class: "jetlinks-edit-table-body",
+        style: _normalizeStyle({
+          width: tableStyle.width,
+          height: `${_ctx.height}px`
+        })
+      }, [_createVNode(Body, {
+        ref_key: "tableBody",
+        ref: tableBody,
+        "data-source": bodyDataSource.value,
+        columns: myColumns.value,
+        "cell-height": _ctx.cellHeight,
+        height: _ctx.height,
+        "disable-menu": _ctx.disableMenu,
+        "row-key": _ctx.rowKey,
+        "group-key": _unref(groupActive).value,
+        "open-group": _ctx.openGroup,
+        "row-selection": _ctx.rowSelection,
+        readonly: __props.readonly,
+        width: horizontalScrollWidth.value,
+        onScrollDown: onScrollDown
+      }, _createSlots({
+        _: 2 /* DYNAMIC */
+      }, [_renderList(_unref(slots), (_, name) => {
+        return {
+          name: name,
+          fn: _withCtx(slotData => [_renderSlot(_ctx.$slots, name, _normalizeProps(_guardReactiveProps(slotData || {})))])
+        };
+      })]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-source", "columns", "cell-height", "height", "disable-menu", "row-key", "group-key", "open-group", "row-selection", "readonly", "width"]), _renderSlot(_ctx.$slots, "bodyExtra")], 4 /* STYLE */), showScroll.value ? (_openBlock(), _createElementBlock("div", _hoisted_3, [_createElementVNode("div", {
+        ref_key: "scrollBarRef",
+        ref: scrollBarRef,
+        class: "jetlinks-table-horizontal-scroll-bar",
+        style: {
+          width: 'calc(100% - 15px)',
+          height: '100%',
+          overflowX: 'scroll'
+        },
+        onScroll: onHorizontalScroll
+      }, [_createElementVNode("div", {
+        style: _normalizeStyle({
+          minWidth: horizontalScrollWidth.value + 'px',
+          maxWidth: horizontalScrollWidth.value + 'px',
+          height: '100%'
+        })
+      }, null, 4 /* STYLE */)], 544 /* NEED_HYDRATION, NEED_PATCH */), _cache[1] || (_cache[1] = _createElementVNode("div", {
+        style: {
+          "width": "15px",
+          "height": "100%",
+          "overflow-x": "hidden"
+        }
+      }, null, -1 /* CACHED */))])) : _createCommentVNode("v-if", true), _ctx.dataSource.length && _ctx.openGroup ? (_openBlock(), _createBlock(Group, {
+        key: 1,
+        "active-key": _unref(groupActive).value,
+        "onUpdate:activeKey": _cache[0] || (_cache[0] = $event => _unref(groupActive).value = $event),
+        options: _unref(groupOptions),
+        readonly: __props.readonly,
+        onAdd: _unref(addGroup),
+        onDelete: groupDelete,
+        onEdit: groupEdit,
+        onChange: _unref(updateGroupActive)
+      }, null, 8 /* PROPS */, ["active-key", "options", "readonly", "onAdd", "onChange"])) : _createCommentVNode("v-if", true)])], 2 /* CLASS */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/EditTable/FormItem.js

@@ -1,29 +1,38 @@
-import { defineComponent, reactive, computed, watch, provide, onBeforeUnmount } from 'vue';
-import { Tooltip as ATooltip } from 'ant-design-vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, unref as _unref, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, renderSlot as _renderSlot, Fragment as _Fragment } from "vue";
+const _hoisted_1 = {
+  style: {
+    "color": "#1d2129"
+  }
+};
+const _hoisted_2 = ["id"];
+import { onBeforeUnmount, computed, reactive, watch, provide } from 'vue';
 import { get, isArray } from 'lodash-es';
 import { useProvideFormItemContext } from 'ant-design-vue/es/form/FormItemContext';
 import { useInjectError, useInjectForm } from './hooks';
 import { TABLE_FORM_ITEM_ERROR } from './consts';
 import genEditTableStyle from './style';
-export default defineComponent({
-  name: 'JEditTableFormItem',
-  components: {
-    ATooltip
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JEditTableFormItem'
   },
+  __name: 'FormItem',
   props: {
     name: {
       type: [String, Array],
-      default: undefined
+      required: false
     },
     required: {
       type: Boolean,
-      default: false
+      required: false
     }
   },
   emits: ['change'],
-  setup(props, {
-    emit
+  setup(__props, {
+    emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const prefixCls = computed(() => 'jetlinks-edit-table');
     const [wrapSSR, hashId] = genEditTableStyle(prefixCls);
     const context = useInjectForm();
@@ -55,7 +64,7 @@ export default defineComponent({
     };
     const removeTimer = () => {
       if (hideTimer) {
-        window.clearTimeout(hideTimer);
+        clearTimeout(hideTimer);
         hideTimer = null;
       }
     };
@@ -67,7 +76,7 @@ export default defineComponent({
     const hideErrorTip = () => {
       errorMap.visible = false;
       removeTimer();
-      hideTimer = window.setTimeout(() => {
+      hideTimer = setTimeout(() => {
         errorMap.message = '';
       }, 300);
     };
@@ -130,11 +139,30 @@ export default defineComponent({
     }, {
       immediate: true
     });
-    return {
-      hashId,
-      eventKey,
-      errorMap,
-      popContainer
+    return (_ctx, _cache) => {
+      const _component_a_tooltip = _resolveComponent("a-tooltip");
+      return _openBlock(), _createElementBlock(_Fragment, null, [_createVNode(_component_a_tooltip, {
+        color: "#ffffff",
+        "get-popup-container": popContainer,
+        "arrow-point-at-center": ""
+      }, {
+        title: _withCtx(() => [_createElementVNode("span", _hoisted_1, _toDisplayString(errorMap.message), 1 /* TEXT */)]),
+        default: _withCtx(() => [errorMap.visible ? (_openBlock(), _createElementBlock("div", {
+          key: 0,
+          class: _normalizeClass(['jetlinks-table-form-error-target', _unref(hashId), 'hashId'])
+        }, null, 2 /* CLASS */)) : _createCommentVNode("v-if", true)]),
+        _: 1 /* STABLE */
+      }), _createElementVNode("div", {
+        id: eventKey.value,
+        style: {
+          "position": "relative"
+        },
+        class: _normalizeClass({
+          'jetlinks-edit-table-form-has-error': errorMap.message,
+          [_unref(hashId)]: true
+        })
+      }, [_renderSlot(_ctx.$slots, "default")], 10 /* CLASS, PROPS */, _hoisted_2)], 64 /* STABLE_FRAGMENT */);
     };
   }
-});
+});
+export default __sfc_main__;