@meethive/components 0.0.13 → 0.0.15

package/es/EditTable/Group.js

@@ -1,43 +1,54 @@
-import { defineComponent, ref, reactive, computed, watch, onMounted } from 'vue';
-import { Tabs as ATabs, TabPane as ATabPane, Dropdown as ADropdown, Menu as AMenu, MenuItem as AMenuItem, Tooltip as ATooltip, Modal as AModal, Form as AForm, FormItem as AFormItem, Input as AInput, Button as AButton, Modal } from 'ant-design-vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, createElementVNode as _createElementVNode, createBlock as _createBlock, createCommentVNode as _createCommentVNode, vShow as _vShow, withDirectives as _withDirectives, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+  class: "jetlinks-table-group-error-warp"
+};
+const _hoisted_2 = {
+  style: {
+    "color": "#1d2129"
+  }
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "jetlinks-table-group-error-warp"
+};
+const _hoisted_4 = {
+  style: {
+    "color": "#1d2129"
+  }
+};
+import { ref, reactive, computed, watch, onMounted } from 'vue';
+import { Modal } from 'ant-design-vue';
 import { randomNumber } from '@meethive/utils';
 import { isFullScreen } from './utils';
 import { useTableGroupError, useTableWrapper } from './context';
 import { useLocaleReceiver } from '../LocaleReciver';
 import genEditTableStyle from './style';
