@vxe-ui/plugin-render-element
Advanced tools
+15
-9
| (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){ | ||
| (function (global){(function (){ | ||
| "use strict"; | ||
@@ -8,3 +9,3 @@ | ||
| exports.defineFormRender = defineFormRender; | ||
| var _xeUtils = _interopRequireDefault(require("xe-utils")); | ||
| var _xeUtils = _interopRequireDefault((typeof window !== "undefined" ? window['XEUtils'] : typeof global !== "undefined" ? global['XEUtils'] : null)); | ||
| function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; } | ||
@@ -367,3 +368,5 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } | ||
| } | ||
| },{"xe-utils":"xe-utils"}],2:[function(require,module,exports){ | ||
| }).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}) | ||
| },{}],2:[function(require,module,exports){ | ||
| (function (global){(function (){ | ||
| "use strict"; | ||
@@ -378,3 +381,3 @@ | ||
| var _store = require("./store"); | ||
| var _xeUtils = _interopRequireDefault(require("xe-utils")); | ||
| var _xeUtils = _interopRequireDefault((typeof window !== "undefined" ? window['XEUtils'] : typeof global !== "undefined" ? global['XEUtils'] : null)); | ||
| function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; } | ||
@@ -425,3 +428,3 @@ function getEventTarget(evnt) { | ||
| } else { | ||
| console.error('[@vxe-ui/plugin-render-element 3.2.0] error component.', comp); | ||
| console.error('[@vxe-ui/plugin-render-element 3.2.1] error component.', comp); | ||
| } | ||
@@ -436,7 +439,7 @@ }, | ||
| if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) { | ||
| console.error("[@vxe-ui/plugin-render-element 3.2.0] ".concat(VxeUI.getI18n('vxe.error.errorVersion', ["vxe-table@".concat(VxeUI.tableVersion || '?'), "vxe-table v".concat(pVersion, ".").concat(sVersion, "+")]))); | ||
| console.error("[@vxe-ui/plugin-render-element 3.2.1] ".concat(VxeUI.getI18n('vxe.error.errorVersion', ["vxe-table@".concat(VxeUI.tableVersion || '?'), "vxe-table v".concat(pVersion, ".").concat(sVersion, "+")]))); | ||
| } | ||
| } else { | ||
| if (!/^(3)\./.test(VxeUI.uiVersion || VxeUI.tableVersion)) { | ||
| console.error('[@vxe-ui/plugin-render-element 3.2.0] Requires vxe-table 3.9.0+ version. https://vxeui.com/other3/#/plugin-render-element/install'); | ||
| console.error('[@vxe-ui/plugin-render-element 3.2.1] Requires vxe-table 3.9.0+ version. https://vxeui.com/other3/#/plugin-render-element/install'); | ||
| } | ||
@@ -480,3 +483,4 @@ } | ||
| var _default = exports["default"] = VxeUIPluginRenderElement; | ||
| },{"./form":1,"./store":3,"./table":4,"xe-utils":"xe-utils"}],3:[function(require,module,exports){ | ||
| }).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}) | ||
| },{"./form":1,"./store":3,"./table":4}],3:[function(require,module,exports){ | ||
| "use strict"; | ||
@@ -490,2 +494,3 @@ | ||
| },{}],4:[function(require,module,exports){ | ||
| (function (global){(function (){ | ||
| "use strict"; | ||
@@ -497,3 +502,3 @@ | ||
| exports.defineTableRender = defineTableRender; | ||
| var _xeUtils = _interopRequireDefault(require("xe-utils")); | ||
| var _xeUtils = _interopRequireDefault((typeof window !== "undefined" ? window['XEUtils'] : typeof global !== "undefined" ? global['XEUtils'] : null)); | ||
| function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; } | ||
@@ -1146,2 +1151,3 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } | ||
| } | ||
| },{"xe-utils":"xe-utils"}]},{},[2]); | ||
| }).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}) | ||
| },{}]},{},[2]); |
@@ -56,3 +56,3 @@ "use strict"; | ||
| } else { | ||
| console.error('[@vxe-ui/plugin-render-element 3.2.0] error component.', comp); | ||
| console.error('[@vxe-ui/plugin-render-element 3.2.1] error component.', comp); | ||
| } | ||
@@ -67,7 +67,7 @@ }, | ||
| if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) { | ||
| console.error("[@vxe-ui/plugin-render-element 3.2.0] ".concat(VxeUI.getI18n('vxe.error.errorVersion', ["vxe-table@".concat(VxeUI.tableVersion || '?'), "vxe-table v".concat(pVersion, ".").concat(sVersion, "+")]))); | ||
| console.error("[@vxe-ui/plugin-render-element 3.2.1] ".concat(VxeUI.getI18n('vxe.error.errorVersion', ["vxe-table@".concat(VxeUI.tableVersion || '?'), "vxe-table v".concat(pVersion, ".").concat(sVersion, "+")]))); | ||
| } | ||
| } else { | ||
| if (!/^(3)\./.test(VxeUI.uiVersion || VxeUI.tableVersion)) { | ||
| console.error('[@vxe-ui/plugin-render-element 3.2.0] Requires vxe-table 3.9.0+ version. https://vxeui.com/other3/#/plugin-render-element/install'); | ||
| console.error('[@vxe-ui/plugin-render-element 3.2.1] Requires vxe-table 3.9.0+ version. https://vxeui.com/other3/#/plugin-render-element/install'); | ||
| } | ||
@@ -74,0 +74,0 @@ } |
+3
-3
@@ -56,3 +56,3 @@ "use strict"; | ||
| } else { | ||
| console.error('[@vxe-ui/plugin-render-element 3.2.0] error component.', comp); | ||
| console.error('[@vxe-ui/plugin-render-element 3.2.1] error component.', comp); | ||
| } | ||
@@ -67,7 +67,7 @@ }, | ||
| if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) { | ||
| console.error("[@vxe-ui/plugin-render-element 3.2.0] ".concat(VxeUI.getI18n('vxe.error.errorVersion', ["vxe-table@".concat(VxeUI.tableVersion || '?'), "vxe-table v".concat(pVersion, ".").concat(sVersion, "+")]))); | ||
| console.error("[@vxe-ui/plugin-render-element 3.2.1] ".concat(VxeUI.getI18n('vxe.error.errorVersion', ["vxe-table@".concat(VxeUI.tableVersion || '?'), "vxe-table v".concat(pVersion, ".").concat(sVersion, "+")]))); | ||
| } | ||
| } else { | ||
| if (!/^(3)\./.test(VxeUI.uiVersion || VxeUI.tableVersion)) { | ||
| console.error('[@vxe-ui/plugin-render-element 3.2.0] Requires vxe-table 3.9.0+ version. https://vxeui.com/other3/#/plugin-render-element/install'); | ||
| console.error('[@vxe-ui/plugin-render-element 3.2.1] Requires vxe-table 3.9.0+ version. https://vxeui.com/other3/#/plugin-render-element/install'); | ||
| } | ||
@@ -74,0 +74,0 @@ } |
+1170
-1163
@@ -43,290 +43,240 @@ (function (global, factory) { | ||
| 1: [function (require, module, exports) { | ||
| "use strict"; | ||
| (function (global) { | ||
| (function () { | ||
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| }); | ||
| exports.defineFormRender = defineFormRender; | ||
| var _xeUtils = _interopRequireDefault(require("xe-utils")); | ||
| function _interopRequireDefault(e) { | ||
| return e && e.__esModule ? e : { | ||
| "default": e | ||
| }; | ||
| } | ||
| function _typeof(o) { | ||
| "@babel/helpers - typeof"; | ||
| return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { | ||
| return typeof o; | ||
| } : function (o) { | ||
| return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; | ||
| }, _typeof(o); | ||
| } | ||
| function ownKeys(e, r) { | ||
| var t = Object.keys(e); | ||
| if (Object.getOwnPropertySymbols) { | ||
| var o = Object.getOwnPropertySymbols(e); | ||
| r && (o = o.filter(function (r) { | ||
| return Object.getOwnPropertyDescriptor(e, r).enumerable; | ||
| })), t.push.apply(t, o); | ||
| } | ||
| return t; | ||
| } | ||
| function _objectSpread(e) { | ||
| for (var r = 1; r < arguments.length; r++) { | ||
| var t = null != arguments[r] ? arguments[r] : {}; | ||
| r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { | ||
| _defineProperty(e, r, t[r]); | ||
| }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { | ||
| Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| }); | ||
| } | ||
| return e; | ||
| } | ||
| function _defineProperty(e, r, t) { | ||
| return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { | ||
| value: t, | ||
| enumerable: !0, | ||
| configurable: !0, | ||
| writable: !0 | ||
| }) : e[r] = t, e; | ||
| } | ||
| function _toPropertyKey(t) { | ||
| var i = _toPrimitive(t, "string"); | ||
| return "symbol" == _typeof(i) ? i : i + ""; | ||
| } | ||
| function _toPrimitive(t, r) { | ||
| if ("object" != _typeof(t) || !t) return t; | ||
| var e = t[Symbol.toPrimitive]; | ||
| if (void 0 !== e) { | ||
| var i = e.call(t, r || "default"); | ||
| if ("object" != _typeof(i)) return i; | ||
| throw new TypeError("@@toPrimitive must return a primitive value."); | ||
| } | ||
| return ("string" === r ? String : Number)(t); | ||
| } | ||
| /** | ||
| * 表单 - 渲染器 | ||
| */ | ||
| function defineFormRender(VxeUI) { | ||
| function isEmptyValue(cellValue) { | ||
| return cellValue === null || cellValue === undefined || cellValue === ''; | ||
| } | ||
| function getOnName(type) { | ||
| return _xeUtils["default"].kebabCase(type); | ||
| } | ||
| function getModelProp(renderOpts) { | ||
| return 'value'; | ||
| } | ||
| function getModelEvent(renderOpts) { | ||
| return 'input'; | ||
| } | ||
| function getChangeEvent(renderOpts) { | ||
| var type = 'change'; | ||
| switch (renderOpts.name) { | ||
| case 'ElAutocomplete': | ||
| type = 'select'; | ||
| break; | ||
| case 'ElInput': | ||
| case 'ElInputNumber': | ||
| type = 'input'; | ||
| break; | ||
| } | ||
| return type; | ||
| } | ||
| function getItemProps(renderOpts, params, value, defaultProps) { | ||
| return _xeUtils["default"].assign({}, defaultProps, renderOpts.props, _defineProperty({}, getModelProp(renderOpts), value)); | ||
| } | ||
| function formatText(cellValue) { | ||
| return '' + (isEmptyValue(cellValue) ? '' : cellValue); | ||
| } | ||
| function getOns(renderOpts, params, inputFunc, changeFunc) { | ||
| var events = renderOpts.events; | ||
| var modelEvent = getModelEvent(renderOpts); | ||
| var changeEvent = getChangeEvent(renderOpts); | ||
| var isSameEvent = changeEvent === modelEvent; | ||
| var ons = {}; | ||
| _xeUtils["default"].objectEach(events, function (func, key) { | ||
| ons[getOnName(key)] = function () { | ||
| for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { | ||
| args[_key] = arguments[_key]; | ||
| } | ||
| func.apply(void 0, [params].concat(args)); | ||
| exports.defineFormRender = defineFormRender; | ||
| var _xeUtils = _interopRequireDefault(typeof window !== "undefined" ? window['XEUtils'] : typeof global !== "undefined" ? global['XEUtils'] : null); | ||
| function _interopRequireDefault(e) { | ||
| return e && e.__esModule ? e : { | ||
| "default": e | ||
| }; | ||
| }); | ||
| if (inputFunc) { | ||
| ons[getOnName(modelEvent)] = function (targetEvnt) { | ||
| inputFunc(targetEvnt); | ||
| if (events && events[modelEvent]) { | ||
| events[modelEvent](params, targetEvnt); | ||
| } | ||
| if (isSameEvent && changeFunc) { | ||
| changeFunc(targetEvnt); | ||
| } | ||
| }; | ||
| } | ||
| if (!isSameEvent && changeFunc) { | ||
| ons[getOnName(changeEvent)] = function () { | ||
| for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { | ||
| args[_key2] = arguments[_key2]; | ||
| function _typeof(o) { | ||
| "@babel/helpers - typeof"; | ||
| return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { | ||
| return typeof o; | ||
| } : function (o) { | ||
| return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; | ||
| }, _typeof(o); | ||
| } | ||
| function ownKeys(e, r) { | ||
| var t = Object.keys(e); | ||
| if (Object.getOwnPropertySymbols) { | ||
| var o = Object.getOwnPropertySymbols(e); | ||
| r && (o = o.filter(function (r) { | ||
| return Object.getOwnPropertyDescriptor(e, r).enumerable; | ||
| })), t.push.apply(t, o); | ||
| } | ||
| return t; | ||
| } | ||
| function _objectSpread(e) { | ||
| for (var r = 1; r < arguments.length; r++) { | ||
| var t = null != arguments[r] ? arguments[r] : {}; | ||
| r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { | ||
| _defineProperty(e, r, t[r]); | ||
| }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { | ||
| Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); | ||
| }); | ||
| } | ||
| return e; | ||
| } | ||
| function _defineProperty(e, r, t) { | ||
| return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { | ||
| value: t, | ||
| enumerable: !0, | ||
| configurable: !0, | ||
| writable: !0 | ||
| }) : e[r] = t, e; | ||
| } | ||
| function _toPropertyKey(t) { | ||
| var i = _toPrimitive(t, "string"); | ||
| return "symbol" == _typeof(i) ? i : i + ""; | ||
| } | ||
| function _toPrimitive(t, r) { | ||
| if ("object" != _typeof(t) || !t) return t; | ||
| var e = t[Symbol.toPrimitive]; | ||
| if (void 0 !== e) { | ||
| var i = e.call(t, r || "default"); | ||
| if ("object" != _typeof(i)) return i; | ||
| throw new TypeError("@@toPrimitive must return a primitive value."); | ||
| } | ||
| return ("string" === r ? String : Number)(t); | ||
| } | ||
| /** | ||
| * 表单 - 渲染器 | ||
| */ | ||
| function defineFormRender(VxeUI) { | ||
| function isEmptyValue(cellValue) { | ||
| return cellValue === null || cellValue === undefined || cellValue === ''; | ||
| } | ||
| function getOnName(type) { | ||
| return _xeUtils["default"].kebabCase(type); | ||
| } | ||
| function getModelProp(renderOpts) { | ||
| return 'value'; | ||
| } | ||
| function getModelEvent(renderOpts) { | ||
| return 'input'; | ||
| } | ||
| function getChangeEvent(renderOpts) { | ||
| var type = 'change'; | ||
| switch (renderOpts.name) { | ||
| case 'ElAutocomplete': | ||
| type = 'select'; | ||
| break; | ||
| case 'ElInput': | ||
| case 'ElInputNumber': | ||
| type = 'input'; | ||
| break; | ||
| } | ||
| changeFunc.apply(void 0, args); | ||
| if (events && events[changeEvent]) { | ||
| events[changeEvent].apply(events, [params].concat(args)); | ||
| return type; | ||
| } | ||
| function getItemProps(renderOpts, params, value, defaultProps) { | ||
| return _xeUtils["default"].assign({}, defaultProps, renderOpts.props, _defineProperty({}, getModelProp(renderOpts), value)); | ||
| } | ||
| function formatText(cellValue) { | ||
| return '' + (isEmptyValue(cellValue) ? '' : cellValue); | ||
| } | ||
| function getOns(renderOpts, params, inputFunc, changeFunc) { | ||
| var events = renderOpts.events; | ||
| var modelEvent = getModelEvent(renderOpts); | ||
| var changeEvent = getChangeEvent(renderOpts); | ||
| var isSameEvent = changeEvent === modelEvent; | ||
| var ons = {}; | ||
| _xeUtils["default"].objectEach(events, function (func, key) { | ||
| ons[getOnName(key)] = function () { | ||
| for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { | ||
| args[_key] = arguments[_key]; | ||
| } | ||
| func.apply(void 0, [params].concat(args)); | ||
| }; | ||
| }); | ||
| if (inputFunc) { | ||
| ons[getOnName(modelEvent)] = function (targetEvnt) { | ||
| inputFunc(targetEvnt); | ||
| if (events && events[modelEvent]) { | ||
| events[modelEvent](params, targetEvnt); | ||
| } | ||
| if (isSameEvent && changeFunc) { | ||
| changeFunc(targetEvnt); | ||
| } | ||
| }; | ||
| } | ||
| }; | ||
| } | ||
| return ons; | ||
| } | ||
| function getItemOns(renderOpts, params) { | ||
| var $form = params.$form, | ||
| data = params.data, | ||
| field = params.field; | ||
| return getOns(renderOpts, params, function (value) { | ||
| // 处理 model 值双向绑定 | ||
| _xeUtils["default"].set(data, field, value); | ||
| }, function () { | ||
| // 处理 change 事件相关逻辑 | ||
| $form.updateStatus(params); | ||
| }); | ||
| } | ||
| function renderOptions(h, options, optionProps) { | ||
| var labelProp = optionProps.label || 'label'; | ||
| var valueProp = optionProps.value || 'value'; | ||
| return _xeUtils["default"].map(options, function (item, oIndex) { | ||
| return h('el-option', { | ||
| key: oIndex, | ||
| props: { | ||
| value: item[valueProp], | ||
| label: item[labelProp], | ||
| disabled: item.disabled | ||
| if (!isSameEvent && changeFunc) { | ||
| ons[getOnName(changeEvent)] = function () { | ||
| for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { | ||
| args[_key2] = arguments[_key2]; | ||
| } | ||
| changeFunc.apply(void 0, args); | ||
| if (events && events[changeEvent]) { | ||
| events[changeEvent].apply(events, [params].concat(args)); | ||
| } | ||
| }; | ||
| } | ||
| }); | ||
| }); | ||
| } | ||
| function cellText(cellValue) { | ||
| return [formatText(cellValue)]; | ||
| } | ||
| function createFormItemRender(defaultProps) { | ||
| return function (h, renderOpts, params) { | ||
| var data = params.data, | ||
| field = params.field; | ||
| var name = renderOpts.name; | ||
| var attrs = renderOpts.attrs; | ||
| var itemValue = _xeUtils["default"].get(data, field); | ||
| return [h(name, { | ||
| attrs: attrs, | ||
| props: _objectSpread({}, getItemProps(renderOpts, params, itemValue, defaultProps)), | ||
| on: getItemOns(renderOpts, params) | ||
| })]; | ||
| }; | ||
| } | ||
| function defaultButtonItemRender(h, renderOpts, params) { | ||
| var attrs = renderOpts.attrs; | ||
| var props = getItemProps(renderOpts, params, null); | ||
| return [h('el-button', { | ||
| attrs: attrs, | ||
| props: _objectSpread({}, props), | ||
| on: getOns(renderOpts, params), | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return cellText(renderOpts.content || props.content); | ||
| } | ||
| return ons; | ||
| } | ||
| })]; | ||
| } | ||
| function defaultButtonsItemRender(h, renderOpts, params) { | ||
| var children = renderOpts.children; | ||
| if (children) { | ||
| return children.map(function (childRenderOpts) { | ||
| return defaultButtonItemRender(h, childRenderOpts, params)[0]; | ||
| }); | ||
| } | ||
| return []; | ||
| } | ||
| /** | ||
| * 已废弃 | ||
| * @deprecated | ||
| */ | ||
| function createOldFormItemRadioAndCheckboxRender() { | ||
| return function (h, renderOpts, params) { | ||
| var name = renderOpts.name, | ||
| _renderOpts$options = renderOpts.options, | ||
| options = _renderOpts$options === void 0 ? [] : _renderOpts$options, | ||
| _renderOpts$optionPro = renderOpts.optionProps, | ||
| optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro, | ||
| attrs = renderOpts.attrs; | ||
| var data = params.data, | ||
| field = params.field; | ||
| var labelProp = optionProps.label || 'label'; | ||
| var valueProp = optionProps.value || 'value'; | ||
| var itemValue = _xeUtils["default"].get(data, field); | ||
| return [h("".concat(name, "Group"), { | ||
| attrs: attrs, | ||
| props: _objectSpread({}, getItemProps(renderOpts, params, itemValue)), | ||
| on: getItemOns(renderOpts, params), | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return options.map(function (option, oIndex) { | ||
| return h(name, { | ||
| key: oIndex, | ||
| props: { | ||
| label: option[valueProp], | ||
| disabled: option.disabled | ||
| }, | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return cellText(option[labelProp]); | ||
| } | ||
| } | ||
| }); | ||
| }); | ||
| function getItemOns(renderOpts, params) { | ||
| var $form = params.$form, | ||
| data = params.data, | ||
| field = params.field; | ||
| return getOns(renderOpts, params, function (value) { | ||
| // 处理 model 值双向绑定 | ||
| _xeUtils["default"].set(data, field, value); | ||
| }, function () { | ||
| // 处理 change 事件相关逻辑 | ||
| $form.updateStatus(params); | ||
| }); | ||
| } | ||
| function renderOptions(h, options, optionProps) { | ||
| var labelProp = optionProps.label || 'label'; | ||
| var valueProp = optionProps.value || 'value'; | ||
| return _xeUtils["default"].map(options, function (item, oIndex) { | ||
| return h('el-option', { | ||
| key: oIndex, | ||
| props: { | ||
| value: item[valueProp], | ||
| label: item[labelProp], | ||
| disabled: item.disabled | ||
| } | ||
| }); | ||
| }); | ||
| } | ||
| function cellText(cellValue) { | ||
| return [formatText(cellValue)]; | ||
| } | ||
| function createFormItemRender(defaultProps) { | ||
| return function (h, renderOpts, params) { | ||
| var data = params.data, | ||
| field = params.field; | ||
| var name = renderOpts.name; | ||
| var attrs = renderOpts.attrs; | ||
| var itemValue = _xeUtils["default"].get(data, field); | ||
| return [h(name, { | ||
| attrs: attrs, | ||
| props: _objectSpread({}, getItemProps(renderOpts, params, itemValue, defaultProps)), | ||
| on: getItemOns(renderOpts, params) | ||
| })]; | ||
| }; | ||
| } | ||
| function defaultButtonItemRender(h, renderOpts, params) { | ||
| var attrs = renderOpts.attrs; | ||
| var props = getItemProps(renderOpts, params, null); | ||
| return [h('el-button', { | ||
| attrs: attrs, | ||
| props: _objectSpread({}, props), | ||
| on: getOns(renderOpts, params), | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return cellText(renderOpts.content || props.content); | ||
| } | ||
| } | ||
| })]; | ||
| } | ||
| function defaultButtonsItemRender(h, renderOpts, params) { | ||
| var children = renderOpts.children; | ||
| if (children) { | ||
| return children.map(function (childRenderOpts) { | ||
| return defaultButtonItemRender(h, childRenderOpts, params)[0]; | ||
| }); | ||
| } | ||
| })]; | ||
| }; | ||
| } | ||
| VxeUI.renderer.mixin({ | ||
| ElAutocomplete: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElInput: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElInputNumber: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElSelect: { | ||
| renderFormItemContent: function renderFormItemContent(h, renderOpts, params) { | ||
| var _renderOpts$options2 = renderOpts.options, | ||
| options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2, | ||
| optionGroups = renderOpts.optionGroups, | ||
| _renderOpts$optionPro2 = renderOpts.optionProps, | ||
| optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2, | ||
| _renderOpts$optionGro = renderOpts.optionGroupProps, | ||
| optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro; | ||
| var data = params.data, | ||
| field = params.field; | ||
| var attrs = renderOpts.attrs; | ||
| var itemValue = _xeUtils["default"].get(data, field); | ||
| var props = getItemProps(renderOpts, params, itemValue); | ||
| var ons = getItemOns(renderOpts, params); | ||
| if (optionGroups) { | ||
| var groupOptions = optionGroupProps.options || 'options'; | ||
| var groupLabel = optionGroupProps.label || 'label'; | ||
| return [h('el-select', { | ||
| return []; | ||
| } | ||
| /** | ||
| * 已废弃 | ||
| * @deprecated | ||
| */ | ||
| function createOldFormItemRadioAndCheckboxRender() { | ||
| return function (h, renderOpts, params) { | ||
| var name = renderOpts.name, | ||
| _renderOpts$options = renderOpts.options, | ||
| options = _renderOpts$options === void 0 ? [] : _renderOpts$options, | ||
| _renderOpts$optionPro = renderOpts.optionProps, | ||
| optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro, | ||
| attrs = renderOpts.attrs; | ||
| var data = params.data, | ||
| field = params.field; | ||
| var labelProp = optionProps.label || 'label'; | ||
| var valueProp = optionProps.value || 'value'; | ||
| var itemValue = _xeUtils["default"].get(data, field); | ||
| return [h("".concat(name, "Group"), { | ||
| attrs: attrs, | ||
| props: _objectSpread({}, props), | ||
| on: ons, | ||
| props: _objectSpread({}, getItemProps(renderOpts, params, itemValue)), | ||
| on: getItemOns(renderOpts, params), | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return _xeUtils["default"].map(optionGroups, function (group, gIndex) { | ||
| return h('el-option-group', { | ||
| key: gIndex, | ||
| return options.map(function (option, oIndex) { | ||
| return h(name, { | ||
| key: oIndex, | ||
| props: { | ||
| label: group[groupLabel] | ||
| label: option[valueProp], | ||
| disabled: option.disabled | ||
| }, | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return renderOptions(h, group[groupOptions], optionProps); | ||
| return cellText(option[labelProp]); | ||
| } | ||
@@ -339,242 +289,297 @@ } | ||
| })]; | ||
| } | ||
| return [h('el-select', { | ||
| attrs: attrs, | ||
| props: _objectSpread({}, props), | ||
| on: ons, | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return renderOptions(h, options, optionProps); | ||
| } | ||
| } | ||
| })]; | ||
| }; | ||
| } | ||
| }, | ||
| ElCascader: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElDatePicker: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElTimePicker: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElTimeSelect: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElRate: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElSwitch: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElSlider: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElRadioGroup: { | ||
| renderFormItemContent: function renderFormItemContent(h, renderOpts, params) { | ||
| var _renderOpts$options3 = renderOpts.options, | ||
| options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3, | ||
| _renderOpts$optionPro3 = renderOpts.optionProps, | ||
| optionProps = _renderOpts$optionPro3 === void 0 ? {} : _renderOpts$optionPro3, | ||
| attrs = renderOpts.attrs; | ||
| var data = params.data, | ||
| field = params.field; | ||
| var labelProp = optionProps.label || 'label'; | ||
| var valueProp = optionProps.value || 'value'; | ||
| var itemValue = _xeUtils["default"].get(data, field); | ||
| return [h('el-radio-group', { | ||
| attrs: attrs, | ||
| props: _objectSpread({}, getItemProps(renderOpts, params, itemValue)), | ||
| on: _objectSpread({}, getItemOns(renderOpts, params)), | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return options.map(function (option, oIndex) { | ||
| return h('el-radio', { | ||
| key: oIndex, | ||
| props: { | ||
| value: option[valueProp], | ||
| disabled: option.disabled | ||
| }, | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return cellText(option[labelProp]); | ||
| } | ||
| VxeUI.renderer.mixin({ | ||
| ElAutocomplete: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElInput: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElInputNumber: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElSelect: { | ||
| renderFormItemContent: function renderFormItemContent(h, renderOpts, params) { | ||
| var _renderOpts$options2 = renderOpts.options, | ||
| options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2, | ||
| optionGroups = renderOpts.optionGroups, | ||
| _renderOpts$optionPro2 = renderOpts.optionProps, | ||
| optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2, | ||
| _renderOpts$optionGro = renderOpts.optionGroupProps, | ||
| optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro; | ||
| var data = params.data, | ||
| field = params.field; | ||
| var attrs = renderOpts.attrs; | ||
| var itemValue = _xeUtils["default"].get(data, field); | ||
| var props = getItemProps(renderOpts, params, itemValue); | ||
| var ons = getItemOns(renderOpts, params); | ||
| if (optionGroups) { | ||
| var groupOptions = optionGroupProps.options || 'options'; | ||
| var groupLabel = optionGroupProps.label || 'label'; | ||
| return [h('el-select', { | ||
| attrs: attrs, | ||
| props: _objectSpread({}, props), | ||
| on: ons, | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return _xeUtils["default"].map(optionGroups, function (group, gIndex) { | ||
| return h('el-option-group', { | ||
| key: gIndex, | ||
| props: { | ||
| label: group[groupLabel] | ||
| }, | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return renderOptions(h, group[groupOptions], optionProps); | ||
| } | ||
| } | ||
| }); | ||
| }); | ||
| } | ||
| }); | ||
| }); | ||
| } | ||
| })]; | ||
| } | ||
| return [h('el-select', { | ||
| attrs: attrs, | ||
| props: _objectSpread({}, props), | ||
| on: ons, | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return renderOptions(h, options, optionProps); | ||
| } | ||
| } | ||
| })]; | ||
| } | ||
| })]; | ||
| } | ||
| }, | ||
| ElCheckboxGroup: { | ||
| renderFormItemContent: function renderFormItemContent(h, renderOpts, params) { | ||
| var _renderOpts$options4 = renderOpts.options, | ||
| options = _renderOpts$options4 === void 0 ? [] : _renderOpts$options4, | ||
| _renderOpts$optionPro4 = renderOpts.optionProps, | ||
| optionProps = _renderOpts$optionPro4 === void 0 ? {} : _renderOpts$optionPro4, | ||
| attrs = renderOpts.attrs; | ||
| var data = params.data, | ||
| field = params.field; | ||
| var labelProp = optionProps.label || 'label'; | ||
| var valueProp = optionProps.value || 'value'; | ||
| var itemValue = _xeUtils["default"].get(data, field); | ||
| return [h('el-checkbox-group', { | ||
| attrs: attrs, | ||
| props: _objectSpread({}, getItemProps(renderOpts, params, itemValue)), | ||
| on: _objectSpread({}, getItemOns(renderOpts, params)), | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return options.map(function (option, oIndex) { | ||
| return h('el-checkbox', { | ||
| key: oIndex, | ||
| props: { | ||
| value: option[valueProp], | ||
| label: option[labelProp], | ||
| disabled: option.disabled | ||
| } | ||
| }); | ||
| }); | ||
| } | ||
| }, | ||
| ElCascader: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElDatePicker: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElTimePicker: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElTimeSelect: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElRate: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElSwitch: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElSlider: { | ||
| renderFormItemContent: createFormItemRender() | ||
| }, | ||
| ElRadioGroup: { | ||
| renderFormItemContent: function renderFormItemContent(h, renderOpts, params) { | ||
| var _renderOpts$options3 = renderOpts.options, | ||
| options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3, | ||
| _renderOpts$optionPro3 = renderOpts.optionProps, | ||
| optionProps = _renderOpts$optionPro3 === void 0 ? {} : _renderOpts$optionPro3, | ||
| attrs = renderOpts.attrs; | ||
| var data = params.data, | ||
| field = params.field; | ||
| var labelProp = optionProps.label || 'label'; | ||
| var valueProp = optionProps.value || 'value'; | ||
| var itemValue = _xeUtils["default"].get(data, field); | ||
| return [h('el-radio-group', { | ||
| attrs: attrs, | ||
| props: _objectSpread({}, getItemProps(renderOpts, params, itemValue)), | ||
| on: _objectSpread({}, getItemOns(renderOpts, params)), | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return options.map(function (option, oIndex) { | ||
| return h('el-radio', { | ||
| key: oIndex, | ||
| props: { | ||
| value: option[valueProp], | ||
| disabled: option.disabled | ||
| }, | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return cellText(option[labelProp]); | ||
| } | ||
| } | ||
| }); | ||
| }); | ||
| } | ||
| } | ||
| })]; | ||
| } | ||
| })]; | ||
| } | ||
| }, | ||
| ElButton: { | ||
| renderFormItemContent: defaultButtonItemRender | ||
| }, | ||
| // 已废弃 | ||
| ElRadio: { | ||
| renderFormItemContent: createOldFormItemRadioAndCheckboxRender() | ||
| }, | ||
| ElCheckbox: { | ||
| renderFormItemContent: createOldFormItemRadioAndCheckboxRender() | ||
| }, | ||
| ElButtons: { | ||
| renderFormItemContent: defaultButtonsItemRender | ||
| }, | ||
| ElCheckboxGroup: { | ||
| renderFormItemContent: function renderFormItemContent(h, renderOpts, params) { | ||
| var _renderOpts$options4 = renderOpts.options, | ||
| options = _renderOpts$options4 === void 0 ? [] : _renderOpts$options4, | ||
| _renderOpts$optionPro4 = renderOpts.optionProps, | ||
| optionProps = _renderOpts$optionPro4 === void 0 ? {} : _renderOpts$optionPro4, | ||
| attrs = renderOpts.attrs; | ||
| var data = params.data, | ||
| field = params.field; | ||
| var labelProp = optionProps.label || 'label'; | ||
| var valueProp = optionProps.value || 'value'; | ||
| var itemValue = _xeUtils["default"].get(data, field); | ||
| return [h('el-checkbox-group', { | ||
| attrs: attrs, | ||
| props: _objectSpread({}, getItemProps(renderOpts, params, itemValue)), | ||
| on: _objectSpread({}, getItemOns(renderOpts, params)), | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return options.map(function (option, oIndex) { | ||
| return h('el-checkbox', { | ||
| key: oIndex, | ||
| props: { | ||
| value: option[valueProp], | ||
| label: option[labelProp], | ||
| disabled: option.disabled | ||
| } | ||
| }); | ||
| }); | ||
| } | ||
| } | ||
| })]; | ||
| } | ||
| }, | ||
| ElButton: { | ||
| renderFormItemContent: defaultButtonItemRender | ||
| }, | ||
| // 已废弃 | ||
| ElRadio: { | ||
| renderFormItemContent: createOldFormItemRadioAndCheckboxRender() | ||
| }, | ||
| ElCheckbox: { | ||
| renderFormItemContent: createOldFormItemRadioAndCheckboxRender() | ||
| }, | ||
| ElButtons: { | ||
| renderFormItemContent: defaultButtonsItemRender | ||
| } | ||
| }); | ||
| } | ||
| }); | ||
| } | ||
| }, { | ||
| "xe-utils": "xe-utils" | ||
| }], | ||
| }).call(this); | ||
| }).call(this, typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}); | ||
| }, {}], | ||
| 2: [function (require, module, exports) { | ||
| "use strict"; | ||
| (function (global) { | ||
| (function () { | ||
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| }); | ||
| exports["default"] = exports.VxeUIPluginRenderElement = void 0; | ||
| var _table = require("./table"); | ||
| var _form = require("./form"); | ||
| var _store = require("./store"); | ||
| var _xeUtils = _interopRequireDefault(require("xe-utils")); | ||
| function _interopRequireDefault(e) { | ||
| return e && e.__esModule ? e : { | ||
| "default": e | ||
| }; | ||
| } | ||
| function getEventTarget(evnt) { | ||
| var target = evnt.target; | ||
| if (target && target.shadowRoot && evnt.composed) { | ||
| return evnt.composedPath()[0] || target; | ||
| } | ||
| return target; | ||
| } | ||
| /** | ||
| * 检查触发源是否属于目标节点 | ||
| */ | ||
| function getEventTargetNode(evnt, container, className) { | ||
| var targetElem; | ||
| var target = getEventTarget(evnt); | ||
| var rootEl = document.documentElement || document.querySelector('html'); | ||
| while (target && target.nodeType && target !== rootEl) { | ||
| if (className && target.className && target.className.split && target.className.split(' ').indexOf(className) > -1) { | ||
| targetElem = target; | ||
| } else if (target === container) { | ||
| return { | ||
| flag: className ? !!targetElem : true, | ||
| container: container, | ||
| targetElem: targetElem | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| }); | ||
| exports["default"] = exports.VxeUIPluginRenderElement = void 0; | ||
| var _table = require("./table"); | ||
| var _form = require("./form"); | ||
| var _store = require("./store"); | ||
| var _xeUtils = _interopRequireDefault(typeof window !== "undefined" ? window['XEUtils'] : typeof global !== "undefined" ? global['XEUtils'] : null); | ||
| function _interopRequireDefault(e) { | ||
| return e && e.__esModule ? e : { | ||
| "default": e | ||
| }; | ||
| } | ||
| target = target.parentElement; | ||
| } | ||
| return { | ||
| flag: false | ||
| }; | ||
| } | ||
| function toComponentName(name) { | ||
| if (name) { | ||
| return name.slice(0, 1).toUpperCase() + name.slice(1); | ||
| } | ||
| return name; | ||
| } | ||
| var VxeUIPluginRenderElement = exports.VxeUIPluginRenderElement = { | ||
| component: function component(comp) { | ||
| if (comp && comp.name) { | ||
| var kcName = _xeUtils["default"].kebabCase(comp.name); | ||
| var ccName = toComponentName(_xeUtils["default"].camelCase(comp.name)); | ||
| _store.componentMaps[kcName] = comp; | ||
| _store.componentMaps[ccName] = comp; | ||
| } else { | ||
| console.error('[@vxe-ui/plugin-render-element 3.2.0] error component.', comp); | ||
| } | ||
| }, | ||
| install: function install(VxeUI, options) { | ||
| var pluginOpts = Object.assign({}, options); | ||
| // 检查版本 | ||
| if (VxeUI.checkVersion) { | ||
| var pVersion = 3; | ||
| var sVersion = 13; | ||
| if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) { | ||
| console.error("[@vxe-ui/plugin-render-element 3.2.0] ".concat(VxeUI.getI18n('vxe.error.errorVersion', ["vxe-table@".concat(VxeUI.tableVersion || '?'), "vxe-table v".concat(pVersion, ".").concat(sVersion, "+")]))); | ||
| function getEventTarget(evnt) { | ||
| var target = evnt.target; | ||
| if (target && target.shadowRoot && evnt.composed) { | ||
| return evnt.composedPath()[0] || target; | ||
| } | ||
| } else { | ||
| if (!/^(3)\./.test(VxeUI.uiVersion || VxeUI.tableVersion)) { | ||
| console.error('[@vxe-ui/plugin-render-element 3.2.0] Requires vxe-table 3.9.0+ version. https://vxeui.com/other3/#/plugin-render-element/install'); | ||
| } | ||
| return target; | ||
| } | ||
| /** | ||
| * 事件兼容性处理 | ||
| * 检查触发源是否属于目标节点 | ||
| */ | ||
| function handleClearEvent(params) { | ||
| var $event = params.$event; | ||
| var bodyElem = document.body; | ||
| var prefixCls = "".concat(pluginOpts.prefixCls || 'el').replace(/-$/, ''); | ||
| if ( | ||
| // 远程搜索 | ||
| getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-autocomplete-suggestion")).flag || | ||
| // 下拉框 | ||
| getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-select-dropdown")).flag || | ||
| // 级联 | ||
| getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-cascader__dropdown")).flag || getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-cascader-menus")).flag || | ||
| // 日期 | ||
| getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-time-panel")).flag || getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-picker-panel")).flag || | ||
| // 颜色 | ||
| getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-color-dropdown")).flag) { | ||
| return false; | ||
| function getEventTargetNode(evnt, container, className) { | ||
| var targetElem; | ||
| var target = getEventTarget(evnt); | ||
| var rootEl = document.documentElement || document.querySelector('html'); | ||
| while (target && target.nodeType && target !== rootEl) { | ||
| if (className && target.className && target.className.split && target.className.split(' ').indexOf(className) > -1) { | ||
| targetElem = target; | ||
| } else if (target === container) { | ||
| return { | ||
| flag: className ? !!targetElem : true, | ||
| container: container, | ||
| targetElem: targetElem | ||
| }; | ||
| } | ||
| target = target.parentElement; | ||
| } | ||
| return { | ||
| flag: false | ||
| }; | ||
| } | ||
| (0, _table.defineTableRender)(VxeUI); | ||
| (0, _form.defineFormRender)(VxeUI); | ||
| VxeUI.interceptor.add('event.clearFilter', handleClearEvent); | ||
| VxeUI.interceptor.add('event.clearEdit', handleClearEvent); | ||
| VxeUI.interceptor.add('event.clearAreas', handleClearEvent); | ||
| // 兼容老版本 | ||
| VxeUI.interceptor.add('event.clearActived', handleClearEvent); | ||
| } | ||
| }; | ||
| if (typeof window !== 'undefined') { | ||
| if (window.VxeUI && window.VxeUI.use) { | ||
| window.VxeUI.use(VxeUIPluginRenderElement); | ||
| } | ||
| } | ||
| var _default = exports["default"] = VxeUIPluginRenderElement; | ||
| function toComponentName(name) { | ||
| if (name) { | ||
| return name.slice(0, 1).toUpperCase() + name.slice(1); | ||
| } | ||
| return name; | ||
| } | ||
| var VxeUIPluginRenderElement = exports.VxeUIPluginRenderElement = { | ||
| component: function component(comp) { | ||
| if (comp && comp.name) { | ||
| var kcName = _xeUtils["default"].kebabCase(comp.name); | ||
| var ccName = toComponentName(_xeUtils["default"].camelCase(comp.name)); | ||
| _store.componentMaps[kcName] = comp; | ||
| _store.componentMaps[ccName] = comp; | ||
| } else { | ||
| console.error('[@vxe-ui/plugin-render-element 3.2.1] error component.', comp); | ||
| } | ||
| }, | ||
| install: function install(VxeUI, options) { | ||
| var pluginOpts = Object.assign({}, options); | ||
| // 检查版本 | ||
| if (VxeUI.checkVersion) { | ||
| var pVersion = 3; | ||
| var sVersion = 13; | ||
| if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) { | ||
| console.error("[@vxe-ui/plugin-render-element 3.2.1] ".concat(VxeUI.getI18n('vxe.error.errorVersion', ["vxe-table@".concat(VxeUI.tableVersion || '?'), "vxe-table v".concat(pVersion, ".").concat(sVersion, "+")]))); | ||
| } | ||
| } else { | ||
| if (!/^(3)\./.test(VxeUI.uiVersion || VxeUI.tableVersion)) { | ||
| console.error('[@vxe-ui/plugin-render-element 3.2.1] Requires vxe-table 3.9.0+ version. https://vxeui.com/other3/#/plugin-render-element/install'); | ||
| } | ||
| } | ||
| /** | ||
| * 事件兼容性处理 | ||
| */ | ||
| function handleClearEvent(params) { | ||
| var $event = params.$event; | ||
| var bodyElem = document.body; | ||
| var prefixCls = "".concat(pluginOpts.prefixCls || 'el').replace(/-$/, ''); | ||
| if ( | ||
| // 远程搜索 | ||
| getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-autocomplete-suggestion")).flag || | ||
| // 下拉框 | ||
| getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-select-dropdown")).flag || | ||
| // 级联 | ||
| getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-cascader__dropdown")).flag || getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-cascader-menus")).flag || | ||
| // 日期 | ||
| getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-time-panel")).flag || getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-picker-panel")).flag || | ||
| // 颜色 | ||
| getEventTargetNode($event, bodyElem, "".concat(prefixCls, "-color-dropdown")).flag) { | ||
| return false; | ||
| } | ||
| } | ||
| (0, _table.defineTableRender)(VxeUI); | ||
| (0, _form.defineFormRender)(VxeUI); | ||
| VxeUI.interceptor.add('event.clearFilter', handleClearEvent); | ||
| VxeUI.interceptor.add('event.clearEdit', handleClearEvent); | ||
| VxeUI.interceptor.add('event.clearAreas', handleClearEvent); | ||
| // 兼容老版本 | ||
| VxeUI.interceptor.add('event.clearActived', handleClearEvent); | ||
| } | ||
| }; | ||
| if (typeof window !== 'undefined') { | ||
| if (window.VxeUI && window.VxeUI.use) { | ||
| window.VxeUI.use(VxeUIPluginRenderElement); | ||
| } | ||
| } | ||
| var _default = exports["default"] = VxeUIPluginRenderElement; | ||
| }).call(this); | ||
| }).call(this, typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}); | ||
| }, { | ||
| "./form": 1, | ||
| "./store": 3, | ||
| "./table": 4, | ||
| "xe-utils": "xe-utils" | ||
| "./table": 4 | ||
| }], | ||
@@ -591,572 +596,388 @@ 3: [function (require, module, exports) { | ||
| 4: [function (require, module, exports) { | ||
| "use strict"; | ||
| (function (global) { | ||
| (function () { | ||
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| }); | ||
| exports.defineTableRender = defineTableRender; | ||
| var _xeUtils = _interopRequireDefault(require("xe-utils")); | ||
| function _interopRequireDefault(e) { | ||
| return e && e.__esModule ? e : { | ||
| "default": e | ||
| }; | ||
| } | ||
| function _typeof(o) { | ||
| "@babel/helpers - typeof"; | ||
| return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { | ||
| return typeof o; | ||
| } : function (o) { | ||
| return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; | ||
| }, _typeof(o); | ||
| } | ||
| function ownKeys(e, r) { | ||
| var t = Object.keys(e); | ||
| if (Object.getOwnPropertySymbols) { | ||
| var o = Object.getOwnPropertySymbols(e); | ||
| r && (o = o.filter(function (r) { | ||
| return Object.getOwnPropertyDescriptor(e, r).enumerable; | ||
| })), t.push.apply(t, o); | ||
| } | ||
| return t; | ||
| } | ||
| function _objectSpread(e) { | ||
| for (var r = 1; r < arguments.length; r++) { | ||
| var t = null != arguments[r] ? arguments[r] : {}; | ||
| r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { | ||
| _defineProperty(e, r, t[r]); | ||
| }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { | ||
| Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| }); | ||
| } | ||
| return e; | ||
| } | ||
| function _defineProperty(e, r, t) { | ||
| return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { | ||
| value: t, | ||
| enumerable: !0, | ||
| configurable: !0, | ||
| writable: !0 | ||
| }) : e[r] = t, e; | ||
| } | ||
| function _toPropertyKey(t) { | ||
| var i = _toPrimitive(t, "string"); | ||
| return "symbol" == _typeof(i) ? i : i + ""; | ||
| } | ||
| function _toPrimitive(t, r) { | ||
| if ("object" != _typeof(t) || !t) return t; | ||
| var e = t[Symbol.toPrimitive]; | ||
| if (void 0 !== e) { | ||
| var i = e.call(t, r || "default"); | ||
| if ("object" != _typeof(i)) return i; | ||
| throw new TypeError("@@toPrimitive must return a primitive value."); | ||
| } | ||
| return ("string" === r ? String : Number)(t); | ||
| } | ||
| /** | ||
| * 表格 - 渲染器 | ||
| */ | ||
| function defineTableRender(VxeUI) { | ||
| function isEmptyValue(cellValue) { | ||
| return cellValue === null || cellValue === undefined || cellValue === ''; | ||
| } | ||
| function getOnName(type) { | ||
| return _xeUtils["default"].kebabCase(type); | ||
| } | ||
| function getModelProp(renderOpts) { | ||
| return 'value'; | ||
| } | ||
| function getModelEvent(renderOpts) { | ||
| return 'input'; | ||
| } | ||
| function getChangeEvent(renderOpts) { | ||
| var type = 'change'; | ||
| switch (renderOpts.name) { | ||
| case 'ElAutocomplete': | ||
| type = 'select'; | ||
| break; | ||
| case 'ElInput': | ||
| case 'ElInputNumber': | ||
| type = 'input'; | ||
| break; | ||
| } | ||
| return type; | ||
| } | ||
| function toDayStringDate(value, format) { | ||
| return _xeUtils["default"].toStringDate(value, format); | ||
| } | ||
| function toDayDateString(date, format) { | ||
| return _xeUtils["default"].toDateString(date, format); | ||
| } | ||
| function parseDate(value, props) { | ||
| return value && props.valueFormat ? toDayStringDate(value, props.valueFormat) : value; | ||
| } | ||
| function getFormatDate(value, props, defaultFormat) { | ||
| return value ? toDayDateString(parseDate(value, props), props.format || props.valueFormat || defaultFormat) : value; | ||
| } | ||
| function getFormatDates(values, props, separator, defaultFormat) { | ||
| return _xeUtils["default"].map(values, function (date) { | ||
| return getFormatDate(date, props, defaultFormat); | ||
| }).join(separator); | ||
| } | ||
| function equalDateRange(cellValue, data, props, defaultFormat) { | ||
| cellValue = getFormatDate(cellValue, props, defaultFormat); | ||
| return cellValue >= getFormatDate(data[0], props, defaultFormat) && cellValue <= getFormatDate(data[1], props, defaultFormat); | ||
| } | ||
| function getCellEditFilterProps(renderOpts, params, value, defaultProps) { | ||
| return _xeUtils["default"].assign({}, defaultProps, renderOpts.props, _defineProperty({}, getModelProp(renderOpts), value)); | ||
| } | ||
| function formatText(cellValue) { | ||
| return '' + (isEmptyValue(cellValue) ? '' : cellValue); | ||
| } | ||
| function getCellLabelVNs(h, renderOpts, params, cellLabel) { | ||
| var placeholder = renderOpts.placeholder; | ||
| return [h('span', { | ||
| "class": 'vxe-cell--label' | ||
| }, placeholder && isEmptyValue(cellLabel) ? [h('span', { | ||
| "class": 'vxe-cell--placeholder' | ||
| }, formatText(VxeUI.getI18n(placeholder)))] : formatText(cellLabel))]; | ||
| } | ||
| function getOns(renderOpts, params, inputFunc, changeFunc) { | ||
| var events = renderOpts.events; | ||
| var modelEvent = getModelEvent(renderOpts); | ||
| var changeEvent = getChangeEvent(renderOpts); | ||
| var isSameEvent = changeEvent === modelEvent; | ||
| var ons = {}; | ||
| _xeUtils["default"].objectEach(events, function (func, key) { | ||
| ons[getOnName(key)] = function () { | ||
| for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { | ||
| args[_key] = arguments[_key]; | ||
| } | ||
| func.apply(void 0, [params].concat(args)); | ||
| exports.defineTableRender = defineTableRender; | ||
| var _xeUtils = _interopRequireDefault(typeof window !== "undefined" ? window['XEUtils'] : typeof global !== "undefined" ? global['XEUtils'] : null); | ||
| function _interopRequireDefault(e) { | ||
| return e && e.__esModule ? e : { | ||
| "default": e | ||
| }; | ||
| }); | ||
| if (inputFunc) { | ||
| ons[getOnName(modelEvent)] = function (targetEvnt) { | ||
| inputFunc(targetEvnt); | ||
| if (events && events[modelEvent]) { | ||
| events[modelEvent](params, targetEvnt); | ||
| } | ||
| if (isSameEvent && changeFunc) { | ||
| changeFunc(targetEvnt); | ||
| } | ||
| }; | ||
| } | ||
| if (!isSameEvent && changeFunc) { | ||
| ons[getOnName(changeEvent)] = function () { | ||
| for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { | ||
| args[_key2] = arguments[_key2]; | ||
| } | ||
| changeFunc.apply(void 0, args); | ||
| if (events && events[changeEvent]) { | ||
| events[changeEvent].apply(events, [params].concat(args)); | ||
| } | ||
| }; | ||
| function _typeof(o) { | ||
| "@babel/helpers - typeof"; | ||
| return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { | ||
| return typeof o; | ||
| } : function (o) { | ||
| return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; | ||
| }, _typeof(o); | ||
| } | ||
| return ons; | ||
| } | ||
| function getEditOns(renderOpts, params) { | ||
| var $table = params.$table, | ||
| row = params.row, | ||
| column = params.column; | ||
| return getOns(renderOpts, params, function (value) { | ||
| // 处理 model 值双向绑定 | ||
| _xeUtils["default"].set(row, column.field, value); | ||
| }, function () { | ||
| // 处理 change 事件相关逻辑 | ||
| $table.updateStatus(params); | ||
| }); | ||
| } | ||
| function getFilterOns(renderOpts, params, option, changeFunc) { | ||
| return getOns(renderOpts, params, function (value) { | ||
| // 处理 model 值双向绑定 | ||
| option.data = value; | ||
| }, changeFunc); | ||
| } | ||
| function matchCascaderData(index, list, values, labels) { | ||
| var val = values[index]; | ||
| if (list && values.length > index) { | ||
| _xeUtils["default"].each(list, function (item) { | ||
| if (item.value === val) { | ||
| labels.push(item.label); | ||
| matchCascaderData(++index, item.children, values, labels); | ||
| } | ||
| }); | ||
| } | ||
| } | ||
| function getSelectCellValue(renderOpts, params) { | ||
| var _renderOpts$options = renderOpts.options, | ||
| options = _renderOpts$options === void 0 ? [] : _renderOpts$options, | ||
| optionGroups = renderOpts.optionGroups, | ||
| _renderOpts$props = renderOpts.props, | ||
| props = _renderOpts$props === void 0 ? {} : _renderOpts$props, | ||
| _renderOpts$optionPro = renderOpts.optionProps, | ||
| optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro, | ||
| _renderOpts$optionGro = renderOpts.optionGroupProps, | ||
| optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro; | ||
| var $table = params.$table, | ||
| rowid = params.rowid, | ||
| row = params.row, | ||
| column = params.column; | ||
| var filterable = props.filterable, | ||
| multiple = props.multiple; | ||
| var labelProp = optionProps.label || 'label'; | ||
| var valueProp = optionProps.value || 'value'; | ||
| var groupOptions = optionGroupProps.options || 'options'; | ||
| var cellValue = _xeUtils["default"].get(row, column.field); | ||
| var colid = column.id; | ||
| var cellData; | ||
| if (filterable) { | ||
| var tableInternalData = $table; | ||
| var fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData; | ||
| var rest = fullAllDataRowIdData[rowid]; | ||
| if (rest) { | ||
| cellData = rest.cellData; | ||
| if (!cellData) { | ||
| cellData = rest.cellData = {}; | ||
| } | ||
| function ownKeys(e, r) { | ||
| var t = Object.keys(e); | ||
| if (Object.getOwnPropertySymbols) { | ||
| var o = Object.getOwnPropertySymbols(e); | ||
| r && (o = o.filter(function (r) { | ||
| return Object.getOwnPropertyDescriptor(e, r).enumerable; | ||
| })), t.push.apply(t, o); | ||
| } | ||
| if (rest && cellData[colid] && cellData[colid].value === cellValue) { | ||
| return cellData[colid].label; | ||
| } | ||
| return t; | ||
| } | ||
| if (!isEmptyValue(cellValue)) { | ||
| var selectlabel = _xeUtils["default"].map(multiple ? cellValue : [cellValue], optionGroups ? function (value) { | ||
| var selectItem; | ||
| for (var index = 0; index < optionGroups.length; index++) { | ||
| selectItem = _xeUtils["default"].find(optionGroups[index][groupOptions], function (item) { | ||
| return item[valueProp] === value; | ||
| }); | ||
| if (selectItem) { | ||
| break; | ||
| } | ||
| } | ||
| return selectItem ? selectItem[labelProp] : value; | ||
| } : function (value) { | ||
| var selectItem = _xeUtils["default"].find(options, function (item) { | ||
| return item[valueProp] === value; | ||
| function _objectSpread(e) { | ||
| for (var r = 1; r < arguments.length; r++) { | ||
| var t = null != arguments[r] ? arguments[r] : {}; | ||
| r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { | ||
| _defineProperty(e, r, t[r]); | ||
| }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { | ||
| Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); | ||
| }); | ||
| return selectItem ? selectItem[labelProp] : value; | ||
| }).join(', '); | ||
| if (cellData && options && options.length) { | ||
| cellData[colid] = { | ||
| value: cellValue, | ||
| label: selectlabel | ||
| }; | ||
| } | ||
| return selectlabel; | ||
| return e; | ||
| } | ||
| return ''; | ||
| } | ||
| function getCascaderCellValue(renderOpts, params) { | ||
| var _renderOpts$props2 = renderOpts.props, | ||
| props = _renderOpts$props2 === void 0 ? {} : _renderOpts$props2; | ||
| var row = params.row, | ||
| column = params.column; | ||
| var cellValue = _xeUtils["default"].get(row, column.field); | ||
| var values = cellValue || []; | ||
| var labels = []; | ||
| matchCascaderData(0, props.options, values, labels); | ||
| return (props.showAllLevels === false ? labels.slice(labels.length - 1, labels.length) : labels).join(" ".concat(props.separator || '/', " ")); | ||
| } | ||
| function getDatePickerCellValue(renderOpts, params) { | ||
| var _renderOpts$props3 = renderOpts.props, | ||
| props = _renderOpts$props3 === void 0 ? {} : _renderOpts$props3; | ||
| var row = params.row, | ||
| column = params.column; | ||
| var _props$rangeSeparator = props.rangeSeparator, | ||
| rangeSeparator = _props$rangeSeparator === void 0 ? '-' : _props$rangeSeparator; | ||
| var cellValue = _xeUtils["default"].get(row, column.field); | ||
| switch (props.type) { | ||
| case 'week': | ||
| cellValue = getFormatDate(cellValue, props, 'yyyywWW'); | ||
| break; | ||
| case 'month': | ||
| cellValue = getFormatDate(cellValue, props, 'yyyy-MM'); | ||
| break; | ||
| case 'year': | ||
| cellValue = getFormatDate(cellValue, props, 'yyyy'); | ||
| break; | ||
| case 'dates': | ||
| cellValue = getFormatDates(cellValue, props, ', ', 'yyyy-MM-dd'); | ||
| break; | ||
| case 'daterange': | ||
| cellValue = getFormatDates(cellValue, props, " ".concat(rangeSeparator, " "), 'yyyy-MM-dd'); | ||
| break; | ||
| case 'datetimerange': | ||
| cellValue = getFormatDates(cellValue, props, " ".concat(rangeSeparator, " "), 'yyyy-MM-dd HH:ss:mm'); | ||
| break; | ||
| case 'monthrange': | ||
| cellValue = getFormatDates(cellValue, props, " ".concat(rangeSeparator, " "), 'yyyy-MM'); | ||
| break; | ||
| default: | ||
| cellValue = getFormatDate(cellValue, props, 'yyyy-MM-dd'); | ||
| function _defineProperty(e, r, t) { | ||
| return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { | ||
| value: t, | ||
| enumerable: !0, | ||
| configurable: !0, | ||
| writable: !0 | ||
| }) : e[r] = t, e; | ||
| } | ||
| return cellValue; | ||
| } | ||
| function getTimePickerCellValue(renderOpts, params) { | ||
| var _renderOpts$props4 = renderOpts.props, | ||
| props = _renderOpts$props4 === void 0 ? {} : _renderOpts$props4; | ||
| var row = params.row, | ||
| column = params.column; | ||
| var isRange = props.isRange, | ||
| _props$format = props.format, | ||
| format = _props$format === void 0 ? 'HH:mm:ss' : _props$format, | ||
| _props$rangeSeparator2 = props.rangeSeparator, | ||
| rangeSeparator = _props$rangeSeparator2 === void 0 ? '-' : _props$rangeSeparator2; | ||
| var cellValue = _xeUtils["default"].get(row, column.field); | ||
| if (cellValue && isRange) { | ||
| cellValue = _xeUtils["default"].map(cellValue, function (date) { | ||
| return toDayDateString(parseDate(date, props), format); | ||
| }).join(" ".concat(rangeSeparator, " ")); | ||
| function _toPropertyKey(t) { | ||
| var i = _toPrimitive(t, "string"); | ||
| return "symbol" == _typeof(i) ? i : i + ""; | ||
| } | ||
| return toDayDateString(parseDate(cellValue, props), format); | ||
| } | ||
| function createEditRender(defaultProps) { | ||
| return function (h, renderOpts, params) { | ||
| var row = params.row, | ||
| column = params.column; | ||
| var name = renderOpts.name, | ||
| attrs = renderOpts.attrs; | ||
| var cellValue = _xeUtils["default"].get(row, column.field); | ||
| return [h(name, { | ||
| attrs: attrs, | ||
| props: getCellEditFilterProps(renderOpts, params, cellValue, defaultProps), | ||
| on: getEditOns(renderOpts, params) | ||
| })]; | ||
| }; | ||
| } | ||
| function defaultButtonEditRender(h, renderOpts, params) { | ||
| var attrs = renderOpts.attrs; | ||
| return [h('el-button', { | ||
| attrs: attrs, | ||
| props: getCellEditFilterProps(renderOpts, params, null), | ||
| on: getOns(renderOpts, params) | ||
| }, cellText(renderOpts.content))]; | ||
| } | ||
| function defaultButtonsEditRender(h, renderOpts, params) { | ||
| var children = renderOpts.children; | ||
| if (children) { | ||
| return children.map(function (childRenderOpts) { | ||
| return defaultButtonEditRender(h, childRenderOpts, params)[0]; | ||
| }); | ||
| function _toPrimitive(t, r) { | ||
| if ("object" != _typeof(t) || !t) return t; | ||
| var e = t[Symbol.toPrimitive]; | ||
| if (void 0 !== e) { | ||
| var i = e.call(t, r || "default"); | ||
| if ("object" != _typeof(i)) return i; | ||
| throw new TypeError("@@toPrimitive must return a primitive value."); | ||
| } | ||
| return ("string" === r ? String : Number)(t); | ||
| } | ||
| return []; | ||
| } | ||
| function createFilterRender(defaultProps) { | ||
| return function (h, renderOpts, params) { | ||
| var column = params.column; | ||
| var name = renderOpts.name, | ||
| attrs = renderOpts.attrs; | ||
| return [h('div', { | ||
| "class": 'vxe-table--filter-element-wrapper' | ||
| }, column.filters.map(function (option, oIndex) { | ||
| var optionValue = option.data; | ||
| return h(name, { | ||
| key: oIndex, | ||
| attrs: attrs, | ||
| props: getCellEditFilterProps(renderOpts, params, optionValue, defaultProps), | ||
| on: getFilterOns(renderOpts, params, option, function () { | ||
| // 处理 change 事件相关逻辑 | ||
| handleConfirmFilter(params, !!option.data, option); | ||
| }) | ||
| /** | ||
| * 表格 - 渲染器 | ||
| */ | ||
| function defineTableRender(VxeUI) { | ||
| function isEmptyValue(cellValue) { | ||
| return cellValue === null || cellValue === undefined || cellValue === ''; | ||
| } | ||
| function getOnName(type) { | ||
| return _xeUtils["default"].kebabCase(type); | ||
| } | ||
| function getModelProp(renderOpts) { | ||
| return 'value'; | ||
| } | ||
| function getModelEvent(renderOpts) { | ||
| return 'input'; | ||
| } | ||
| function getChangeEvent(renderOpts) { | ||
| var type = 'change'; | ||
| switch (renderOpts.name) { | ||
| case 'ElAutocomplete': | ||
| type = 'select'; | ||
| break; | ||
| case 'ElInput': | ||
| case 'ElInputNumber': | ||
| type = 'input'; | ||
| break; | ||
| } | ||
| return type; | ||
| } | ||
| function toDayStringDate(value, format) { | ||
| return _xeUtils["default"].toStringDate(value, format); | ||
| } | ||
| function toDayDateString(date, format) { | ||
| return _xeUtils["default"].toDateString(date, format); | ||
| } | ||
| function parseDate(value, props) { | ||
| return value && props.valueFormat ? toDayStringDate(value, props.valueFormat) : value; | ||
| } | ||
| function getFormatDate(value, props, defaultFormat) { | ||
| return value ? toDayDateString(parseDate(value, props), props.format || props.valueFormat || defaultFormat) : value; | ||
| } | ||
| function getFormatDates(values, props, separator, defaultFormat) { | ||
| return _xeUtils["default"].map(values, function (date) { | ||
| return getFormatDate(date, props, defaultFormat); | ||
| }).join(separator); | ||
| } | ||
| function equalDateRange(cellValue, data, props, defaultFormat) { | ||
| cellValue = getFormatDate(cellValue, props, defaultFormat); | ||
| return cellValue >= getFormatDate(data[0], props, defaultFormat) && cellValue <= getFormatDate(data[1], props, defaultFormat); | ||
| } | ||
| function getCellEditFilterProps(renderOpts, params, value, defaultProps) { | ||
| return _xeUtils["default"].assign({}, defaultProps, renderOpts.props, _defineProperty({}, getModelProp(renderOpts), value)); | ||
| } | ||
| function formatText(cellValue) { | ||
| return '' + (isEmptyValue(cellValue) ? '' : cellValue); | ||
| } | ||
| function getCellLabelVNs(h, renderOpts, params, cellLabel) { | ||
| var placeholder = renderOpts.placeholder; | ||
| return [h('span', { | ||
| "class": 'vxe-cell--label' | ||
| }, placeholder && isEmptyValue(cellLabel) ? [h('span', { | ||
| "class": 'vxe-cell--placeholder' | ||
| }, formatText(VxeUI.getI18n(placeholder)))] : formatText(cellLabel))]; | ||
| } | ||
| function getOns(renderOpts, params, inputFunc, changeFunc) { | ||
| var events = renderOpts.events; | ||
| var modelEvent = getModelEvent(renderOpts); | ||
| var changeEvent = getChangeEvent(renderOpts); | ||
| var isSameEvent = changeEvent === modelEvent; | ||
| var ons = {}; | ||
| _xeUtils["default"].objectEach(events, function (func, key) { | ||
| ons[getOnName(key)] = function () { | ||
| for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { | ||
| args[_key] = arguments[_key]; | ||
| } | ||
| func.apply(void 0, [params].concat(args)); | ||
| }; | ||
| }); | ||
| }))]; | ||
| }; | ||
| } | ||
| function handleConfirmFilter(params, checked, option) { | ||
| var $panel = params.$panel; | ||
| $panel.changeOption(null, checked, option); | ||
| } | ||
| /** | ||
| * 模糊匹配 | ||
| * @param params | ||
| */ | ||
| function defaultFuzzyFilterMethod(params) { | ||
| var option = params.option, | ||
| row = params.row, | ||
| column = params.column; | ||
| var data = option.data; | ||
| var cellValue = _xeUtils["default"].get(row, column.field); | ||
| return _xeUtils["default"].toValueString(cellValue).indexOf(data) > -1; | ||
| } | ||
| /** | ||
| * 精确匹配 | ||
| * @param params | ||
| */ | ||
| function defaultExactFilterMethod(params) { | ||
| var option = params.option, | ||
| row = params.row, | ||
| column = params.column; | ||
| var data = option.data; | ||
| var cellValue = _xeUtils["default"].get(row, column.field); | ||
| /* eslint-disable eqeqeq */ | ||
| return cellValue === data; | ||
| } | ||
| function renderOptions(h, options, optionProps) { | ||
| var labelProp = optionProps.label || 'label'; | ||
| var valueProp = optionProps.value || 'value'; | ||
| return _xeUtils["default"].map(options, function (item, oIndex) { | ||
| return h('el-option', { | ||
| key: oIndex, | ||
| props: { | ||
| value: item[valueProp], | ||
| label: item[labelProp], | ||
| disabled: item.disabled | ||
| if (inputFunc) { | ||
| ons[getOnName(modelEvent)] = function (targetEvnt) { | ||
| inputFunc(targetEvnt); | ||
| if (events && events[modelEvent]) { | ||
| events[modelEvent](params, targetEvnt); | ||
| } | ||
| if (isSameEvent && changeFunc) { | ||
| changeFunc(targetEvnt); | ||
| } | ||
| }; | ||
| } | ||
| }); | ||
| }); | ||
| } | ||
| function cellText(cellValue) { | ||
| return [formatText(cellValue)]; | ||
| } | ||
| function createExportMethod(getExportCellValue) { | ||
| return function (params) { | ||
| var row = params.row, | ||
| column = params.column, | ||
| options = params.options; | ||
| return options && options.original ? _xeUtils["default"].get(row, column.field) : getExportCellValue(column.editRender || column.cellRender, params); | ||
| }; | ||
| } | ||
| VxeUI.renderer.mixin({ | ||
| ElAutocomplete: { | ||
| tableAutoFocus: 'input', | ||
| renderTableDefault: createEditRender(), | ||
| renderTableEdit: createEditRender(), | ||
| renderTableFilter: createFilterRender(), | ||
| tableFilterDefaultMethod: defaultFuzzyFilterMethod | ||
| }, | ||
| ElInput: { | ||
| tableAutoFocus: 'input', | ||
| renderTableDefault: createEditRender(), | ||
| renderTableEdit: createEditRender(), | ||
| renderTableFilter: createFilterRender(), | ||
| tableFilterDefaultMethod: defaultFuzzyFilterMethod | ||
| }, | ||
| ElInputNumber: { | ||
| tableAutoFocus: 'input', | ||
| renderTableDefault: createEditRender(), | ||
| renderTableEdit: createEditRender(), | ||
| renderTableFilter: createFilterRender(), | ||
| tableFilterDefaultMethod: defaultFuzzyFilterMethod | ||
| }, | ||
| ElSelect: { | ||
| tableAutoFocus: 'input', | ||
| renderTableEdit: function renderTableEdit(h, renderOpts, params) { | ||
| var _renderOpts$options2 = renderOpts.options, | ||
| options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2, | ||
| if (!isSameEvent && changeFunc) { | ||
| ons[getOnName(changeEvent)] = function () { | ||
| for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { | ||
| args[_key2] = arguments[_key2]; | ||
| } | ||
| changeFunc.apply(void 0, args); | ||
| if (events && events[changeEvent]) { | ||
| events[changeEvent].apply(events, [params].concat(args)); | ||
| } | ||
| }; | ||
| } | ||
| return ons; | ||
| } | ||
| function getEditOns(renderOpts, params) { | ||
| var $table = params.$table, | ||
| row = params.row, | ||
| column = params.column; | ||
| return getOns(renderOpts, params, function (value) { | ||
| // 处理 model 值双向绑定 | ||
| _xeUtils["default"].set(row, column.field, value); | ||
| }, function () { | ||
| // 处理 change 事件相关逻辑 | ||
| $table.updateStatus(params); | ||
| }); | ||
| } | ||
| function getFilterOns(renderOpts, params, option, changeFunc) { | ||
| return getOns(renderOpts, params, function (value) { | ||
| // 处理 model 值双向绑定 | ||
| option.data = value; | ||
| }, changeFunc); | ||
| } | ||
| function matchCascaderData(index, list, values, labels) { | ||
| var val = values[index]; | ||
| if (list && values.length > index) { | ||
| _xeUtils["default"].each(list, function (item) { | ||
| if (item.value === val) { | ||
| labels.push(item.label); | ||
| matchCascaderData(++index, item.children, values, labels); | ||
| } | ||
| }); | ||
| } | ||
| } | ||
| function getSelectCellValue(renderOpts, params) { | ||
| var _renderOpts$options = renderOpts.options, | ||
| options = _renderOpts$options === void 0 ? [] : _renderOpts$options, | ||
| optionGroups = renderOpts.optionGroups, | ||
| _renderOpts$optionPro2 = renderOpts.optionProps, | ||
| optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2, | ||
| _renderOpts$optionGro2 = renderOpts.optionGroupProps, | ||
| optionGroupProps = _renderOpts$optionGro2 === void 0 ? {} : _renderOpts$optionGro2; | ||
| var row = params.row, | ||
| _renderOpts$props = renderOpts.props, | ||
| props = _renderOpts$props === void 0 ? {} : _renderOpts$props, | ||
| _renderOpts$optionPro = renderOpts.optionProps, | ||
| optionProps = _renderOpts$optionPro === void 0 ? {} : _renderOpts$optionPro, | ||
| _renderOpts$optionGro = renderOpts.optionGroupProps, | ||
| optionGroupProps = _renderOpts$optionGro === void 0 ? {} : _renderOpts$optionGro; | ||
| var $table = params.$table, | ||
| rowid = params.rowid, | ||
| row = params.row, | ||
| column = params.column; | ||
| var attrs = renderOpts.attrs; | ||
| var filterable = props.filterable, | ||
| multiple = props.multiple; | ||
| var labelProp = optionProps.label || 'label'; | ||
| var valueProp = optionProps.value || 'value'; | ||
| var groupOptions = optionGroupProps.options || 'options'; | ||
| var cellValue = _xeUtils["default"].get(row, column.field); | ||
| var props = getCellEditFilterProps(renderOpts, params, cellValue); | ||
| var ons = getEditOns(renderOpts, params); | ||
| if (optionGroups) { | ||
| var groupOptions = optionGroupProps.options || 'options'; | ||
| var groupLabel = optionGroupProps.label || 'label'; | ||
| return [h('el-select', { | ||
| attrs: attrs, | ||
| props: props, | ||
| on: ons, | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return _xeUtils["default"].map(optionGroups, function (group, gIndex) { | ||
| return h('el-option-group', { | ||
| key: gIndex, | ||
| props: { | ||
| label: group[groupLabel] | ||
| }, | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return renderOptions(h, group[groupOptions], optionProps); | ||
| } | ||
| } | ||
| }); | ||
| }); | ||
| } | ||
| var colid = column.id; | ||
| var cellData; | ||
| if (filterable) { | ||
| var tableInternalData = $table; | ||
| var fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData; | ||
| var rest = fullAllDataRowIdData[rowid]; | ||
| if (rest) { | ||
| cellData = rest.cellData; | ||
| if (!cellData) { | ||
| cellData = rest.cellData = {}; | ||
| } | ||
| })]; | ||
| } | ||
| if (rest && cellData[colid] && cellData[colid].value === cellValue) { | ||
| return cellData[colid].label; | ||
| } | ||
| } | ||
| return [h('el-select', { | ||
| attrs: attrs, | ||
| props: props, | ||
| on: ons, | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return renderOptions(h, options, optionProps); | ||
| if (!isEmptyValue(cellValue)) { | ||
| var selectlabel = _xeUtils["default"].map(multiple ? cellValue : [cellValue], optionGroups ? function (value) { | ||
| var selectItem; | ||
| for (var index = 0; index < optionGroups.length; index++) { | ||
| selectItem = _xeUtils["default"].find(optionGroups[index][groupOptions], function (item) { | ||
| return item[valueProp] === value; | ||
| }); | ||
| if (selectItem) { | ||
| break; | ||
| } | ||
| } | ||
| return selectItem ? selectItem[labelProp] : value; | ||
| } : function (value) { | ||
| var selectItem = _xeUtils["default"].find(options, function (item) { | ||
| return item[valueProp] === value; | ||
| }); | ||
| return selectItem ? selectItem[labelProp] : value; | ||
| }).join(', '); | ||
| if (cellData && options && options.length) { | ||
| cellData[colid] = { | ||
| value: cellValue, | ||
| label: selectlabel | ||
| }; | ||
| } | ||
| })]; | ||
| }, | ||
| renderTableCell: function renderTableCell(h, renderOpts, params) { | ||
| return getCellLabelVNs(h, renderOpts, params, getSelectCellValue(renderOpts, params)); | ||
| }, | ||
| renderTableFilter: function renderTableFilter(h, renderOpts, params) { | ||
| var _renderOpts$options3 = renderOpts.options, | ||
| options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3, | ||
| optionGroups = renderOpts.optionGroups, | ||
| _renderOpts$optionPro3 = renderOpts.optionProps, | ||
| optionProps = _renderOpts$optionPro3 === void 0 ? {} : _renderOpts$optionPro3, | ||
| _renderOpts$optionGro3 = renderOpts.optionGroupProps, | ||
| optionGroupProps = _renderOpts$optionGro3 === void 0 ? {} : _renderOpts$optionGro3; | ||
| var groupOptions = optionGroupProps.options || 'options'; | ||
| var groupLabel = optionGroupProps.label || 'label'; | ||
| var column = params.column; | ||
| return selectlabel; | ||
| } | ||
| return ''; | ||
| } | ||
| function getCascaderCellValue(renderOpts, params) { | ||
| var _renderOpts$props2 = renderOpts.props, | ||
| props = _renderOpts$props2 === void 0 ? {} : _renderOpts$props2; | ||
| var row = params.row, | ||
| column = params.column; | ||
| var cellValue = _xeUtils["default"].get(row, column.field); | ||
| var values = cellValue || []; | ||
| var labels = []; | ||
| matchCascaderData(0, props.options, values, labels); | ||
| return (props.showAllLevels === false ? labels.slice(labels.length - 1, labels.length) : labels).join(" ".concat(props.separator || '/', " ")); | ||
| } | ||
| function getDatePickerCellValue(renderOpts, params) { | ||
| var _renderOpts$props3 = renderOpts.props, | ||
| props = _renderOpts$props3 === void 0 ? {} : _renderOpts$props3; | ||
| var row = params.row, | ||
| column = params.column; | ||
| var _props$rangeSeparator = props.rangeSeparator, | ||
| rangeSeparator = _props$rangeSeparator === void 0 ? '-' : _props$rangeSeparator; | ||
| var cellValue = _xeUtils["default"].get(row, column.field); | ||
| switch (props.type) { | ||
| case 'week': | ||
| cellValue = getFormatDate(cellValue, props, 'yyyywWW'); | ||
| break; | ||
| case 'month': | ||
| cellValue = getFormatDate(cellValue, props, 'yyyy-MM'); | ||
| break; | ||
| case 'year': | ||
| cellValue = getFormatDate(cellValue, props, 'yyyy'); | ||
| break; | ||
| case 'dates': | ||
| cellValue = getFormatDates(cellValue, props, ', ', 'yyyy-MM-dd'); | ||
| break; | ||
| case 'daterange': | ||
| cellValue = getFormatDates(cellValue, props, " ".concat(rangeSeparator, " "), 'yyyy-MM-dd'); | ||
| break; | ||
| case 'datetimerange': | ||
| cellValue = getFormatDates(cellValue, props, " ".concat(rangeSeparator, " "), 'yyyy-MM-dd HH:ss:mm'); | ||
| break; | ||
| case 'monthrange': | ||
| cellValue = getFormatDates(cellValue, props, " ".concat(rangeSeparator, " "), 'yyyy-MM'); | ||
| break; | ||
| default: | ||
| cellValue = getFormatDate(cellValue, props, 'yyyy-MM-dd'); | ||
| } | ||
| return cellValue; | ||
| } | ||
| function getTimePickerCellValue(renderOpts, params) { | ||
| var _renderOpts$props4 = renderOpts.props, | ||
| props = _renderOpts$props4 === void 0 ? {} : _renderOpts$props4; | ||
| var row = params.row, | ||
| column = params.column; | ||
| var isRange = props.isRange, | ||
| _props$format = props.format, | ||
| format = _props$format === void 0 ? 'HH:mm:ss' : _props$format, | ||
| _props$rangeSeparator2 = props.rangeSeparator, | ||
| rangeSeparator = _props$rangeSeparator2 === void 0 ? '-' : _props$rangeSeparator2; | ||
| var cellValue = _xeUtils["default"].get(row, column.field); | ||
| if (cellValue && isRange) { | ||
| cellValue = _xeUtils["default"].map(cellValue, function (date) { | ||
| return toDayDateString(parseDate(date, props), format); | ||
| }).join(" ".concat(rangeSeparator, " ")); | ||
| } | ||
| return toDayDateString(parseDate(cellValue, props), format); | ||
| } | ||
| function createEditRender(defaultProps) { | ||
| return function (h, renderOpts, params) { | ||
| var row = params.row, | ||
| column = params.column; | ||
| var name = renderOpts.name, | ||
| attrs = renderOpts.attrs; | ||
| var cellValue = _xeUtils["default"].get(row, column.field); | ||
| return [h(name, { | ||
| attrs: attrs, | ||
| props: getCellEditFilterProps(renderOpts, params, cellValue, defaultProps), | ||
| on: getEditOns(renderOpts, params) | ||
| })]; | ||
| }; | ||
| } | ||
| function defaultButtonEditRender(h, renderOpts, params) { | ||
| var attrs = renderOpts.attrs; | ||
| return [h('div', { | ||
| "class": 'vxe-table--filter-element-wrapper' | ||
| }, optionGroups ? column.filters.map(function (option, oIndex) { | ||
| var optionValue = option.data; | ||
| var props = getCellEditFilterProps(renderOpts, params, optionValue); | ||
| return h('el-select', { | ||
| key: oIndex, | ||
| attrs: attrs, | ||
| props: props, | ||
| on: _objectSpread({}, getFilterOns(renderOpts, params, option, function () { | ||
| // 处理 change 事件相关逻辑 | ||
| handleConfirmFilter(params, props.multiple ? option.data && option.data.length > 0 : !_xeUtils["default"].eqNull(option.data), option); | ||
| })), | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return _xeUtils["default"].map(optionGroups, function (group, gIndex) { | ||
| return h('el-option-group', { | ||
| key: gIndex, | ||
| props: { | ||
| label: group[groupLabel] | ||
| }, | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return renderOptions(h, group[groupOptions], optionProps); | ||
| } | ||
| } | ||
| }); | ||
| }); | ||
| } | ||
| } | ||
| return [h('el-button', { | ||
| attrs: attrs, | ||
| props: getCellEditFilterProps(renderOpts, params, null), | ||
| on: getOns(renderOpts, params) | ||
| }, cellText(renderOpts.content))]; | ||
| } | ||
| function defaultButtonsEditRender(h, renderOpts, params) { | ||
| var children = renderOpts.children; | ||
| if (children) { | ||
| return children.map(function (childRenderOpts) { | ||
| return defaultButtonEditRender(h, childRenderOpts, params)[0]; | ||
| }); | ||
| }) : column.filters.map(function (option, oIndex) { | ||
| var optionValue = option.data; | ||
| var props = getCellEditFilterProps(renderOpts, params, optionValue); | ||
| return h('el-select', { | ||
| key: oIndex, | ||
| attrs: attrs, | ||
| props: props, | ||
| on: _objectSpread({}, getFilterOns(renderOpts, params, option, function () { | ||
| // 处理 change 事件相关逻辑 | ||
| handleConfirmFilter(params, props.multiple ? option.data && option.data.length > 0 : !_xeUtils["default"].eqNull(option.data), option); | ||
| })), | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return renderOptions(h, options, optionProps); | ||
| } | ||
| } | ||
| }); | ||
| }))]; | ||
| }, | ||
| tableFilterDefaultMethod: function tableFilterDefaultMethod(params) { | ||
| } | ||
| return []; | ||
| } | ||
| function createFilterRender(defaultProps) { | ||
| return function (h, renderOpts, params) { | ||
| var column = params.column; | ||
| var name = renderOpts.name, | ||
| attrs = renderOpts.attrs; | ||
| return [h('div', { | ||
| "class": 'vxe-table--filter-element-wrapper' | ||
| }, column.filters.map(function (option, oIndex) { | ||
| var optionValue = option.data; | ||
| return h(name, { | ||
| key: oIndex, | ||
| attrs: attrs, | ||
| props: getCellEditFilterProps(renderOpts, params, optionValue, defaultProps), | ||
| on: getFilterOns(renderOpts, params, option, function () { | ||
| // 处理 change 事件相关逻辑 | ||
| handleConfirmFilter(params, !!option.data, option); | ||
| }) | ||
| }); | ||
| }))]; | ||
| }; | ||
| } | ||
| function handleConfirmFilter(params, checked, option) { | ||
| var $panel = params.$panel; | ||
| $panel.changeOption(null, checked, option); | ||
| } | ||
| /** | ||
| * 模糊匹配 | ||
| * @param params | ||
| */ | ||
| function defaultFuzzyFilterMethod(params) { | ||
| var option = params.option, | ||
@@ -1166,52 +987,10 @@ row = params.row, | ||
| var data = option.data; | ||
| var field = column.field, | ||
| renderOpts = column.filterRender; | ||
| var _renderOpts$props5 = renderOpts.props, | ||
| props = _renderOpts$props5 === void 0 ? {} : _renderOpts$props5; | ||
| var cellValue = _xeUtils["default"].get(row, field); | ||
| if (props.multiple) { | ||
| if (_xeUtils["default"].isArray(cellValue)) { | ||
| return _xeUtils["default"].includeArrays(cellValue, data); | ||
| } | ||
| return data.indexOf(cellValue) > -1; | ||
| } | ||
| /* eslint-disable eqeqeq */ | ||
| return cellValue == data; | ||
| }, | ||
| tableExportMethod: createExportMethod(getSelectCellValue) | ||
| }, | ||
| ElCascader: { | ||
| tableAutoFocus: 'input', | ||
| renderTableEdit: createEditRender(), | ||
| renderTableCell: function renderTableCell(h, renderOpts, params) { | ||
| return getCellLabelVNs(h, renderOpts, params, getCascaderCellValue(renderOpts, params)); | ||
| }, | ||
| tableExportMethod: createExportMethod(getCascaderCellValue) | ||
| }, | ||
| ElDatePicker: { | ||
| tableAutoFocus: 'input', | ||
| renderTableEdit: createEditRender(), | ||
| renderTableCell: function renderTableCell(h, renderOpts, params) { | ||
| return getCellLabelVNs(h, renderOpts, params, getDatePickerCellValue(renderOpts, params)); | ||
| }, | ||
| renderTableFilter: function renderTableFilter(h, renderOpts, params) { | ||
| var column = params.column; | ||
| var name = renderOpts.name, | ||
| attrs = renderOpts.attrs; | ||
| return [h('div', { | ||
| "class": 'vxe-table--filter-element-wrapper' | ||
| }, column.filters.map(function (option, oIndex) { | ||
| var optionValue = option.data; | ||
| return h(name, { | ||
| key: oIndex, | ||
| attrs: attrs, | ||
| props: _objectSpread({}, getCellEditFilterProps(renderOpts, params, optionValue)), | ||
| on: _objectSpread({}, getFilterOns(renderOpts, params, option, function () { | ||
| // 处理 change 事件相关逻辑 | ||
| handleConfirmFilter(params, !!option.data, option); | ||
| })) | ||
| }); | ||
| }))]; | ||
| }, | ||
| tableFilterDefaultMethod: function tableFilterDefaultMethod(params) { | ||
| var cellValue = _xeUtils["default"].get(row, column.field); | ||
| return _xeUtils["default"].toValueString(cellValue).indexOf(data) > -1; | ||
| } | ||
| /** | ||
| * 精确匹配 | ||
| * @param params | ||
| */ | ||
| function defaultExactFilterMethod(params) { | ||
| var option = params.option, | ||
@@ -1221,82 +1000,310 @@ row = params.row, | ||
| var data = option.data; | ||
| var renderOpts = column.filterRender; | ||
| var _renderOpts$props6 = renderOpts.props, | ||
| props = _renderOpts$props6 === void 0 ? {} : _renderOpts$props6; | ||
| var cellValue = _xeUtils["default"].get(row, column.field); | ||
| if (data) { | ||
| switch (props.type) { | ||
| case 'daterange': | ||
| return equalDateRange(cellValue, data, props, 'yyyy-MM-dd'); | ||
| case 'datetimerange': | ||
| return equalDateRange(cellValue, data, props, 'yyyy-MM-dd HH:ss:mm'); | ||
| case 'monthrange': | ||
| return equalDateRange(cellValue, data, props, 'yyyy-MM-dd'); | ||
| default: | ||
| return cellValue === data; | ||
| } | ||
| } | ||
| return false; | ||
| }, | ||
| tableExportMethod: createExportMethod(getDatePickerCellValue) | ||
| }, | ||
| ElTimePicker: { | ||
| tableAutoFocus: 'input', | ||
| renderTableEdit: createEditRender(), | ||
| renderTableCell: function renderTableCell(h, renderOpts, params) { | ||
| return getCellLabelVNs(h, renderOpts, params, getTimePickerCellValue(renderOpts, params)); | ||
| }, | ||
| tableExportMethod: createExportMethod(getTimePickerCellValue) | ||
| }, | ||
| ElTimeSelect: { | ||
| tableAutoFocus: 'input', | ||
| renderTableEdit: createEditRender() | ||
| }, | ||
| ElRate: { | ||
| renderTableDefault: createEditRender(), | ||
| renderTableEdit: createEditRender(), | ||
| renderTableFilter: createFilterRender(), | ||
| tableFilterDefaultMethod: defaultExactFilterMethod | ||
| }, | ||
| ElSwitch: { | ||
| renderTableDefault: createEditRender(), | ||
| renderTableEdit: createEditRender(), | ||
| renderTableFilter: function renderTableFilter(h, renderOpts, params) { | ||
| var column = params.column; | ||
| var name = renderOpts.name, | ||
| attrs = renderOpts.attrs; | ||
| return [h('div', { | ||
| "class": 'vxe-table--filter-element-wrapper' | ||
| }, column.filters.map(function (option, oIndex) { | ||
| var optionValue = option.data; | ||
| return h(name, { | ||
| /* eslint-disable eqeqeq */ | ||
| return cellValue === data; | ||
| } | ||
| function renderOptions(h, options, optionProps) { | ||
| var labelProp = optionProps.label || 'label'; | ||
| var valueProp = optionProps.value || 'value'; | ||
| return _xeUtils["default"].map(options, function (item, oIndex) { | ||
| return h('el-option', { | ||
| key: oIndex, | ||
| attrs: attrs, | ||
| props: _objectSpread({}, getCellEditFilterProps(renderOpts, params, optionValue)), | ||
| on: _objectSpread({}, getFilterOns(renderOpts, params, option, function () { | ||
| // 处理 change 事件相关逻辑 | ||
| handleConfirmFilter(params, _xeUtils["default"].isBoolean(option.data), option); | ||
| })) | ||
| props: { | ||
| value: item[valueProp], | ||
| label: item[labelProp], | ||
| disabled: item.disabled | ||
| } | ||
| }); | ||
| }))]; | ||
| }, | ||
| tableFilterDefaultMethod: defaultExactFilterMethod | ||
| }, | ||
| ElSlider: { | ||
| renderTableDefault: createEditRender(), | ||
| renderTableEdit: createEditRender(), | ||
| renderTableFilter: createFilterRender(), | ||
| tableFilterDefaultMethod: defaultExactFilterMethod | ||
| }, | ||
| ElButton: { | ||
| renderTableDefault: defaultButtonEditRender | ||
| }, | ||
| ElButtons: { | ||
| renderTableDefault: defaultButtonsEditRender | ||
| }); | ||
| } | ||
| function cellText(cellValue) { | ||
| return [formatText(cellValue)]; | ||
| } | ||
| function createExportMethod(getExportCellValue) { | ||
| return function (params) { | ||
| var row = params.row, | ||
| column = params.column, | ||
| options = params.options; | ||
| return options && options.original ? _xeUtils["default"].get(row, column.field) : getExportCellValue(column.editRender || column.cellRender, params); | ||
| }; | ||
| } | ||
| VxeUI.renderer.mixin({ | ||
| ElAutocomplete: { | ||
| tableAutoFocus: 'input', | ||
| renderTableDefault: createEditRender(), | ||
| renderTableEdit: createEditRender(), | ||
| renderTableFilter: createFilterRender(), | ||
| tableFilterDefaultMethod: defaultFuzzyFilterMethod | ||
| }, | ||
| ElInput: { | ||
| tableAutoFocus: 'input', | ||
| renderTableDefault: createEditRender(), | ||
| renderTableEdit: createEditRender(), | ||
| renderTableFilter: createFilterRender(), | ||
| tableFilterDefaultMethod: defaultFuzzyFilterMethod | ||
| }, | ||
| ElInputNumber: { | ||
| tableAutoFocus: 'input', | ||
| renderTableDefault: createEditRender(), | ||
| renderTableEdit: createEditRender(), | ||
| renderTableFilter: createFilterRender(), | ||
| tableFilterDefaultMethod: defaultFuzzyFilterMethod | ||
| }, | ||
| ElSelect: { | ||
| tableAutoFocus: 'input', | ||
| renderTableEdit: function renderTableEdit(h, renderOpts, params) { | ||
| var _renderOpts$options2 = renderOpts.options, | ||
| options = _renderOpts$options2 === void 0 ? [] : _renderOpts$options2, | ||
| optionGroups = renderOpts.optionGroups, | ||
| _renderOpts$optionPro2 = renderOpts.optionProps, | ||
| optionProps = _renderOpts$optionPro2 === void 0 ? {} : _renderOpts$optionPro2, | ||
| _renderOpts$optionGro2 = renderOpts.optionGroupProps, | ||
| optionGroupProps = _renderOpts$optionGro2 === void 0 ? {} : _renderOpts$optionGro2; | ||
| var row = params.row, | ||
| column = params.column; | ||
| var attrs = renderOpts.attrs; | ||
| var cellValue = _xeUtils["default"].get(row, column.field); | ||
| var props = getCellEditFilterProps(renderOpts, params, cellValue); | ||
| var ons = getEditOns(renderOpts, params); | ||
| if (optionGroups) { | ||
| var groupOptions = optionGroupProps.options || 'options'; | ||
| var groupLabel = optionGroupProps.label || 'label'; | ||
| return [h('el-select', { | ||
| attrs: attrs, | ||
| props: props, | ||
| on: ons, | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return _xeUtils["default"].map(optionGroups, function (group, gIndex) { | ||
| return h('el-option-group', { | ||
| key: gIndex, | ||
| props: { | ||
| label: group[groupLabel] | ||
| }, | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return renderOptions(h, group[groupOptions], optionProps); | ||
| } | ||
| } | ||
| }); | ||
| }); | ||
| } | ||
| } | ||
| })]; | ||
| } | ||
| return [h('el-select', { | ||
| attrs: attrs, | ||
| props: props, | ||
| on: ons, | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return renderOptions(h, options, optionProps); | ||
| } | ||
| } | ||
| })]; | ||
| }, | ||
| renderTableCell: function renderTableCell(h, renderOpts, params) { | ||
| return getCellLabelVNs(h, renderOpts, params, getSelectCellValue(renderOpts, params)); | ||
| }, | ||
| renderTableFilter: function renderTableFilter(h, renderOpts, params) { | ||
| var _renderOpts$options3 = renderOpts.options, | ||
| options = _renderOpts$options3 === void 0 ? [] : _renderOpts$options3, | ||
| optionGroups = renderOpts.optionGroups, | ||
| _renderOpts$optionPro3 = renderOpts.optionProps, | ||
| optionProps = _renderOpts$optionPro3 === void 0 ? {} : _renderOpts$optionPro3, | ||
| _renderOpts$optionGro3 = renderOpts.optionGroupProps, | ||
| optionGroupProps = _renderOpts$optionGro3 === void 0 ? {} : _renderOpts$optionGro3; | ||
| var groupOptions = optionGroupProps.options || 'options'; | ||
| var groupLabel = optionGroupProps.label || 'label'; | ||
| var column = params.column; | ||
| var attrs = renderOpts.attrs; | ||
| return [h('div', { | ||
| "class": 'vxe-table--filter-element-wrapper' | ||
| }, optionGroups ? column.filters.map(function (option, oIndex) { | ||
| var optionValue = option.data; | ||
| var props = getCellEditFilterProps(renderOpts, params, optionValue); | ||
| return h('el-select', { | ||
| key: oIndex, | ||
| attrs: attrs, | ||
| props: props, | ||
| on: _objectSpread({}, getFilterOns(renderOpts, params, option, function () { | ||
| // 处理 change 事件相关逻辑 | ||
| handleConfirmFilter(params, props.multiple ? option.data && option.data.length > 0 : !_xeUtils["default"].eqNull(option.data), option); | ||
| })), | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return _xeUtils["default"].map(optionGroups, function (group, gIndex) { | ||
| return h('el-option-group', { | ||
| key: gIndex, | ||
| props: { | ||
| label: group[groupLabel] | ||
| }, | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return renderOptions(h, group[groupOptions], optionProps); | ||
| } | ||
| } | ||
| }); | ||
| }); | ||
| } | ||
| } | ||
| }); | ||
| }) : column.filters.map(function (option, oIndex) { | ||
| var optionValue = option.data; | ||
| var props = getCellEditFilterProps(renderOpts, params, optionValue); | ||
| return h('el-select', { | ||
| key: oIndex, | ||
| attrs: attrs, | ||
| props: props, | ||
| on: _objectSpread({}, getFilterOns(renderOpts, params, option, function () { | ||
| // 处理 change 事件相关逻辑 | ||
| handleConfirmFilter(params, props.multiple ? option.data && option.data.length > 0 : !_xeUtils["default"].eqNull(option.data), option); | ||
| })), | ||
| scopedSlots: { | ||
| "default": function _default() { | ||
| return renderOptions(h, options, optionProps); | ||
| } | ||
| } | ||
| }); | ||
| }))]; | ||
| }, | ||
| tableFilterDefaultMethod: function tableFilterDefaultMethod(params) { | ||
| var option = params.option, | ||
| row = params.row, | ||
| column = params.column; | ||
| var data = option.data; | ||
| var field = column.field, | ||
| renderOpts = column.filterRender; | ||
| var _renderOpts$props5 = renderOpts.props, | ||
| props = _renderOpts$props5 === void 0 ? {} : _renderOpts$props5; | ||
| var cellValue = _xeUtils["default"].get(row, field); | ||
| if (props.multiple) { | ||
| if (_xeUtils["default"].isArray(cellValue)) { | ||
| return _xeUtils["default"].includeArrays(cellValue, data); | ||
| } | ||
| return data.indexOf(cellValue) > -1; | ||
| } | ||
| /* eslint-disable eqeqeq */ | ||
| return cellValue == data; | ||
| }, | ||
| tableExportMethod: createExportMethod(getSelectCellValue) | ||
| }, | ||
| ElCascader: { | ||
| tableAutoFocus: 'input', | ||
| renderTableEdit: createEditRender(), | ||
| renderTableCell: function renderTableCell(h, renderOpts, params) { | ||
| return getCellLabelVNs(h, renderOpts, params, getCascaderCellValue(renderOpts, params)); | ||
| }, | ||
| tableExportMethod: createExportMethod(getCascaderCellValue) | ||
| }, | ||
| ElDatePicker: { | ||
| tableAutoFocus: 'input', | ||
| renderTableEdit: createEditRender(), | ||
| renderTableCell: function renderTableCell(h, renderOpts, params) { | ||
| return getCellLabelVNs(h, renderOpts, params, getDatePickerCellValue(renderOpts, params)); | ||
| }, | ||
| renderTableFilter: function renderTableFilter(h, renderOpts, params) { | ||
| var column = params.column; | ||
| var name = renderOpts.name, | ||
| attrs = renderOpts.attrs; | ||
| return [h('div', { | ||
| "class": 'vxe-table--filter-element-wrapper' | ||
| }, column.filters.map(function (option, oIndex) { | ||
| var optionValue = option.data; | ||
| return h(name, { | ||
| key: oIndex, | ||
| attrs: attrs, | ||
| props: _objectSpread({}, getCellEditFilterProps(renderOpts, params, optionValue)), | ||
| on: _objectSpread({}, getFilterOns(renderOpts, params, option, function () { | ||
| // 处理 change 事件相关逻辑 | ||
| handleConfirmFilter(params, !!option.data, option); | ||
| })) | ||
| }); | ||
| }))]; | ||
| }, | ||
| tableFilterDefaultMethod: function tableFilterDefaultMethod(params) { | ||
| var option = params.option, | ||
| row = params.row, | ||
| column = params.column; | ||
| var data = option.data; | ||
| var renderOpts = column.filterRender; | ||
| var _renderOpts$props6 = renderOpts.props, | ||
| props = _renderOpts$props6 === void 0 ? {} : _renderOpts$props6; | ||
| var cellValue = _xeUtils["default"].get(row, column.field); | ||
| if (data) { | ||
| switch (props.type) { | ||
| case 'daterange': | ||
| return equalDateRange(cellValue, data, props, 'yyyy-MM-dd'); | ||
| case 'datetimerange': | ||
| return equalDateRange(cellValue, data, props, 'yyyy-MM-dd HH:ss:mm'); | ||
| case 'monthrange': | ||
| return equalDateRange(cellValue, data, props, 'yyyy-MM-dd'); | ||
| default: | ||
| return cellValue === data; | ||
| } | ||
| } | ||
| return false; | ||
| }, | ||
| tableExportMethod: createExportMethod(getDatePickerCellValue) | ||
| }, | ||
| ElTimePicker: { | ||
| tableAutoFocus: 'input', | ||
| renderTableEdit: createEditRender(), | ||
| renderTableCell: function renderTableCell(h, renderOpts, params) { | ||
| return getCellLabelVNs(h, renderOpts, params, getTimePickerCellValue(renderOpts, params)); | ||
| }, | ||
| tableExportMethod: createExportMethod(getTimePickerCellValue) | ||
| }, | ||
| ElTimeSelect: { | ||
| tableAutoFocus: 'input', | ||
| renderTableEdit: createEditRender() | ||
| }, | ||
| ElRate: { | ||
| renderTableDefault: createEditRender(), | ||
| renderTableEdit: createEditRender(), | ||
| renderTableFilter: createFilterRender(), | ||
| tableFilterDefaultMethod: defaultExactFilterMethod | ||
| }, | ||
| ElSwitch: { | ||
| renderTableDefault: createEditRender(), | ||
| renderTableEdit: createEditRender(), | ||
| renderTableFilter: function renderTableFilter(h, renderOpts, params) { | ||
| var column = params.column; | ||
| var name = renderOpts.name, | ||
| attrs = renderOpts.attrs; | ||
| return [h('div', { | ||
| "class": 'vxe-table--filter-element-wrapper' | ||
| }, column.filters.map(function (option, oIndex) { | ||
| var optionValue = option.data; | ||
| return h(name, { | ||
| key: oIndex, | ||
| attrs: attrs, | ||
| props: _objectSpread({}, getCellEditFilterProps(renderOpts, params, optionValue)), | ||
| on: _objectSpread({}, getFilterOns(renderOpts, params, option, function () { | ||
| // 处理 change 事件相关逻辑 | ||
| handleConfirmFilter(params, _xeUtils["default"].isBoolean(option.data), option); | ||
| })) | ||
| }); | ||
| }))]; | ||
| }, | ||
| tableFilterDefaultMethod: defaultExactFilterMethod | ||
| }, | ||
| ElSlider: { | ||
| renderTableDefault: createEditRender(), | ||
| renderTableEdit: createEditRender(), | ||
| renderTableFilter: createFilterRender(), | ||
| tableFilterDefaultMethod: defaultExactFilterMethod | ||
| }, | ||
| ElButton: { | ||
| renderTableDefault: defaultButtonEditRender | ||
| }, | ||
| ElButtons: { | ||
| renderTableDefault: defaultButtonsEditRender | ||
| } | ||
| }); | ||
| } | ||
| }); | ||
| } | ||
| }, { | ||
| "xe-utils": "xe-utils" | ||
| }] | ||
| }).call(this); | ||
| }).call(this, typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}); | ||
| }, {}] | ||
| }, {}, [2]); | ||
| }); |
@@ -1,1 +0,1 @@ | ||
| ((e,t)=>{"function"==typeof define&&define.amd?define("@vxe-ui/plugin-render-element",[],t):"undefined"!=typeof exports?t():(t(),e.VxeUIPluginRenderElement={}.default)})("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:this,function(){!function r(o,l,a){function u(t,e){if(!l[t]){if(!o[t]){var n="function"==typeof require&&require;if(!e&&n)return n(t,!0);if(i)return i(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}n=l[t]={exports:{}},o[t][0].call(n.exports,function(e){return u(o[t][1][e]||e)},n,n.exports,r,o,l,a)}return l[t].exports}for(var i="function"==typeof require&&require,e=0;e<a.length;e++)u(a[e]);return u}({1:[function(e,t,n){Object.defineProperty(n,"__esModule",{value:!0}),n.defineFormRender=function(e){function c(e){return b.default.kebabCase(e)}function f(e,t,n,r){return b.default.assign({},r,e.props,a({},"value",n))}function l(e,o,t,r){var l=e.events,n="input",a=(e=>{var t="change";switch(e.name){case"ElAutocomplete":t="select";break;case"ElInput":case"ElInputNumber":t="input"}return t})(e),u=a===n,i={};return b.default.objectEach(l,function(r,e){i[c(e)]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];r.apply(void 0,[o].concat(t))}}),t&&(i[c(n)]=function(e){t(e),l&&l[n]&&l[n](o,e),u&&r&&r(e)}),!u&&r&&(i[c(a)]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];r.apply(void 0,t),l&&l[a]&&l[a].apply(l,[o].concat(t))}),i}function p(e,t){var n=t.$form,r=t.data,o=t.field;return l(e,t,function(e){b.default.set(r,o,e)},function(){n.updateStatus(t)})}function s(n,e,t){var r=t.label||"label",o=t.value||"value";return b.default.map(e,function(e,t){return n("el-option",{key:t,props:{value:e[o],label:e[r],disabled:e.disabled}})})}function d(e){return[""+(null==(t=e=e)||""===t?"":e)];var t}function t(o){return function(e,t,n){var r=n.data;return[e(t.name,{attrs:t.attrs,props:m({},f(t,0,b.default.get(r,n.field),o)),on:p(t,n)})]}}function r(e,t,n){var r=t.attrs,o=f(t,0,null);return[e("el-button",{attrs:r,props:m({},o),on:l(t,n),scopedSlots:{default:function(){return d(t.content||o.content)}}})]}function n(){return function(n,e,t){var r=e.name,o=e.options,l=void 0===o?[]:o,o=e.optionProps,o=void 0===o?{}:o,a=e.attrs,u=t.data,i=o.label||"label",c=o.value||"value",o=b.default.get(u,t.field);return[n("".concat(r,"Group"),{attrs:a,props:m({},f(e,0,o)),on:p(e,t),scopedSlots:{default:function(){return l.map(function(e,t){return n(r,{key:t,props:{label:e[c],disabled:e.disabled},scopedSlots:{default:function(){return d(e[i])}}})})}}})]}}e.renderer.mixin({ElAutocomplete:{renderFormItemContent:t()},ElInput:{renderFormItemContent:t()},ElInputNumber:{renderFormItemContent:t()},ElSelect:{renderFormItemContent:function(n,e,t){var r,o,l=e.options,a=void 0===l?[]:l,u=e.optionGroups,l=e.optionProps,i=void 0===l?{}:l,l=e.optionGroupProps,l=void 0===l?{}:l,c=t.data,d=e.attrs,c=f(e,0,b.default.get(c,t.field)),e=p(e,t);return u?(r=l.options||"options",o=l.label||"label",[n("el-select",{attrs:d,props:m({},c),on:e,scopedSlots:{default:function(){return b.default.map(u,function(e,t){return n("el-option-group",{key:t,props:{label:e[o]},scopedSlots:{default:function(){return s(n,e[r],i)}}})})}}})]):[n("el-select",{attrs:d,props:m({},c),on:e,scopedSlots:{default:function(){return s(n,a,i)}}})]}},ElCascader:{renderFormItemContent:t()},ElDatePicker:{renderFormItemContent:t()},ElTimePicker:{renderFormItemContent:t()},ElTimeSelect:{renderFormItemContent:t()},ElRate:{renderFormItemContent:t()},ElSwitch:{renderFormItemContent:t()},ElSlider:{renderFormItemContent:t()},ElRadioGroup:{renderFormItemContent:function(n,e,t){var r=e.options,o=void 0===r?[]:r,r=e.optionProps,r=void 0===r?{}:r,l=e.attrs,a=t.data,u=r.label||"label",i=r.value||"value",r=b.default.get(a,t.field);return[n("el-radio-group",{attrs:l,props:m({},f(e,0,r)),on:m({},p(e,t)),scopedSlots:{default:function(){return o.map(function(e,t){return n("el-radio",{key:t,props:{value:e[i],disabled:e.disabled},scopedSlots:{default:function(){return d(e[u])}}})})}}})]}},ElCheckboxGroup:{renderFormItemContent:function(n,e,t){var r=e.options,o=void 0===r?[]:r,r=e.optionProps,r=void 0===r?{}:r,l=e.attrs,a=t.data,u=r.label||"label",i=r.value||"value",r=b.default.get(a,t.field);return[n("el-checkbox-group",{attrs:l,props:m({},f(e,0,r)),on:m({},p(e,t)),scopedSlots:{default:function(){return o.map(function(e,t){return n("el-checkbox",{key:t,props:{value:e[i],label:e[u],disabled:e.disabled}})})}}})]}},ElButton:{renderFormItemContent:r},ElRadio:{renderFormItemContent:n()},ElCheckbox:{renderFormItemContent:n()},ElButtons:{renderFormItemContent:function(t,e,n){return(e=e.children)?e.map(function(e){return r(t,e,n)[0]}):[]}}})};var b=(n=e("xe-utils"))&&n.__esModule?n:{default:n};function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function m(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?o(Object(n),!0).forEach(function(e){a(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function a(e,t,n){return(t=(e=>(e=((e,t)=>{if("object"!=r(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);if("object"!=r(n=n.call(e,t||"default")))return n;throw new TypeError("@@toPrimitive must return a primitive value.")})(e,"string"),"symbol"==r(e)?e:e+""))(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},{"xe-utils":"xe-utils"}],2:[function(e,t,n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.VxeUIPluginRenderElement=void 0;var o=e("./table"),l=e("./form"),r=e("./store"),a=(e=e("xe-utils"))&&e.__esModule?e:{default:e};function u(e,t,n){for(var r,o,l=(o=(e=e).target)&&o.shadowRoot&&e.composed&&e.composedPath()[0]||o,a=document.documentElement||document.querySelector("html");l&&l.nodeType&&l!==a;){if(n&&l.className&&l.className.split&&-1<l.className.split(" ").indexOf(n))r=l;else if(l===t)return{flag:!n||!!r,container:t,targetElem:r};l=l.parentElement}return{flag:!1}}e=n.VxeUIPluginRenderElement={component:function(e){var t,n;e&&e.name?(t=a.default.kebabCase(e.name),n=(n=a.default.camelCase(e.name))&&n.slice(0,1).toUpperCase()+n.slice(1),r.componentMaps[t]=e,r.componentMaps[n]=e):console.error("[@vxe-ui/plugin-render-element 3.2.0] error component.",e)},install:function(e,t){var r=Object.assign({},t);function n(e){var e=e.$event,t=document.body,n="".concat(r.prefixCls||"el").replace(/-$/,"");if(u(e,t,"".concat(n,"-autocomplete-suggestion")).flag||u(e,t,"".concat(n,"-select-dropdown")).flag||u(e,t,"".concat(n,"-cascader__dropdown")).flag||u(e,t,"".concat(n,"-cascader-menus")).flag||u(e,t,"".concat(n,"-time-panel")).flag||u(e,t,"".concat(n,"-picker-panel")).flag||u(e,t,"".concat(n,"-color-dropdown")).flag)return!1}e.checkVersion?e.checkVersion(e.tableVersion,3,13)||console.error("[@vxe-ui/plugin-render-element 3.2.0] ".concat(e.getI18n("vxe.error.errorVersion",["vxe-table@".concat(e.tableVersion||"?"),"vxe-table v".concat(3,".").concat(13,"+")]))):/^(3)\./.test(e.uiVersion||e.tableVersion)||console.error("[@vxe-ui/plugin-render-element 3.2.0] Requires vxe-table 3.9.0+ version. https://vxeui.com/other3/#/plugin-render-element/install"),(0,o.defineTableRender)(e),(0,l.defineFormRender)(e),e.interceptor.add("event.clearFilter",n),e.interceptor.add("event.clearEdit",n),e.interceptor.add("event.clearAreas",n),e.interceptor.add("event.clearActived",n)}};"undefined"!=typeof window&&window.VxeUI&&window.VxeUI.use&&window.VxeUI.use(e),n.default=e},{"./form":1,"./store":3,"./table":4,"xe-utils":"xe-utils"}],3:[function(e,t,n){Object.defineProperty(n,"__esModule",{value:!0}),n.componentMaps=void 0;n.componentMaps={}},{}],4:[function(e,t,n){Object.defineProperty(n,"__esModule",{value:!0}),n.defineTableRender=function(o){function b(e){return null==e||""===e}function c(e){return P.default.kebabCase(e)}function a(e,t){return P.default.toDateString(e,t)}function u(e,t){return e&&t.valueFormat?(t=t.valueFormat,P.default.toStringDate(e,t)):e}function i(e,t,n){return e&&a(u(e,t),t.format||t.valueFormat||n)}function d(e,t,n,r){return P.default.map(e,function(e){return i(e,t,r)}).join(n)}function f(e,t,n,r){return(e=i(e,n,r))>=i(t[0],n,r)&&e<=i(t[1],n,r)}function s(e,t,n,r){return P.default.assign({},r,e.props,M({},"value",n))}function l(e){return""+(b(e)?"":e)}function r(e,t,n,r){t=t.placeholder;return[e("span",{class:"vxe-cell--label"},t&&b(r)?[e("span",{class:"vxe-cell--placeholder"},l(o.getI18n(t)))]:l(r))]}function p(e,o,t,r){var l=e.events,n="input",a=(e=>{var t="change";switch(e.name){case"ElAutocomplete":t="select";break;case"ElInput":case"ElInputNumber":t="input"}return t})(e),u=a===n,i={};return P.default.objectEach(l,function(r,e){i[c(e)]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];r.apply(void 0,[o].concat(t))}}),t&&(i[c(n)]=function(e){t(e),l&&l[n]&&l[n](o,e),u&&r&&r(e)}),!u&&r&&(i[c(a)]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];r.apply(void 0,t),l&&l[a]&&l[a].apply(l,[o].concat(t))}),i}function m(e,t){var n=t.$table,r=t.row,o=t.column;return p(e,t,function(e){P.default.set(r,o.field,e)},function(){n.updateStatus(t)})}function v(e,t,n,r){return p(e,t,function(e){n.data=e},r)}function y(e,t){var n,r=e.options,o=void 0===r?[]:r,l=e.optionGroups,r=e.props,r=void 0===r?{}:r,a=e.optionProps,a=void 0===a?{}:a,e=e.optionGroupProps,u=t.$table,i=t.rowid,c=t.column,d=r.filterable,r=r.multiple,f=a.label||"label",p=a.value||"value",s=(void 0===e?{}:e).options||"options",a=P.default.get(t.row,c.field),e=c.id;if(d){t=u.fullAllDataRowIdData[i];if(t&&(n=(n=t.cellData)||(t.cellData={})),t&&n[e]&&n[e].value===a)return n[e].label}return b(a)?"":(c=P.default.map(r?a:[a],l?function(t){for(var e,n=0;n<l.length&&!(e=P.default.find(l[n][s],function(e){return e[p]===t}));n++);return e?e[f]:t}:function(t){var e=P.default.find(o,function(e){return e[p]===t});return e?e[f]:t}).join(", "),n&&o&&o.length&&(n[e]={value:a,label:c}),c)}function g(e,t){var e=e.props,e=void 0===e?{}:e,n=t.row,n=P.default.get(n,t.column.field),t=[];return function t(n,e,r,o){var l=r[n];e&&r.length>n&&P.default.each(e,function(e){e.value===l&&(o.push(e.label),t(++n,e.children,r,o))})}(0,e.options,n||[],t),(!1===e.showAllLevels?t.slice(t.length-1,t.length):t).join(" ".concat(e.separator||"/"," "))}function h(e,t){var e=e.props,n=void 0===e?{}:e,e=t.row,r=n.rangeSeparator,o=void 0===r?"-":r,l=P.default.get(e,t.column.field);switch(n.type){case"week":l=i(l,n,"yyyywWW");break;case"month":l=i(l,n,"yyyy-MM");break;case"year":l=i(l,n,"yyyy");break;case"dates":l=d(l,n,", ","yyyy-MM-dd");break;case"daterange":l=d(l,n," ".concat(o," "),"yyyy-MM-dd");break;case"datetimerange":l=d(l,n," ".concat(o," "),"yyyy-MM-dd HH:ss:mm");break;case"monthrange":l=d(l,n," ".concat(o," "),"yyyy-MM");break;default:l=i(l,n,"yyyy-MM-dd")}return l}function E(e,t){var e=e.props,n=void 0===e?{}:e,e=t.row,r=n.isRange,o=n.format,l=void 0===o?"HH:mm:ss":o,o=n.rangeSeparator,o=void 0===o?"-":o,e=P.default.get(e,t.column.field);return e&&r&&(e=P.default.map(e,function(e){return a(u(e,n),l)}).join(" ".concat(o," "))),a(u(e,n),l)}function e(o){return function(e,t,n){var r=n.row;return[e(t.name,{attrs:t.attrs,props:s(t,0,P.default.get(r,n.column.field),o),on:m(t,n)})]}}function w(e,t,n){return[e("el-button",{attrs:t.attrs,props:s(t,0,null),on:p(t,n)},[l(t.content)])]}function t(i){return function(r,o,l){var e=l.column,a=o.name,u=o.attrs;return[r("div",{class:"vxe-table--filter-element-wrapper"},e.filters.map(function(e,t){var n=e.data;return r(a,{key:t,attrs:u,props:s(o,0,n,i),on:v(o,l,e,function(){x(l,!!e.data,e)})})}))]}}function x(e,t,n){e.$panel.changeOption(null,t,n)}function n(e){var t=e.option.data,e=P.default.get(e.row,e.column.field);return-1<P.default.toValueString(e).indexOf(t)}function S(e){var t=e.option.data;return P.default.get(e.row,e.column.field)===t}function F(n,e,t){var r=t.label||"label",o=t.value||"value";return P.default.map(e,function(e,t){return n("el-option",{key:t,props:{value:e[o],label:e[r],disabled:e.disabled}})})}function O(o){return function(e){var t=e.row,n=e.column,r=e.options;return r&&r.original?P.default.get(t,n.field):o(n.editRender||n.cellRender,e)}}o.renderer.mixin({ElAutocomplete:{tableAutoFocus:"input",renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:t(),tableFilterDefaultMethod:n},ElInput:{tableAutoFocus:"input",renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:t(),tableFilterDefaultMethod:n},ElInputNumber:{tableAutoFocus:"input",renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:t(),tableFilterDefaultMethod:n},ElSelect:{tableAutoFocus:"input",renderTableEdit:function(n,e,t){var r,o,l=e.options,a=void 0===l?[]:l,u=e.optionGroups,l=e.optionProps,i=void 0===l?{}:l,l=e.optionGroupProps,l=void 0===l?{}:l,c=t.row,d=e.attrs,c=s(e,0,P.default.get(c,t.column.field)),e=m(e,t);return u?(r=l.options||"options",o=l.label||"label",[n("el-select",{attrs:d,props:c,on:e,scopedSlots:{default:function(){return P.default.map(u,function(e,t){return n("el-option-group",{key:t,props:{label:e[o]},scopedSlots:{default:function(){return F(n,e[r],i)}}})})}}})]):[n("el-select",{attrs:d,props:c,on:e,scopedSlots:{default:function(){return F(n,a,i)}}})]},renderTableCell:function(e,t,n){return r(e,t,0,y(t,n))},renderTableFilter:function(o,l,a){var e=l.options,u=void 0===e?[]:e,i=l.optionGroups,e=l.optionProps,c=void 0===e?{}:e,e=l.optionGroupProps,e=void 0===e?{}:e,d=e.options||"options",f=e.label||"label",e=a.column,p=l.attrs;return[o("div",{class:"vxe-table--filter-element-wrapper"},i?e.filters.map(function(e,t){var n=e.data,r=s(l,0,n);return o("el-select",{key:t,attrs:p,props:r,on:T({},v(l,a,e,function(){x(a,r.multiple?e.data&&0<e.data.length:!P.default.eqNull(e.data),e)})),scopedSlots:{default:function(){return P.default.map(i,function(e,t){return o("el-option-group",{key:t,props:{label:e[f]},scopedSlots:{default:function(){return F(o,e[d],c)}}})})}}})}):e.filters.map(function(e,t){var n=e.data,r=s(l,0,n);return o("el-select",{key:t,attrs:p,props:r,on:T({},v(l,a,e,function(){x(a,r.multiple?e.data&&0<e.data.length:!P.default.eqNull(e.data),e)})),scopedSlots:{default:function(){return F(o,u,c)}}})}))]},tableFilterDefaultMethod:function(e){var t=e.option,n=e.column,t=t.data,r=n.field,n=n.filterRender.props,n=void 0===n?{}:n,e=P.default.get(e.row,r);return n.multiple?P.default.isArray(e)?P.default.includeArrays(e,t):-1<t.indexOf(e):e==t},tableExportMethod:O(y)},ElCascader:{tableAutoFocus:"input",renderTableEdit:e(),renderTableCell:function(e,t,n){return r(e,t,0,g(t,n))},tableExportMethod:O(g)},ElDatePicker:{tableAutoFocus:"input",renderTableEdit:e(),renderTableCell:function(e,t,n){return r(e,t,0,h(t,n))},renderTableFilter:function(r,o,l){var e=l.column,a=o.name,u=o.attrs;return[r("div",{class:"vxe-table--filter-element-wrapper"},e.filters.map(function(e,t){var n=e.data;return r(a,{key:t,attrs:u,props:T({},s(o,0,n)),on:T({},v(o,l,e,function(){x(l,!!e.data,e)}))})}))]},tableFilterDefaultMethod:function(e){var t=e.option,n=e.column,r=t.data,t=n.filterRender.props,o=void 0===t?{}:t,l=P.default.get(e.row,n.field);if(r)switch(o.type){case"daterange":return f(l,r,o,"yyyy-MM-dd");case"datetimerange":return f(l,r,o,"yyyy-MM-dd HH:ss:mm");case"monthrange":return f(l,r,o,"yyyy-MM-dd");default:return l===r}return!1},tableExportMethod:O(h)},ElTimePicker:{tableAutoFocus:"input",renderTableEdit:e(),renderTableCell:function(e,t,n){return r(e,t,0,E(t,n))},tableExportMethod:O(E)},ElTimeSelect:{tableAutoFocus:"input",renderTableEdit:e()},ElRate:{renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:t(),tableFilterDefaultMethod:S},ElSwitch:{renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:function(r,o,l){var e=l.column,a=o.name,u=o.attrs;return[r("div",{class:"vxe-table--filter-element-wrapper"},e.filters.map(function(e,t){var n=e.data;return r(a,{key:t,attrs:u,props:T({},s(o,0,n)),on:T({},v(o,l,e,function(){x(l,P.default.isBoolean(e.data),e)}))})}))]},tableFilterDefaultMethod:S},ElSlider:{renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:t(),tableFilterDefaultMethod:S},ElButton:{renderTableDefault:w},ElButtons:{renderTableDefault:function(t,e,n){return(e=e.children)?e.map(function(e){return w(t,e,n)[0]}):[]}}})};var P=(n=e("xe-utils"))&&n.__esModule?n:{default:n};function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function T(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?o(Object(n),!0).forEach(function(e){M(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function M(e,t,n){return(t=(e=>(e=((e,t)=>{if("object"!=r(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);if("object"!=r(n=n.call(e,t||"default")))return n;throw new TypeError("@@toPrimitive must return a primitive value.")})(e,"string"),"symbol"==r(e)?e:e+""))(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},{"xe-utils":"xe-utils"}]},{},[2])}); | ||
| ((e,t)=>{"function"==typeof define&&define.amd?define("@vxe-ui/plugin-render-element",[],t):"undefined"!=typeof exports?t():(t(),e.VxeUIPluginRenderElement={}.default)})("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:this,function(){!function r(o,l,a){function u(t,e){if(!l[t]){if(!o[t]){var n="function"==typeof require&&require;if(!e&&n)return n(t,!0);if(i)return i(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}n=l[t]={exports:{}},o[t][0].call(n.exports,function(e){return u(o[t][1][e]||e)},n,n.exports,r,o,l,a)}return l[t].exports}for(var i="function"==typeof require&&require,e=0;e<a.length;e++)u(a[e]);return u}({1:[function(e,t,n){!function(t){!function(){Object.defineProperty(n,"__esModule",{value:!0}),n.defineFormRender=function(e){function d(e){return b.default.kebabCase(e)}function f(e,t,n,r){return b.default.assign({},r,e.props,a({},"value",n))}function l(e,o,t,r){var l=e.events,n="input",a=(e=>{var t="change";switch(e.name){case"ElAutocomplete":t="select";break;case"ElInput":case"ElInputNumber":t="input"}return t})(e),u=a===n,i={};return b.default.objectEach(l,function(r,e){i[d(e)]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];r.apply(void 0,[o].concat(t))}}),t&&(i[d(n)]=function(e){t(e),l&&l[n]&&l[n](o,e),u&&r&&r(e)}),!u&&r&&(i[d(a)]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];r.apply(void 0,t),l&&l[a]&&l[a].apply(l,[o].concat(t))}),i}function p(e,t){var n=t.$form,r=t.data,o=t.field;return l(e,t,function(e){b.default.set(r,o,e)},function(){n.updateStatus(t)})}function s(n,e,t){var r=t.label||"label",o=t.value||"value";return b.default.map(e,function(e,t){return n("el-option",{key:t,props:{value:e[o],label:e[r],disabled:e.disabled}})})}function c(e){return[""+(null==(t=e=e)||""===t?"":e)];var t}function t(o){return function(e,t,n){var r=n.data;return[e(t.name,{attrs:t.attrs,props:m({},f(t,0,b.default.get(r,n.field),o)),on:p(t,n)})]}}function r(e,t,n){var r=t.attrs,o=f(t,0,null);return[e("el-button",{attrs:r,props:m({},o),on:l(t,n),scopedSlots:{default:function(){return c(t.content||o.content)}}})]}function n(){return function(n,e,t){var r=e.name,o=e.options,l=void 0===o?[]:o,o=e.optionProps,o=void 0===o?{}:o,a=e.attrs,u=t.data,i=o.label||"label",d=o.value||"value",o=b.default.get(u,t.field);return[n("".concat(r,"Group"),{attrs:a,props:m({},f(e,0,o)),on:p(e,t),scopedSlots:{default:function(){return l.map(function(e,t){return n(r,{key:t,props:{label:e[d],disabled:e.disabled},scopedSlots:{default:function(){return c(e[i])}}})})}}})]}}e.renderer.mixin({ElAutocomplete:{renderFormItemContent:t()},ElInput:{renderFormItemContent:t()},ElInputNumber:{renderFormItemContent:t()},ElSelect:{renderFormItemContent:function(n,e,t){var r,o,l=e.options,a=void 0===l?[]:l,u=e.optionGroups,l=e.optionProps,i=void 0===l?{}:l,l=e.optionGroupProps,l=void 0===l?{}:l,d=t.data,c=e.attrs,d=f(e,0,b.default.get(d,t.field)),e=p(e,t);return u?(r=l.options||"options",o=l.label||"label",[n("el-select",{attrs:c,props:m({},d),on:e,scopedSlots:{default:function(){return b.default.map(u,function(e,t){return n("el-option-group",{key:t,props:{label:e[o]},scopedSlots:{default:function(){return s(n,e[r],i)}}})})}}})]):[n("el-select",{attrs:c,props:m({},d),on:e,scopedSlots:{default:function(){return s(n,a,i)}}})]}},ElCascader:{renderFormItemContent:t()},ElDatePicker:{renderFormItemContent:t()},ElTimePicker:{renderFormItemContent:t()},ElTimeSelect:{renderFormItemContent:t()},ElRate:{renderFormItemContent:t()},ElSwitch:{renderFormItemContent:t()},ElSlider:{renderFormItemContent:t()},ElRadioGroup:{renderFormItemContent:function(n,e,t){var r=e.options,o=void 0===r?[]:r,r=e.optionProps,r=void 0===r?{}:r,l=e.attrs,a=t.data,u=r.label||"label",i=r.value||"value",r=b.default.get(a,t.field);return[n("el-radio-group",{attrs:l,props:m({},f(e,0,r)),on:m({},p(e,t)),scopedSlots:{default:function(){return o.map(function(e,t){return n("el-radio",{key:t,props:{value:e[i],disabled:e.disabled},scopedSlots:{default:function(){return c(e[u])}}})})}}})]}},ElCheckboxGroup:{renderFormItemContent:function(n,e,t){var r=e.options,o=void 0===r?[]:r,r=e.optionProps,r=void 0===r?{}:r,l=e.attrs,a=t.data,u=r.label||"label",i=r.value||"value",r=b.default.get(a,t.field);return[n("el-checkbox-group",{attrs:l,props:m({},f(e,0,r)),on:m({},p(e,t)),scopedSlots:{default:function(){return o.map(function(e,t){return n("el-checkbox",{key:t,props:{value:e[i],label:e[u],disabled:e.disabled}})})}}})]}},ElButton:{renderFormItemContent:r},ElRadio:{renderFormItemContent:n()},ElCheckbox:{renderFormItemContent:n()},ElButtons:{renderFormItemContent:function(t,e,n){return(e=e.children)?e.map(function(e){return r(t,e,n)[0]}):[]}}})};var e,b=(e="undefined"!=typeof window?window.XEUtils:void 0!==t?t.XEUtils:null)&&e.__esModule?e:{default:e};function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function m(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?o(Object(n),!0).forEach(function(e){a(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function a(e,t,n){return(t=(e=>(e=((e,t)=>{if("object"!=r(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);if("object"!=r(n=n.call(e,t||"default")))return n;throw new TypeError("@@toPrimitive must return a primitive value.")})(e,"string"),"symbol"==r(e)?e:e+""))(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}}.call(this)}.call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}],2:[function(n,e,i){!function(t){!function(){Object.defineProperty(i,"__esModule",{value:!0}),i.default=i.VxeUIPluginRenderElement=void 0;var o=n("./table"),l=n("./form"),r=n("./store"),a=(e="undefined"!=typeof window?window.XEUtils:void 0!==t?t.XEUtils:null)&&e.__esModule?e:{default:e};function u(e,t,n){for(var r,o,l=(o=(e=e).target)&&o.shadowRoot&&e.composed&&e.composedPath()[0]||o,a=document.documentElement||document.querySelector("html");l&&l.nodeType&&l!==a;){if(n&&l.className&&l.className.split&&-1<l.className.split(" ").indexOf(n))r=l;else if(l===t)return{flag:!n||!!r,container:t,targetElem:r};l=l.parentElement}return{flag:!1}}var e=i.VxeUIPluginRenderElement={component:function(e){var t,n;e&&e.name?(t=a.default.kebabCase(e.name),n=(n=a.default.camelCase(e.name))&&n.slice(0,1).toUpperCase()+n.slice(1),r.componentMaps[t]=e,r.componentMaps[n]=e):console.error("[@vxe-ui/plugin-render-element 3.2.1] error component.",e)},install:function(e,t){var r=Object.assign({},t);function n(e){var e=e.$event,t=document.body,n="".concat(r.prefixCls||"el").replace(/-$/,"");if(u(e,t,"".concat(n,"-autocomplete-suggestion")).flag||u(e,t,"".concat(n,"-select-dropdown")).flag||u(e,t,"".concat(n,"-cascader__dropdown")).flag||u(e,t,"".concat(n,"-cascader-menus")).flag||u(e,t,"".concat(n,"-time-panel")).flag||u(e,t,"".concat(n,"-picker-panel")).flag||u(e,t,"".concat(n,"-color-dropdown")).flag)return!1}e.checkVersion?e.checkVersion(e.tableVersion,3,13)||console.error("[@vxe-ui/plugin-render-element 3.2.1] ".concat(e.getI18n("vxe.error.errorVersion",["vxe-table@".concat(e.tableVersion||"?"),"vxe-table v".concat(3,".").concat(13,"+")]))):/^(3)\./.test(e.uiVersion||e.tableVersion)||console.error("[@vxe-ui/plugin-render-element 3.2.1] Requires vxe-table 3.9.0+ version. https://vxeui.com/other3/#/plugin-render-element/install"),(0,o.defineTableRender)(e),(0,l.defineFormRender)(e),e.interceptor.add("event.clearFilter",n),e.interceptor.add("event.clearEdit",n),e.interceptor.add("event.clearAreas",n),e.interceptor.add("event.clearActived",n)}};"undefined"!=typeof window&&window.VxeUI&&window.VxeUI.use&&window.VxeUI.use(e),i.default=e}.call(this)}.call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"./form":1,"./store":3,"./table":4}],3:[function(e,t,n){Object.defineProperty(n,"__esModule",{value:!0}),n.componentMaps=void 0;n.componentMaps={}},{}],4:[function(e,t,n){!function(t){!function(){Object.defineProperty(n,"__esModule",{value:!0}),n.defineTableRender=function(o){function b(e){return null==e||""===e}function d(e){return T.default.kebabCase(e)}function a(e,t){return T.default.toDateString(e,t)}function u(e,t){return e&&t.valueFormat?(t=t.valueFormat,T.default.toStringDate(e,t)):e}function i(e,t,n){return e&&a(u(e,t),t.format||t.valueFormat||n)}function c(e,t,n,r){return T.default.map(e,function(e){return i(e,t,r)}).join(n)}function f(e,t,n,r){return(e=i(e,n,r))>=i(t[0],n,r)&&e<=i(t[1],n,r)}function s(e,t,n,r){return T.default.assign({},r,e.props,x({},"value",n))}function l(e){return""+(b(e)?"":e)}function r(e,t,n,r){t=t.placeholder;return[e("span",{class:"vxe-cell--label"},t&&b(r)?[e("span",{class:"vxe-cell--placeholder"},l(o.getI18n(t)))]:l(r))]}function p(e,o,t,r){var l=e.events,n="input",a=(e=>{var t="change";switch(e.name){case"ElAutocomplete":t="select";break;case"ElInput":case"ElInputNumber":t="input"}return t})(e),u=a===n,i={};return T.default.objectEach(l,function(r,e){i[d(e)]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];r.apply(void 0,[o].concat(t))}}),t&&(i[d(n)]=function(e){t(e),l&&l[n]&&l[n](o,e),u&&r&&r(e)}),!u&&r&&(i[d(a)]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];r.apply(void 0,t),l&&l[a]&&l[a].apply(l,[o].concat(t))}),i}function m(e,t){var n=t.$table,r=t.row,o=t.column;return p(e,t,function(e){T.default.set(r,o.field,e)},function(){n.updateStatus(t)})}function v(e,t,n,r){return p(e,t,function(e){n.data=e},r)}function y(e,t){var n,r=e.options,o=void 0===r?[]:r,l=e.optionGroups,r=e.props,r=void 0===r?{}:r,a=e.optionProps,a=void 0===a?{}:a,e=e.optionGroupProps,u=t.$table,i=t.rowid,d=t.column,c=r.filterable,r=r.multiple,f=a.label||"label",p=a.value||"value",s=(void 0===e?{}:e).options||"options",a=T.default.get(t.row,d.field),e=d.id;if(c){t=u.fullAllDataRowIdData[i];if(t&&(n=(n=t.cellData)||(t.cellData={})),t&&n[e]&&n[e].value===a)return n[e].label}return b(a)?"":(d=T.default.map(r?a:[a],l?function(t){for(var e,n=0;n<l.length&&!(e=T.default.find(l[n][s],function(e){return e[p]===t}));n++);return e?e[f]:t}:function(t){var e=T.default.find(o,function(e){return e[p]===t});return e?e[f]:t}).join(", "),n&&o&&o.length&&(n[e]={value:a,label:d}),d)}function g(e,t){var e=e.props,e=void 0===e?{}:e,n=t.row,n=T.default.get(n,t.column.field),t=[];return function t(n,e,r,o){var l=r[n];e&&r.length>n&&T.default.each(e,function(e){e.value===l&&(o.push(e.label),t(++n,e.children,r,o))})}(0,e.options,n||[],t),(!1===e.showAllLevels?t.slice(t.length-1,t.length):t).join(" ".concat(e.separator||"/"," "))}function w(e,t){var e=e.props,n=void 0===e?{}:e,e=t.row,r=n.rangeSeparator,o=void 0===r?"-":r,l=T.default.get(e,t.column.field);switch(n.type){case"week":l=i(l,n,"yyyywWW");break;case"month":l=i(l,n,"yyyy-MM");break;case"year":l=i(l,n,"yyyy");break;case"dates":l=c(l,n,", ","yyyy-MM-dd");break;case"daterange":l=c(l,n," ".concat(o," "),"yyyy-MM-dd");break;case"datetimerange":l=c(l,n," ".concat(o," "),"yyyy-MM-dd HH:ss:mm");break;case"monthrange":l=c(l,n," ".concat(o," "),"yyyy-MM");break;default:l=i(l,n,"yyyy-MM-dd")}return l}function h(e,t){var e=e.props,n=void 0===e?{}:e,e=t.row,r=n.isRange,o=n.format,l=void 0===o?"HH:mm:ss":o,o=n.rangeSeparator,o=void 0===o?"-":o,e=T.default.get(e,t.column.field);return e&&r&&(e=T.default.map(e,function(e){return a(u(e,n),l)}).join(" ".concat(o," "))),a(u(e,n),l)}function e(o){return function(e,t,n){var r=n.row;return[e(t.name,{attrs:t.attrs,props:s(t,0,T.default.get(r,n.column.field),o),on:m(t,n)})]}}function E(e,t,n){return[e("el-button",{attrs:t.attrs,props:s(t,0,null),on:p(t,n)},[l(t.content)])]}function t(i){return function(r,o,l){var e=l.column,a=o.name,u=o.attrs;return[r("div",{class:"vxe-table--filter-element-wrapper"},e.filters.map(function(e,t){var n=e.data;return r(a,{key:t,attrs:u,props:s(o,0,n,i),on:v(o,l,e,function(){S(l,!!e.data,e)})})}))]}}function S(e,t,n){e.$panel.changeOption(null,t,n)}function n(e){var t=e.option.data,e=T.default.get(e.row,e.column.field);return-1<T.default.toValueString(e).indexOf(t)}function F(e){var t=e.option.data;return T.default.get(e.row,e.column.field)===t}function O(n,e,t){var r=t.label||"label",o=t.value||"value";return T.default.map(e,function(e,t){return n("el-option",{key:t,props:{value:e[o],label:e[r],disabled:e.disabled}})})}function P(o){return function(e){var t=e.row,n=e.column,r=e.options;return r&&r.original?T.default.get(t,n.field):o(n.editRender||n.cellRender,e)}}o.renderer.mixin({ElAutocomplete:{tableAutoFocus:"input",renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:t(),tableFilterDefaultMethod:n},ElInput:{tableAutoFocus:"input",renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:t(),tableFilterDefaultMethod:n},ElInputNumber:{tableAutoFocus:"input",renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:t(),tableFilterDefaultMethod:n},ElSelect:{tableAutoFocus:"input",renderTableEdit:function(n,e,t){var r,o,l=e.options,a=void 0===l?[]:l,u=e.optionGroups,l=e.optionProps,i=void 0===l?{}:l,l=e.optionGroupProps,l=void 0===l?{}:l,d=t.row,c=e.attrs,d=s(e,0,T.default.get(d,t.column.field)),e=m(e,t);return u?(r=l.options||"options",o=l.label||"label",[n("el-select",{attrs:c,props:d,on:e,scopedSlots:{default:function(){return T.default.map(u,function(e,t){return n("el-option-group",{key:t,props:{label:e[o]},scopedSlots:{default:function(){return O(n,e[r],i)}}})})}}})]):[n("el-select",{attrs:c,props:d,on:e,scopedSlots:{default:function(){return O(n,a,i)}}})]},renderTableCell:function(e,t,n){return r(e,t,0,y(t,n))},renderTableFilter:function(o,l,a){var e=l.options,u=void 0===e?[]:e,i=l.optionGroups,e=l.optionProps,d=void 0===e?{}:e,e=l.optionGroupProps,e=void 0===e?{}:e,c=e.options||"options",f=e.label||"label",e=a.column,p=l.attrs;return[o("div",{class:"vxe-table--filter-element-wrapper"},i?e.filters.map(function(e,t){var n=e.data,r=s(l,0,n);return o("el-select",{key:t,attrs:p,props:r,on:M({},v(l,a,e,function(){S(a,r.multiple?e.data&&0<e.data.length:!T.default.eqNull(e.data),e)})),scopedSlots:{default:function(){return T.default.map(i,function(e,t){return o("el-option-group",{key:t,props:{label:e[f]},scopedSlots:{default:function(){return O(o,e[c],d)}}})})}}})}):e.filters.map(function(e,t){var n=e.data,r=s(l,0,n);return o("el-select",{key:t,attrs:p,props:r,on:M({},v(l,a,e,function(){S(a,r.multiple?e.data&&0<e.data.length:!T.default.eqNull(e.data),e)})),scopedSlots:{default:function(){return O(o,u,d)}}})}))]},tableFilterDefaultMethod:function(e){var t=e.option,n=e.column,t=t.data,r=n.field,n=n.filterRender.props,n=void 0===n?{}:n,e=T.default.get(e.row,r);return n.multiple?T.default.isArray(e)?T.default.includeArrays(e,t):-1<t.indexOf(e):e==t},tableExportMethod:P(y)},ElCascader:{tableAutoFocus:"input",renderTableEdit:e(),renderTableCell:function(e,t,n){return r(e,t,0,g(t,n))},tableExportMethod:P(g)},ElDatePicker:{tableAutoFocus:"input",renderTableEdit:e(),renderTableCell:function(e,t,n){return r(e,t,0,w(t,n))},renderTableFilter:function(r,o,l){var e=l.column,a=o.name,u=o.attrs;return[r("div",{class:"vxe-table--filter-element-wrapper"},e.filters.map(function(e,t){var n=e.data;return r(a,{key:t,attrs:u,props:M({},s(o,0,n)),on:M({},v(o,l,e,function(){S(l,!!e.data,e)}))})}))]},tableFilterDefaultMethod:function(e){var t=e.option,n=e.column,r=t.data,t=n.filterRender.props,o=void 0===t?{}:t,l=T.default.get(e.row,n.field);if(r)switch(o.type){case"daterange":return f(l,r,o,"yyyy-MM-dd");case"datetimerange":return f(l,r,o,"yyyy-MM-dd HH:ss:mm");case"monthrange":return f(l,r,o,"yyyy-MM-dd");default:return l===r}return!1},tableExportMethod:P(w)},ElTimePicker:{tableAutoFocus:"input",renderTableEdit:e(),renderTableCell:function(e,t,n){return r(e,t,0,h(t,n))},tableExportMethod:P(h)},ElTimeSelect:{tableAutoFocus:"input",renderTableEdit:e()},ElRate:{renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:t(),tableFilterDefaultMethod:F},ElSwitch:{renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:function(r,o,l){var e=l.column,a=o.name,u=o.attrs;return[r("div",{class:"vxe-table--filter-element-wrapper"},e.filters.map(function(e,t){var n=e.data;return r(a,{key:t,attrs:u,props:M({},s(o,0,n)),on:M({},v(o,l,e,function(){S(l,T.default.isBoolean(e.data),e)}))})}))]},tableFilterDefaultMethod:F},ElSlider:{renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:t(),tableFilterDefaultMethod:F},ElButton:{renderTableDefault:E},ElButtons:{renderTableDefault:function(t,e,n){return(e=e.children)?e.map(function(e){return E(t,e,n)[0]}):[]}}})};var e,T=(e="undefined"!=typeof window?window.XEUtils:void 0!==t?t.XEUtils:null)&&e.__esModule?e:{default:e};function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function M(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?o(Object(n),!0).forEach(function(e){x(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function x(e,t,n){return(t=(e=>(e=((e,t)=>{if("object"!=r(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);if("object"!=r(n=n.call(e,t||"default")))return n;throw new TypeError("@@toPrimitive must return a primitive value.")})(e,"string"),"symbol"==r(e)?e:e+""))(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}}.call(this)}.call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}]},{},[2])}); |
+6
-1
| { | ||
| "name": "@vxe-ui/plugin-render-element", | ||
| "version": "3.2.0", | ||
| "version": "3.2.1", | ||
| "description": "Vxe UI plug-in for compatibility with the element-ui component.", | ||
@@ -27,2 +27,3 @@ "scripts": { | ||
| "browserify": "~17.0.0", | ||
| "browserify-shim": "~3.8.16", | ||
| "del": "~6.0.0", | ||
@@ -59,2 +60,6 @@ "eslint": "~7.13.0", | ||
| }, | ||
| "browserify-shim": { | ||
| "vue": "global:Vue", | ||
| "xe-utils": "global:XEUtils" | ||
| }, | ||
| "repository": { | ||
@@ -61,0 +66,0 @@ "type": "git", |
242135
3.04%4818
0.27%39
2.63%