vxe-table 3.19.39 → 3.20.0-beta.1

package/lib/table/module/menu/panel.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _comp = require("../../../ui/src/comp");
 var _ui = require("../../../ui");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _utils = require("../../../ui/src/utils");
@@ -14,17 +15,14 @@ const {
   getI18n,
   renderEmptyElement
 } = _ui.VxeUI;
-var _default = exports.default = {
+var _default = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
   name: 'VxeTableMenuPanel',
-  props: {
-    ctxMenuStore: Object,
-    ctxMenuOpts: Object
-  },
   inject: {
     $xeTable: {
       default: null
     }
   },
+  computed: Object.assign({}, {}),
   mounted() {
     const $xeMenuPanel = this;
     const $xeTable = $xeMenuPanel.$xeTable;
@@ -32,140 +30,147 @@ var _default = exports.default = {
     const {
       transfer
     } = menuOpts;
-    const el = this.$refs.refElem;
+    const el = $xeMenuPanel.$refs.refElem;
     if (transfer && el) {
       document.body.appendChild(el);
     }
   },
   beforeDestroy() {
-    const el = this.$refs.refElem;
+    const $xeMenuPanel = this;
+    const el = $xeMenuPanel.$refs.refElem;
     if (el && el.parentNode) {
       el.parentNode.removeChild(el);
     }
   },
-  render(h) {
-    const $xeMenuPanel = this;
-    const $xeTable = $xeMenuPanel.$xeTable;
-    const tableReactData = $xeTable;
-    const {
-      ctxMenuStore
-    } = tableReactData;
-    const menuOpts = $xeTable.computeMenuOpts;
-    const {
-      destroyOnClose
-    } = menuOpts;
-    const {
-      visible,
-      list,
-      className
-    } = ctxMenuStore;
-    return h('div', {
-      ref: 'refElem',
-      class: ['vxe-table--context-menu-wrapper', className, {
-        'is--visible': visible
-      }],
-      style: ctxMenuStore.style
-    }, (destroyOnClose ? visible : true) ? list.map((options, gIndex) => {
-      return options.every(item => item.visible === false) ? renderEmptyElement($xeTable) : h('ul', {
-        class: 'vxe-context-menu--option-wrapper',
-        key: gIndex
-      }, options.map((item, index) => {
-        const {
-          children,
-          loading
-        } = item;
-        const hasChildMenus = children && children.some(child => child.visible !== false);
-        const prefixOpts = Object.assign({}, item.prefixConfig);
-        const prefixIcon = prefixOpts.icon || item.prefixIcon;
-        const suffixOpts = Object.assign({}, item.suffixConfig);
-        const suffixIcon = suffixOpts.icon || item.suffixIcon;
-        const menuContent = (0, _utils.getFuncText)(item.name);
-        return item.visible === false ? renderEmptyElement($xeTable) : h('li', {
-          class: [item.className, {
-            'link--loading': loading,
-            'link--disabled': item.disabled,
-            'link--active': item === ctxMenuStore.selected
-          }],
-          key: `${gIndex}_${index}`
-        }, [h('a', {
-          class: 'vxe-context-menu--link',
-          on: {
-            click(evnt) {
-              $xeTable.ctxMenuLinkEvent(evnt, item);
-            },
-            mouseover(evnt) {
-              $xeTable.ctxMenuMouseoverEvent(evnt, item);
-            },
-            mouseout(evnt) {
-              $xeTable.ctxMenuMouseoutEvent(evnt, item);
-            }
-          }
-        }, [h('div', {
-          class: ['vxe-context-menu--link-prefix', prefixOpts.className || '']
-        }, [loading ? h('span', {
-          class: getIcon('TABLE_MENU_OPTION_LOADING')
-        }) : prefixIcon && _xeUtils.default.isFunction(prefixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(prefixIcon.call($xeTable, {}))) : h('span', {}, [h('i', {
-          class: prefixIcon
-        })]), prefixOpts.content ? h('span', {}, `${prefixOpts.content}`) : renderEmptyElement($xeTable)]), h('span', {
-          class: 'vxe-context-menu--link-content',
-          attrs: {
-            title: menuContent
-          }
-        }, loading ? getI18n('vxe.table.menuLoading') : menuContent), h('div', {
-          class: ['vxe-context-menu--link-suffix', suffixOpts.className || '']
-        }, [suffixIcon && _xeUtils.default.isFunction(suffixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(suffixIcon.call($xeTable, {}))) : h('i', {
-          class: suffixIcon || (hasChildMenus ? getIcon().TABLE_MENU_OPTIONS : '')
-        }), suffixOpts.content ? h('span', `${suffixOpts.content}`) : renderEmptyElement($xeTable)])]), hasChildMenus && item.children ? h('ul', {
-          class: ['vxe-table--context-menu-clild-wrapper', {
-            'is--show': item === ctxMenuStore.selected && ctxMenuStore.showChild
-          }]
-        }, item.children.map((child, cIndex) => {
+  methods: {
+    renderVN(h) {
+      const $xeMenuPanel = this;
+      const $xeTable = $xeMenuPanel.$xeTable;
+      const tableReactData = $xeTable;
+      const {
+        ctxMenuStore
+      } = tableReactData;
+      const menuOpts = $xeTable.computeMenuOpts;
+      const {
+        destroyOnClose
+      } = menuOpts;
+      const {
+        visible,
+        list,
+        className
+      } = ctxMenuStore;
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-table--context-menu-wrapper', className, {
+          'is--visible': visible
+        }],
+        style: ctxMenuStore.style
+      }, (destroyOnClose ? visible : true) ? list.map((options, gIndex) => {
+        return options.every(item => item.visible === false) ? renderEmptyElement($xeTable) : h('ul', {
+          class: 'vxe-context-menu--option-wrapper',
+          key: gIndex
+        }, options.map((item, index) => {
           const {
-            loading: childLoading
-          } = child;
-          const childPrefixOpts = Object.assign({}, child.prefixConfig);
-          const childPrefixIcon = childPrefixOpts.icon || child.prefixIcon;
-          const childSuffixOpts = Object.assign({}, child.suffixConfig);
-          const childSuffixIcon = childSuffixOpts.icon || child.suffixIcon;
-          const childMenuContent = (0, _utils.getFuncText)(child.name);
-          return child.visible === false ? null : h('li', {
-            class: [child.className, {
-              'link--loading': childLoading,
-              'link--disabled': child.disabled,
-              'link--active': child === ctxMenuStore.selectChild
+            children,
+            loading
+          } = item;
+          const hasChildMenus = children && children.some(child => child.visible !== false);
+          const prefixOpts = Object.assign({}, item.prefixConfig);
+          const prefixIcon = prefixOpts.icon || item.prefixIcon;
+          const suffixOpts = Object.assign({}, item.suffixConfig);
+          const suffixIcon = suffixOpts.icon || item.suffixIcon;
+          const menuContent = (0, _utils.getFuncText)(item.name);
+          return item.visible === false ? renderEmptyElement($xeTable) : h('li', {
+            class: [item.className, {
+              'link--loading': loading,
+              'link--disabled': item.disabled,
+              'link--active': item === ctxMenuStore.selected
             }],
-            key: `${gIndex}_${index}_${cIndex}`
+            key: `${gIndex}_${index}`
           }, [h('a', {
             class: 'vxe-context-menu--link',
             on: {
               click(evnt) {
-                $xeTable.ctxMenuLinkEvent(evnt, child);
+                $xeTable.ctxMenuLinkEvent(evnt, item);
               },
               mouseover(evnt) {
-                $xeTable.ctxMenuMouseoverEvent(evnt, item, child);
+                $xeTable.ctxMenuMouseoverEvent(evnt, item);
               },
               mouseout(evnt) {
                 $xeTable.ctxMenuMouseoutEvent(evnt, item);
               }
             }
           }, [h('div', {
-            class: ['vxe-context-menu--link-prefix', childPrefixOpts.className || '']
-          }, [child.loading ? h('span', {
+            class: ['vxe-context-menu--link-prefix', prefixOpts.className || '']
+          }, [loading ? h('span', {
             class: getIcon('TABLE_MENU_OPTION_LOADING')
-          }) : childPrefixIcon && _xeUtils.default.isFunction(childPrefixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(childPrefixIcon({}))) : h('span', {}, [h('i', {
-            class: childPrefixIcon
-          })]), childPrefixOpts.content ? h('span', `${childPrefixOpts.content}`) : renderEmptyElement($xeTable)]), h('span', {
+          }) : prefixIcon && _xeUtils.default.isFunction(prefixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(prefixIcon.call($xeTable, {}))) : h('span', {}, [h('i', {
+            class: prefixIcon
+          })]), prefixOpts.content ? h('span', {}, `${prefixOpts.content}`) : renderEmptyElement($xeTable)]), h('span', {
             class: 'vxe-context-menu--link-content',
             attrs: {
-              title: childMenuContent
+              title: menuContent
             }
-          }, childLoading ? getI18n('vxe.table.menuLoading') : childMenuContent), h('div', {
-            class: ['vxe-context-menu--link-suffix', childSuffixOpts.className || '']
-          }, [childSuffixIcon && _xeUtils.default.isFunction(childSuffixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(childSuffixIcon.call($xeTable, {}))) : h('i', {
-            class: childSuffixIcon
-          }), childSuffixOpts.content ? h('span', `${childSuffixOpts.content}`) : renderEmptyElement($xeTable)])])]);
-        })) : null]);
-      }));
-    }) : []);
+          }, loading ? getI18n('vxe.table.menuLoading') : menuContent), h('div', {
+            class: ['vxe-context-menu--link-suffix', suffixOpts.className || '']
+          }, [suffixIcon && _xeUtils.default.isFunction(suffixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(suffixIcon.call($xeTable, {}))) : h('i', {
+            class: suffixIcon || (hasChildMenus ? getIcon().TABLE_MENU_OPTIONS : '')
+          }), suffixOpts.content ? h('span', `${suffixOpts.content}`) : renderEmptyElement($xeTable)])]), hasChildMenus && item.children ? h('ul', {
+            class: ['vxe-table--context-menu-clild-wrapper', {
+              'is--show': item === ctxMenuStore.selected && ctxMenuStore.showChild
+            }]
+          }, item.children.map((child, cIndex) => {
+            const {
+              loading: childLoading
+            } = child;
+            const childPrefixOpts = Object.assign({}, child.prefixConfig);
+            const childPrefixIcon = childPrefixOpts.icon || child.prefixIcon;
+            const childSuffixOpts = Object.assign({}, child.suffixConfig);
+            const childSuffixIcon = childSuffixOpts.icon || child.suffixIcon;
+            const childMenuContent = (0, _utils.getFuncText)(child.name);
+            return child.visible === false ? null : h('li', {
+              class: [child.className, {
+                'link--loading': childLoading,
+                'link--disabled': child.disabled,
+                'link--active': child === ctxMenuStore.selectChild
+              }],
+              key: `${gIndex}_${index}_${cIndex}`
+            }, [h('a', {
+              class: 'vxe-context-menu--link',
+              on: {
+                click(evnt) {
+                  $xeTable.ctxMenuLinkEvent(evnt, child);
+                },
+                mouseover(evnt) {
+                  $xeTable.ctxMenuMouseoverEvent(evnt, item, child);
+                },
+                mouseout(evnt) {
+                  $xeTable.ctxMenuMouseoutEvent(evnt, item);
+                }
+              }
+            }, [h('div', {
+              class: ['vxe-context-menu--link-prefix', childPrefixOpts.className || '']
+            }, [child.loading ? h('span', {
+              class: getIcon('TABLE_MENU_OPTION_LOADING')
+            }) : childPrefixIcon && _xeUtils.default.isFunction(childPrefixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(childPrefixIcon({}))) : h('span', {}, [h('i', {
+              class: childPrefixIcon
+            })]), childPrefixOpts.content ? h('span', `${childPrefixOpts.content}`) : renderEmptyElement($xeTable)]), h('span', {
+              class: 'vxe-context-menu--link-content',
+              attrs: {
+                title: childMenuContent
+              }
+            }, childLoading ? getI18n('vxe.table.menuLoading') : childMenuContent), h('div', {
+              class: ['vxe-context-menu--link-suffix', childSuffixOpts.className || '']
+            }, [childSuffixIcon && _xeUtils.default.isFunction(childSuffixIcon) ? h('span', {}, (0, _vn.getSlotVNs)(childSuffixIcon.call($xeTable, {}))) : h('i', {
+              class: childSuffixIcon
+            }), childSuffixOpts.content ? h('span', `${childSuffixOpts.content}`) : renderEmptyElement($xeTable)])])]);
+          })) : null]);
+        }));
+      }) : []);
+    }
+  },
+  render(h) {
+    return this.renderVN(h);
   }
