tt-mp/lib/filterbar/index.js

一套组件化、可复用、易扩展的头条小程序 UI 组件库

"use strict";var _observers,_baseComponent=_interopRequireDefault(require("../helpers/baseComponent")),_classNames=_interopRequireDefault(require("../helpers/classNames")),_index=require("../index");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="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 _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(e,t):void 0}}function _iterableToArray(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ownKeys(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 _objectSpread(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function getLabels(){return(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).filter(function(e){return e.checked}).map(function(e){return e.label}).join(",")}function getDisplayValues(){var n=!(1<arguments.length&&void 0!==arguments[1])||arguments[1];return(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).reduce(function(e,t){switch(t.type){case"radio":case"checkbox":e.push(getLabels(t.children||[])||(n?t.label:""));break;case"filter":e.push(getDisplayValues(t.children||[],!1));break;default:e.push(t.label)}return e},[])}function getSortValue(e){return"number"==typeof e&&[1,-1].includes(e)?e:1}function getValue(){var e=1<arguments.length&&void 0!==arguments[1]&&arguments[1],t=(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).filter(function(e){return e.checked}).map(function(e){return e.value});return e?t[0]||"":t}function getValues(){return(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).reduce(function(e,t){switch(t.type){case"radio":e.push(getValue(t.children,!0));break;case"checkbox":e.push(getValue(t.children,!1));break;case"text":e.push(t.checked?t.value:"");break;case"sort":e.push(t.checked?getSortValue(t.sort):"");break;case"filter":e.push(getValues(t.children))}return e},[])}function getChangedValues(){var r=1<arguments.length&&void 0!==arguments[1]?arguments[1]:[],o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:"options";return(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).reduce(function(e,t,n){return"radio"===t.type?_objectSpread(_objectSpread({},e),{},_defineProperty({},"".concat(o,"[").concat(n,"].children"),t.children.map(function(e){return _objectSpread(_objectSpread({},e),{},{checked:e.value===r[n]})}))):"checkbox"===t.type?_objectSpread(_objectSpread({},e),{},_defineProperty({},"".concat(o,"[").concat(n,"].children"),t.children.map(function(e){return _objectSpread(_objectSpread({},e),{},{checked:!!Array.isArray(r[n])&&r[n].includes(e.value)})}))):"filter"===t.type?_objectSpread(_objectSpread({},e),getChangedValues(t.children,r[n]||[],"options[".concat(n,"].children"))):e},{})}function getShowOptions(){var r=1<arguments.length&&void 0!==arguments[1]?arguments[1]:[];return(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).reduce(function(e,t,n){return["radio","checkbox"].includes(t.type)?[].concat(_toConsumableArray(e),[_objectSpread(_objectSpread({},t),{},{selected:getLabels(t.children||[])})]):"filter"===t.type?[].concat(_toConsumableArray(e),[_objectSpread(_objectSpread({},t),{},{children:getShowOptions(t.children||[],r[n])})]):e},[])}(0,_baseComponent.default)({properties:{prefixCls:{type:String,value:"wux-filterbar"},items:{type:Array,value:[]},cancelText:{type:String,value:"重置"},confirmText:{type:String,value:"确定"}},data:{displayValues:[],values:[]},observers:(_defineProperty(_observers={},"items.**",function(e){this.setData({options:e,values:getValues(e)})}),_defineProperty(_observers,"options.**",function(e){this.updatedDisplayValues(e)}),_observers),computed:{classes:["prefixCls",function(e){return{wrap:(0,_classNames.default)(e),bd:"".concat(e,"__bd"),item:"".concat(e,"__item"),text:"".concat(e,"__text"),icon:"".concat(e,"__icon"),pop:"".concat(e,"__pop"),scrollView:"".concat(e,"__scroll-view"),panel:"".concat(e,"__panel"),panelHd:"".concat(e,"__panel-hd"),panelTitle:"".concat(e,"__panel-title"),panelSelected:"".concat(e,"__panel-selected"),panelBd:"".concat(e,"__panel-bd"),groups:"".concat(e,"__groups"),group:"".concat(e,"__group"),radio:"".concat(e,"__radio"),btn:"".concat(e,"__btn"),check:"".concat(e,"__check"),btns:"".concat(e,"__btns"),select:"".concat(e,"__select")}}]},methods:{updatedValues:function(e,t){this.data.values!==e&&this.setData({values:e},t)},updatedDisplayValues:function(e){var t=getDisplayValues(0<arguments.length&&void 0!==e?e:this.data.options);this.data.displayValues!==t&&this.setData({displayValues:t})},onClose:function(e){var t=e.currentTarget.dataset.index;this.onSelectClose(t)},onPopupSelectChange:function(e){var t=_toConsumableArray(this.data.values),n=this.showOptions||JSON.parse(JSON.stringify(this.data.options)),r=e.detail.value,o=e.currentTarget.dataset,a=o.index,i=o.parentIndex;t[i]=t[i]||[],t[i][a]=r,n[i].children[a]&&n[i].children[a].children&&(n[i].children[a].children=n[i].children[a].children.map(function(e){return _objectSpread(_objectSpread({},e),{},{checked:r.includes(e.value)})}),this.updatedDisplayValues(n),this.showOptions=n),this.updatedValues(t)},onSelectChange:function(e){var t=_toConsumableArray(this.data.values),n=e.currentTarget.dataset,r=n.index,o=n.type,a=e.detail.selectedValue;t[r]=a,this.updatedValues(t),"radio"===o&&this.onSelectConfirm(e)},onSelectClose:function(e,t){var n=this,r=_defineProperty({values:getValues(this.data.options)},"options[".concat(e,"].visible"),!1);this.setData(r,function(){"function"==typeof t&&t.call(n),n.showOptions=null,n.$wuxBackdrop.release()})},onSelectReset:function(e){var t=_toConsumableArray(this.data.values);t[e.currentTarget.dataset.index]=[],this.updatedValues(t);var n=this.showOptions||JSON.parse(JSON.stringify(this.data.options));n&&0<n.length&&(n.forEach(function(e,t){"filter"===e.type&&(e.children=e.children.reduce(function(e,t){return[].concat(_toConsumableArray(e),[_objectSpread(_objectSpread({},t),{},{children:t.children.map(function(e){return _objectSpread(_objectSpread({},e),{},{checked:!1})})})])},[]))}),this.updatedDisplayValues(n),this.showOptions=null)},onSelectConfirm:function(e){var t=this,n=this.data,r=n.options,o=n.values,a=e.currentTarget.dataset.index,i=getChangedValues(r,o);this.setData(i,function(){return t.onSelectClose(a,t.onChange)})},onClick:function(e){var t=e.currentTarget.dataset.index,n=this.data.options,r=getValues(n);n[t].visible||this.setData({values:r}),this.onOpenSelect(n,t)},onOpenSelect:function(e,t){var o=this,n=0<arguments.length&&void 0!==e?e:[],a=1<arguments.length&&void 0!==t?t:0,i=n[a],r=n.map(function(e,t){var n,r=Object.assign({},e,{checked:a===t&&!e.checked});return e.checked&&(n=o.getDifference(e.groups,i.groups),r.checked=!!n.length,a===t||n.length||("object"===_typeof(r.children)&&(["radio","checkbox"].includes(e.type)&&(r.children=r.children.map(function(e){return Object.assign({},e,{checked:!1})})),["filter"].includes(e.type)&&(r.children=r.children.map(function(e){return Object.assign({},e,{children:e.children.map(function(e){return Object.assign({},e,{checked:!1})}),selected:""})}))),["sort"].includes(e.type)&&(r.sort=void 0))),["radio","checkbox","filter"].includes(e.type)&&(r.visible=a===t&&!e.visible,"filter"===e.type&&o.$wuxBackdrop[a!==t||e.visible?"release":"retain"]()),a===t&&["sort"].includes(e.type)&&(r.sort="number"==typeof r.sort?-r.sort:1),r});this.setData({options:r,index:a},function(){["radio","checkbox","filter"].includes(i.type)||o.onChange()})},onCloseSelect:function(){var e=this.data.options.reduce(function(e,t,n){return t.checked&&t.visible?_objectSpread(_objectSpread({},e),{},_defineProperty({},"options[".concat(n,"].visible"),!1)):e},{});this.setData(e)},getDifference:function(e,t){var n=1<arguments.length&&void 0!==t?t:[];return(0<arguments.length&&void 0!==e?e:[]).filter(function(e){return n.includes(e)})},onChange:function(){var e=this,t=this.data.options,n=getValues(t),r=getShowOptions(t,n);this.updatedValues(n,function(){e.onCloseSelect(),e.triggerEvent("change",{checkedItems:r.filter(function(e){return e.checked}),items:r,checkedValues:n})})},onScroll:function(e){this.triggerEvent("scroll",e)},onEnter:function(e){this.triggerEvent("open",e)},onExit:function(e){this.triggerEvent("close",e)}},created:function(){var t=this;(0,_index.$wuxBackdrop)("#wux-backdrop",this).then(function(e){t.$wuxBackdrop=e})},attached:function(){var e=this.data.items;this.setData({options:e,values:getValues(e)})}});