-export default defineComponent({
-  name: 'JEditTableGroup',
-  components: {
-    ATabs,
-    ATabPane,
-    ADropdown,
-    AMenu,
-    AMenuItem,
-    ATooltip,
-    AModal,
-    AForm,
-    AFormItem,
-    AInput,
-    AButton
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JEditTableGroup'
   },
+  __name: 'Group',
   props: {
     options: {
       type: Array,
-      default: () => []
+      required: false
     },
     activeKey: {
       type: String,
-      default: undefined
+      required: false
     },
     readonly: {
       type: Boolean,
-      default: false
+      required: false
     }
   },
   emits: ['delete', 'edit', 'add', 'change', 'update:activeKey'],
-  setup(props, {
-    emit
+  setup(__props, {
+    emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const [contextLocale] = useLocaleReceiver('EditTable');
     const myActiveKey = ref(props.activeKey);
     const visible = ref(false);
@@ -54,7 +65,7 @@ export default defineComponent({
     const onAdd = (targetKey, action) => {
       if (action === 'add') {
         type.value = 'add';
-        const groupName = props.options.filter(item => item.label.includes(contextLocale.value.Group.one));
+        const groupName = (props.options || []).filter(item => item.label.includes(contextLocale.value.Group.one));
         let index = addIndex.value + 1;
         let findStatus = false;
         while (!findStatus) {
@@ -103,7 +114,7 @@ export default defineComponent({
       }
     };
     const change = () => {
-      const item = props.options.find(item => item.value === myActiveKey.value);
+      const item = (props.options || []).find(item => item.value === myActiveKey.value);
       emit('change', myActiveKey.value, item.label);
       emit('update:activeKey', myActiveKey.value);
     };
@@ -115,17 +126,17 @@ export default defineComponent({
         Modal.confirm({
           title: contextLocale.value.Group.deleteMessage,
           onOk: () => {
-            const index = props.options.findIndex(item => item.value === record.value);
+            const index = (props.options || []).findIndex(item => item.value === record.value);
             let label = '';
-            if (index !== 0 && index === props.options.length - 1) {
-              myActiveKey.value = props.options[index - 1].value;
-              label = props.options[index - 1].label;
-            } else if (index === 0 && props.options.length === 1) {
-              myActiveKey.value = props.options[0].value;
-              label = props.options[0].label;
+            if (index !== 0 && index === (props.options || []).length - 1) {
+              myActiveKey.value = (props.options || [])[index - 1].value;
+              label = (props.options || [])[index - 1].label;
+            } else if (index === 0 && (props.options || []).length === 1) {
+              myActiveKey.value = (props.options || [])[0].value;
+              label = (props.options || [])[0].label;
             } else {
-              myActiveKey.value = props.options[index + 1].value;
-              label = props.options[index + 1].label;
+              myActiveKey.value = (props.options || [])[index + 1].value;
+              label = (props.options || [])[index + 1].label;
             }
             emit('delete', record.value, index);
             emit('change', myActiveKey.value, label);
@@ -134,38 +145,141 @@ export default defineComponent({
       }
     };
     const popContainer = e => {
-      return tableWrapperRef.value || e;
+      return tableWrapperRef?.value || e;
     };
     const modalContainer = () => {
       if (isFullScreen()) {
-        return tableWrapperRef.value || document.body;
+        return tableWrapperRef?.value || document.body;
       }
       return document.body;
     };
     onMounted(() => {
-      myActiveKey.value = props.options[0]?.value;
-      emit('change', myActiveKey.value, props.options[0]?.label);
+      myActiveKey.value = props.options?.[0]?.value;
+      emit('change', myActiveKey.value, props.options?.[0]?.label);
       emit('update:activeKey', myActiveKey.value);
     });
     watch(() => props.activeKey, val => {
       myActiveKey.value = val;
     });
-    return {
-      hashId,
-      contextLocale,
-      myActiveKey,
-      visible,
-      errorMap,
-      tableWrapperRef,
-      formRef,
-      formData,
-      onAdd,
-      onCancel,
-      onOk,
-      change,
-      menuClick,
-      popContainer,
-      modalContainer
+    return (_ctx, _cache) => {
+      const _component_a_menu_item = _resolveComponent("a-menu-item");
+      const _component_a_menu = _resolveComponent("a-menu");
+      const _component_a_tooltip = _resolveComponent("a-tooltip");
+      const _component_a_dropdown = _resolveComponent("a-dropdown");
+      const _component_a_tab_pane = _resolveComponent("a-tab-pane");
+      const _component_a_tabs = _resolveComponent("a-tabs");
+      const _component_a_input = _resolveComponent("a-input");
+      const _component_a_form_item = _resolveComponent("a-form-item");
+      const _component_a_button = _resolveComponent("a-button");
+      const _component_a_form = _resolveComponent("a-form");
+      const _component_a_modal = _resolveComponent("a-modal");
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['jetlinks-table-group-warp', _unref(hashId)])
+      }, [_createVNode(_component_a_tabs, {
+        "active-key": myActiveKey.value,
+        "onUpdate:activeKey": _cache[0] || (_cache[0] = $event => myActiveKey.value = $event),
+        type: "editable-card",
+        "hide-add": __props.readonly,
+        onEdit: onAdd,
+        onChange: change
+      }, {
+        default: _withCtx(() => [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.options, item => {
+          return _openBlock(), _createBlock(_component_a_tab_pane, {
+            key: item.value,
+            closable: false
+          }, {
+            tab: _withCtx(() => [myActiveKey.value === item.value ? (_openBlock(), _createBlock(_component_a_dropdown, {
+              key: 0,
+              trigger: ['click'],
+              "get-popup-container": node => _unref(tableWrapperRef) || node,
+              disabled: __props.readonly
+            }, {
+              overlay: _withCtx(() => [_createVNode(_component_a_menu, {
+                onClick: e => menuClick(e, item)
+              }, {
+                default: _withCtx(() => [_createVNode(_component_a_menu_item, {
+                  key: "edit"
+                }, {
+                  default: _withCtx(() => [_createTextVNode(_toDisplayString(_unref(contextLocale).Group.edit), 1 /* TEXT */)]),
+                  _: 1 /* STABLE */
+                }), _createVNode(_component_a_menu_item, {
+                  key: "delete"
+                }, {
+                  default: _withCtx(() => [_createTextVNode(_toDisplayString(_unref(contextLocale).Group.delete), 1 /* TEXT */)]),
+                  _: 1 /* STABLE */
+                })]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["onClick"])]),
+              default: _withCtx(() => [_createElementVNode("div", _hoisted_1, [_createTextVNode(_toDisplayString(item.label) + " (" + _toDisplayString(item.effective) + ") ", 1 /* TEXT */), _unref(errorMap)[item.value] ? (_openBlock(), _createBlock(_component_a_tooltip, {
+                key: 0,
+                color: "#ffffff",
+                "arrow-point-at-center": "",
+                "get-popup-container": popContainer
+              }, {
+                title: _withCtx(() => [_createElementVNode("span", _hoisted_2, _toDisplayString(_unref(contextLocale).Group.validate), 1 /* TEXT */)]),
+                default: _withCtx(() => [_cache[2] || (_cache[2] = _createElementVNode("div", {
+                  class: "jetlinks-table-group-error-target"
+                }, null, -1 /* CACHED */))]),
+                _: 1 /* STABLE */
+              })) : _createCommentVNode("v-if", true)])]),
+              _: 2 /* DYNAMIC */
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["get-popup-container", "disabled"])) : (_openBlock(), _createElementBlock("div", _hoisted_3, [_createTextVNode(_toDisplayString(item.label) + " (" + _toDisplayString(item.effective) + ") ", 1 /* TEXT */), _unref(errorMap)[item.value] ? (_openBlock(), _createBlock(_component_a_tooltip, {
+              key: 0,
+              color: "#ffffff",
+              "arrow-point-at-center": "",
+              "get-container": popContainer
+            }, {
+              title: _withCtx(() => [_createElementVNode("span", _hoisted_4, _toDisplayString(_unref(contextLocale).Group.validate), 1 /* TEXT */)]),
+              default: _withCtx(() => [_cache[3] || (_cache[3] = _createElementVNode("div", {
+                class: "jetlinks-table-group-error-target"
+              }, null, -1 /* CACHED */))]),
+              _: 1 /* STABLE */
+            })) : _createCommentVNode("v-if", true)]))]),
+            _: 2 /* DYNAMIC */
+          }, 1024 /* DYNAMIC_SLOTS */);
+        }), 128 /* KEYED_FRAGMENT */))]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["active-key", "hide-add"]), _createVNode(_component_a_modal, {
+        open: visible.value,
+        title: _unref(contextLocale).Group.editGroup,
+        "mask-closable": false,
+        "get-container": modalContainer,
+        onCancel: onCancel,
+        onOk: onOk
+      }, {
+        default: _withCtx(() => [_createVNode(_component_a_form, {
+          ref_key: "formRef",
+          ref: formRef,
+          model: formData,
+          onFinish: onOk
+        }, {
+          default: _withCtx(() => [_createVNode(_component_a_form_item, {
+            name: "label",
+            rules: [{
+              required: true,
+              message: _unref(contextLocale).Group.placeholder
+            }, {
+              max: 16,
+              message: _unref(contextLocale).Group.max
+            }]
+          }, {
+            default: _withCtx(() => [_createVNode(_component_a_input, {
+              value: formData.label,
+              "onUpdate:value": _cache[1] || (_cache[1] = $event => formData.label = $event),
+              placeholder: _unref(contextLocale).Group.placeholder
+            }, null, 8 /* PROPS */, ["value", "placeholder"])]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["rules"]), _withDirectives(_createVNode(_component_a_form_item, null, {
+            default: _withCtx(() => [_createVNode(_component_a_button, {
+              "html-type": "submit"
+            })]),
+            _: 1 /* STABLE */
+          }, 512 /* NEED_PATCH */), [[_vShow, false]])]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["model"])]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["open", "title"])], 2 /* CLASS */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/EditTable/Header.js

@@ -1,36 +1,53 @@
-import { defineComponent, reactive, computed } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, mergeProps as _mergeProps, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue";
+const _hoisted_1 = ["id"];
+const _hoisted_2 = {
+  class: "table-header-cell-title"
+};
+const _hoisted_3 = {
+  class: "cell-title-box"
+};
+const _hoisted_4 = {
+  key: 1
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "header-cell-required"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "table-header-cell-trigger"
+};
+import { reactive, computed } from 'vue';
 import { SearchModal, Sort } from './components/Search';
 import { useHScroll, useTableTool } from './hooks';
 import HeaderItemRender from './HeaderRender.js';
 import useEditTableStyle from './style';
-import AIcon from '../Icon';
-export default defineComponent({
-  name: 'JEditTableHeader',
-  components: {
-    SearchModal,
-    Sort,
-    HeaderItemRender,
-    AIcon
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JEditTableHeader'
   },
+  __name: 'Header',
   props: {
     columns: {
       type: Array,
-      default: () => []
+      required: false
     },
     searchColumns: {
       type: Array,
-      default: undefined
+      required: false
     },
     serial: {
       type: Boolean,
-      default: false
+      required: false
     },
     style: {
       type: Object,
-      default: undefined
+      required: false
     }
   },
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const prefixCls = computed(() => 'jetlinks-edit-table');
     const [wrapSSR, hashId] = useEditTableStyle(prefixCls);
     const tableTool = useTableTool();
@@ -46,12 +63,53 @@ export default defineComponent({
     const sortClick = () => {
       searchData.visible = false;
     };
-    return {
-      hashId,
-      tableTool,
-      searchData,
-      showFilter,
-      sortClick
+    return (_ctx, _cache) => {
+      const _component_AIcon = _resolveComponent("AIcon");
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['jetlinks-edit-table-header-container', _unref(hashId)]),
+        style: _normalizeStyle(__props.style)
+      }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.columns, (item, index) => {
+        return _openBlock(), _createElementBlock("div", {
+          key: item.dataIndex,
+          class: "jetlinks-edit-table-header-cell",
+          id: item.dataIndex,
+          style: _normalizeStyle({
+            width: `${item.width}px`,
+            left: `${item.left || 200 * index}px`
+          })
+        }, [_createElementVNode("div", {
+          class: _normalizeClass({
+            'jetlinks-edit-table-header-cell-box': true,
+            'header-cell-box-tool': !!(item.sort || item.filter)
+          })
+        }, [_createElementVNode("div", _hoisted_2, [_createElementVNode("div", _hoisted_3, [item.render ? (_openBlock(), _createBlock(HeaderItemRender, {
+          key: 0,
+          "render-fn": item.render,
+          value: item.title
+        }, null, 8 /* PROPS */, ["render-fn", "value"])) : (_openBlock(), _createElementBlock("span", _hoisted_4, _toDisplayString(item.title), 1 /* TEXT */))]), item.form?.required ? (_openBlock(), _createElementBlock("span", _hoisted_5, "*")) : _createCommentVNode("v-if", true)]), !!(item.sort || item.filter) ? (_openBlock(), _createElementBlock("div", _hoisted_6, [item.filter ? (_openBlock(), _createBlock(_component_AIcon, {
+          key: 0,
+          type: "SearchOutlined",
+          style: {
+            "color": "rgba(0, 0, 0, 0.25)"
+          },
+          onClick: () => showFilter(item.filter.key || item.dataIndex)
+        }, null, 8 /* PROPS */, ["onClick"])) : _createCommentVNode("v-if", true), item.sort ? (_openBlock(), _createBlock(_unref(Sort), _mergeProps({
+          key: 1,
+          ref_for: true
+        }, item.sort, {
+          key: item.dataIndex,
+          active: _unref(tableTool).sortData.dataIndex === item.dataIndex,
+          "selected-row-keys": _unref(tableTool).sortData.dataIndex === item.dataIndex ? _unref(tableTool).sortData.orderKeys : [],
+          "data-index": item.dataIndex,
+          onClick: sortClick
+        }), null, 16 /* FULL_PROPS */, ["active", "selected-row-keys", "data-index"])) : _createCommentVNode("v-if", true)])) : _createCommentVNode("v-if", true)], 2 /* CLASS */)], 12 /* STYLE, PROPS */, _hoisted_1);
+      }), 128 /* KEYED_FRAGMENT */)), searchData.visible ? (_openBlock(), _createBlock(_unref(SearchModal), {
+        key: 0,
+        "search-key": searchData.key,
+        columns: __props.searchColumns,
+        onClose: _cache[0] || (_cache[0] = $event => searchData.visible = false)
+      }, null, 8 /* PROPS */, ["search-key", "columns"])) : _createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/EditTable/components/ContextMenu/Menu.js

@@ -1,45 +1,46 @@
-import { defineComponent, ref, computed, onMounted, nextTick } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, createVNode as _createVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { ref, computed, onMounted, nextTick } from 'vue';
 import { Menu } from 'ant-design-vue';
 import AIcon from '../../../Icon';
 import { useLocaleReceiver } from '../../../LocaleReciver';
 import useEditTableStyle from '../../style';
-const MenuItem = Menu.Item;
-export default defineComponent({
-  name: 'JEditTableContextMenu',
-  components: {
-    Menu,
-    MenuItem,
-    AIcon
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JEditTableContextMenu'
   },
+  __name: 'Menu',
   props: {
     data: {
       type: Object,
-      default: () => ({})
+      required: false
     },
     onClose: {
       type: Function,
-      default: () => {}
+      required: false
     },
     onClick: {
       type: Function,
-      default: () => {}
+      required: false
     },
     onCopy: {
       type: Function,
-      default: () => {}
+      required: false
     },
     paste: {
       type: Object,
-      default: () => ({})
+      required: false
     }
   },
-  setup(props) {
+  setup(__props) {
+    const MenuItem = Menu.Item;
+    const props = __props;
     const contextMenu = ref(null);
     const prefixCls = computed(() => 'jetlinks-edit-table');
     const [wrapSSR, hashId] = useEditTableStyle(prefixCls);
     const [contextLocale] = useLocaleReceiver('EditTable');
     const showDetail = computed(() => {
-      return !props.data.id;
+      return !props.data?.id;
     });
     const showPaste = computed(() => {
       return !props.paste;
@@ -51,28 +52,77 @@ export default defineComponent({
       key
     }) => {
       if (key === 'copy') {
-        props.onCopy(props.data);
+        props.onCopy?.(props.data);
       }
-      props.onClick(key);
+      props.onClick?.(key);
     };
     const close = () => {
       setTimeout(() => {
-        props.onClose();
+        props.onClose?.();
       }, 300);
     };
     onMounted(async () => {
       await nextTick();
-      contextMenu.value.focus();
+      contextMenu.value?.focus();
     });
-    return {
-      contextMenu,
-      hashId,
-      contextLocale,
-      showDetail,
-      showPaste,
-      showDelete,
-      clickFunc,
-      close
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['jetlinks-edit-table-context-menu', _unref(hashId)]),
+        ref_key: "contextMenu",
+        ref: contextMenu,
+        tabindex: "-1",
+        onBlur: close
+      }, [_createVNode(_unref(Menu), {
+        onClick: clickFunc
+      }, {
+        default: _withCtx(() => [_createVNode(_unref(MenuItem), {
+          key: "add"
+        }, {
+          icon: _withCtx(() => [_createVNode(_unref(AIcon), {
+            type: "PlusSquareOutlined"
+          })]),
+          default: _withCtx(() => [_createTextVNode(" " + _toDisplayString(_unref(contextLocale).contextMenu.add), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        }), _createVNode(_unref(MenuItem), {
+          key: "copy"
+        }, {
+          icon: _withCtx(() => [_createVNode(_unref(AIcon), {
+            type: "icon-copy"
+          })]),
+          default: _withCtx(() => [_createTextVNode(" " + _toDisplayString(_unref(contextLocale).contextMenu.copy), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        }), _createVNode(_unref(MenuItem), {
+          key: "paste",
+          disabled: showPaste.value
+        }, {
+          icon: _withCtx(() => [_createVNode(_unref(AIcon), {
+            type: "icon-paste"
+          })]),
+          default: _withCtx(() => [_createTextVNode(" " + _toDisplayString(_unref(contextLocale).contextMenu.paste), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["disabled"]), _createVNode(_unref(MenuItem), {
+          key: "detail",
+          disabled: showDetail.value
+        }, {
+          icon: _withCtx(() => [_createVNode(_unref(AIcon), {
+            type: "icon-chakan"
+          })]),
+          default: _withCtx(() => [_createTextVNode(" " + _toDisplayString(_unref(contextLocale).contextMenu.detail), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["disabled"]), _createVNode(_unref(MenuItem), {
+          key: "delete",
+          class: "danger",
+          disabled: showDelete.value
+        }, {
+          icon: _withCtx(() => [_createVNode(_unref(AIcon), {
+            type: "DeleteOutlined"
+          })]),
+          default: _withCtx(() => [_createTextVNode(" " + _toDisplayString(_unref(contextLocale).contextMenu.delete), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["disabled"])]),
+        _: 1 /* STABLE */
+      })], 34 /* CLASS, NEED_HYDRATION */);
     };
   }
-});
+});
+export default __sfc_main__;