-};
+});
+/* define-vxe-component end */

package/lib/table/module/menu/panel.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _ui=require("../../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../../ui/src/utils"),_vn=require("../../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getIcon,getI18n,renderEmptyElement}=_ui.VxeUI;var _default=exports.default={name:"VxeTableMenuPanel",props:{ctxMenuStore:Object,ctxMenuOpts:Object},inject:{$xeTable:{default:null}},mounted(){var e=this.$xeTable.computeMenuOpts.transfer,n=this.$refs.refElem;e&&n&&document.body.appendChild(n)},beforeDestroy(){var e=this.$refs.refElem;e&&e.parentNode&&e.parentNode.removeChild(e)},render(x){let d=this.$xeTable,p=d.ctxMenuStore;var e=d.computeMenuOpts.destroyOnClose,{visible:n,list:t,className:s}=p;return x("div",{ref:"refElem",class:["vxe-table--context-menu-wrapper",s,{"is--visible":n}],style:p.style},!e||n?t.map((e,r)=>e.every(e=>!1===e.visible)?renderEmptyElement(d):x("ul",{class:"vxe-context-menu--option-wrapper",key:r},e.map((o,u)=>{var{children:e,loading:n}=o,e=e&&e.some(e=>!1!==e.visible),t=Object.assign({},o.prefixConfig),s=t.icon||o.prefixIcon,l=Object.assign({},o.suffixConfig),i=l.icon||o.suffixIcon,a=(0,_utils.getFuncText)(o.name);return!1===o.visible?renderEmptyElement(d):x("li",{class:[o.className,{"link--loading":n,"link--disabled":o.disabled,"link--active":o===p.selected}],key:r+"_"+u},[x("a",{class:"vxe-context-menu--link",on:{click(e){d.ctxMenuLinkEvent(e,o)},mouseover(e){d.ctxMenuMouseoverEvent(e,o)},mouseout(e){d.ctxMenuMouseoutEvent(e,o)}}},[x("div",{class:["vxe-context-menu--link-prefix",t.className||""]},[n?x("span",{class:getIcon("TABLE_MENU_OPTION_LOADING")}):s&&_xeUtils.default.isFunction(s)?x("span",{},(0,_vn.getSlotVNs)(s.call(d,{}))):x("span",{},[x("i",{class:s})]),t.content?x("span",{},""+t.content):renderEmptyElement(d)]),x("span",{class:"vxe-context-menu--link-content",attrs:{title:a}},n?getI18n("vxe.table.menuLoading"):a),x("div",{class:["vxe-context-menu--link-suffix",l.className||""]},[i&&_xeUtils.default.isFunction(i)?x("span",{},(0,_vn.getSlotVNs)(i.call(d,{}))):x("i",{class:i||(e?getIcon().TABLE_MENU_OPTIONS:"")}),l.content?x("span",""+l.content):renderEmptyElement(d)])]),e&&o.children?x("ul",{class:["vxe-table--context-menu-clild-wrapper",{"is--show":o===p.selected&&p.showChild}]},o.children.map((n,e)=>{var t=n.loading,s=Object.assign({},n.prefixConfig),l=s.icon||n.prefixIcon,i=Object.assign({},n.suffixConfig),a=i.icon||n.suffixIcon,c=(0,_utils.getFuncText)(n.name);return!1===n.visible?null:x("li",{class:[n.className,{"link--loading":t,"link--disabled":n.disabled,"link--active":n===p.selectChild}],key:r+`_${u}_`+e},[x("a",{class:"vxe-context-menu--link",on:{click(e){d.ctxMenuLinkEvent(e,n)},mouseover(e){d.ctxMenuMouseoverEvent(e,o,n)},mouseout(e){d.ctxMenuMouseoutEvent(e,o)}}},[x("div",{class:["vxe-context-menu--link-prefix",s.className||""]},[n.loading?x("span",{class:getIcon("TABLE_MENU_OPTION_LOADING")}):l&&_xeUtils.default.isFunction(l)?x("span",{},(0,_vn.getSlotVNs)(l({}))):x("span",{},[x("i",{class:l})]),s.content?x("span",""+s.content):renderEmptyElement(d)]),x("span",{class:"vxe-context-menu--link-content",attrs:{title:c}},t?getI18n("vxe.table.menuLoading"):c),x("div",{class:["vxe-context-menu--link-suffix",i.className||""]},[a&&_xeUtils.default.isFunction(a)?x("span",{},(0,_vn.getSlotVNs)(a.call(d,{}))):x("i",{class:a}),i.content?x("span",""+i.content):renderEmptyElement(d)])])])})):null])}))):[])}};
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../../ui/src/comp"),_ui=require("../../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../../ui/src/utils"),_vn=require("../../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getIcon,getI18n,renderEmptyElement}=_ui.VxeUI;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableMenuPanel",inject:{$xeTable:{default:null}},computed:Object.assign({},{}),mounted(){var e=this.$xeTable.computeMenuOpts.transfer,n=this.$refs.refElem;e&&n&&document.body.appendChild(n)},beforeDestroy(){var e=this.$refs.refElem;e&&e.parentNode&&e.parentNode.removeChild(e)},methods:{renderVN(d){let x=this.$xeTable,m=x.ctxMenuStore;var e=x.computeMenuOpts.destroyOnClose,{visible:n,list:t,className:s}=m;return d("div",{ref:"refElem",class:["vxe-table--context-menu-wrapper",s,{"is--visible":n}],style:m.style},!e||n?t.map((e,u)=>e.every(e=>!1===e.visible)?renderEmptyElement(x):d("ul",{class:"vxe-context-menu--option-wrapper",key:u},e.map((o,r)=>{var{children:e,loading:n}=o,e=e&&e.some(e=>!1!==e.visible),t=Object.assign({},o.prefixConfig),s=t.icon||o.prefixIcon,l=Object.assign({},o.suffixConfig),i=l.icon||o.suffixIcon,a=(0,_utils.getFuncText)(o.name);return!1===o.visible?renderEmptyElement(x):d("li",{class:[o.className,{"link--loading":n,"link--disabled":o.disabled,"link--active":o===m.selected}],key:u+"_"+r},[d("a",{class:"vxe-context-menu--link",on:{click(e){x.ctxMenuLinkEvent(e,o)},mouseover(e){x.ctxMenuMouseoverEvent(e,o)},mouseout(e){x.ctxMenuMouseoutEvent(e,o)}}},[d("div",{class:["vxe-context-menu--link-prefix",t.className||""]},[n?d("span",{class:getIcon("TABLE_MENU_OPTION_LOADING")}):s&&_xeUtils.default.isFunction(s)?d("span",{},(0,_vn.getSlotVNs)(s.call(x,{}))):d("span",{},[d("i",{class:s})]),t.content?d("span",{},""+t.content):renderEmptyElement(x)]),d("span",{class:"vxe-context-menu--link-content",attrs:{title:a}},n?getI18n("vxe.table.menuLoading"):a),d("div",{class:["vxe-context-menu--link-suffix",l.className||""]},[i&&_xeUtils.default.isFunction(i)?d("span",{},(0,_vn.getSlotVNs)(i.call(x,{}))):d("i",{class:i||(e?getIcon().TABLE_MENU_OPTIONS:"")}),l.content?d("span",""+l.content):renderEmptyElement(x)])]),e&&o.children?d("ul",{class:["vxe-table--context-menu-clild-wrapper",{"is--show":o===m.selected&&m.showChild}]},o.children.map((n,e)=>{var t=n.loading,s=Object.assign({},n.prefixConfig),l=s.icon||n.prefixIcon,i=Object.assign({},n.suffixConfig),a=i.icon||n.suffixIcon,c=(0,_utils.getFuncText)(n.name);return!1===n.visible?null:d("li",{class:[n.className,{"link--loading":t,"link--disabled":n.disabled,"link--active":n===m.selectChild}],key:u+`_${r}_`+e},[d("a",{class:"vxe-context-menu--link",on:{click(e){x.ctxMenuLinkEvent(e,n)},mouseover(e){x.ctxMenuMouseoverEvent(e,o,n)},mouseout(e){x.ctxMenuMouseoutEvent(e,o)}}},[d("div",{class:["vxe-context-menu--link-prefix",s.className||""]},[n.loading?d("span",{class:getIcon("TABLE_MENU_OPTION_LOADING")}):l&&_xeUtils.default.isFunction(l)?d("span",{},(0,_vn.getSlotVNs)(l({}))):d("span",{},[d("i",{class:l})]),s.content?d("span",""+s.content):renderEmptyElement(x)]),d("span",{class:"vxe-context-menu--link-content",attrs:{title:c}},t?getI18n("vxe.table.menuLoading"):c),d("div",{class:["vxe-context-menu--link-suffix",i.className||""]},[a&&_xeUtils.default.isFunction(a)?d("span",{},(0,_vn.getSlotVNs)(a.call(x,{}))):d("i",{class:a}),i.content?d("span",""+i.content):renderEmptyElement(x)])])])})):null])}))):[])}},render(e){return this.renderVN(e)}});