gg-y-ui
Version:
An enterprise-class UI design language and Vue-based implementation for web
9 lines • 15.9 kB
JavaScript
/*!
*
* y-ui v0.1.0
*
* Copyright 2021-present, Y-UI-Design.
* All rights reserved.
*
*/
module.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var a=t[i]={i:i,l:!1,exports:{}};return e[i].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(i,a,function(t){return e[t]}.bind(null,a));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=108)}({0:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.getPrefixCls=function(e){return"y-"+e}},1:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i,a=n(2),s=(i=a)&&i.__esModule?i:{default:i};s.default.install=function(e){e.component(s.default.name,s.default)},t.default=s.default},108:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i,a=n(109),s=(i=a)&&i.__esModule?i:{default:i};s.default.install=function(e){e.component(s.default.name,s.default)},t.default=s.default},109:function(e,t,n){"use strict";n.r(t);var i=n(44),a=n(16);for(var s in a)["default"].indexOf(s)<0&&function(e){n.d(t,e,(function(){return a[e]}))}(s);var l=n(3),r=Object(l.a)(a.default,i.a,i.b,!1,null,null,null);t.default=r.exports},110:function(e,t,n){"use strict";n.r(t);var i=n(48),a=n(18);for(var s in a)["default"].indexOf(s)<0&&function(e){n.d(t,e,(function(){return a[e]}))}(s);var l=n(3),r=Object(l.a)(a.default,i.a,i.b,!1,null,null,null);t.default=r.exports},16:function(e,t,n){"use strict";n.r(t);var i=n(17),a=n.n(i);for(var s in i)["default"].indexOf(s)<0&&function(e){n.d(t,e,(function(){return i[e]}))}(s);t.default=a.a},17:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i="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},a=r(n(110)),s=r(n(1)),l=r(n(37));function r(e){return e&&e.__esModule?e:{default:e}}t.default={name:"YSelect",components:{SelectCascade:a.default,YIcon:s.default,YTag:l.default},model:{prop:"initVal",event:"changeLatestVal"},props:{source:Array,isMulti:{type:Boolean,default:!1},initVal:[Object,Array],minWidth:{type:Number,default:216},isShowOperation:Boolean,title:{type:String,default:""},noValTips:{type:String,default:"请选择"}},data:function(){return{latestVal:this.initVal,isShowOption:!1,_source:[],searchKeyWords:this.initVal&&this.initVal.name||"",isSelectRoot:!0}},watch:{searchKeyWords:function(e){""===e?this._source=this.deepClone(this.source):(this.latestVal&&this.latestVal.name&&e!==this.latestVal.name&&(this.latestVal={}),this._source=this.searchKey(this.source,e))}},created:function(){var e=this;e.initLatestVal(),e._source=e.deepClone(e.source),e.isMulti&&e.formatSource(e._source),e.$on("updateLatestVal",(function(t){e.isMulti?t&&t.type&&"reset"===t.type?(e.resetSource(e._source),e.$emit("changeLatestVal",e.latestVal=[])):e.$emit("changeLatestVal",e.latestVal=e.createLatestVal(e._source)):(e.$emit("changeLatestVal",e.latestVal=t.isSelect?t.item:{}),e.searchKeyWords=e.latestVal&&e.latestVal.name||"",e.isShowOption=!1)})),e.$on("confirmLatestVal",(function(){e.$emit("confirmLatestValChange",e.latestVal),e.isShowOption=!1}))},methods:{initLatestVal:function(){!this.latestVal&&(this.latestVal=this.isMulti?[]:{})},deepClone:function(e){var t=this,n=Array.isArray(e)?[]:{};return e&&"object"===(void 0===e?"undefined":i(e))&&Object.keys(e).forEach((function(a){n[a]="object"===i(e[a])?t.deepClone(e[a]):e[a]})),n},formatSource:function(e){var t=this;Array.isArray(e)&&e.forEach((function(e){e.hasSelect=t.latestVal.some((function(t){return t.value===e.value})),e.children&&e.children.length&&t.formatSource(e.children)}))},updateSource:function(e,t){for(var n=0;n<e.length;n++){var i=e[n];if(i.value===t.value){i.hasSelect=!1;break}i.children&&i.children.length&&this.updateSource(i.children,t)}},resetSource:function(e){e&&e.length&&e.forEach((function(e){e.hasSelect=!1}))},createLatestVal:function(e,t){var n=this;return t||(t=[]),Array.isArray(e)&&e.forEach((function(e){e.hasSelect&&t.push({name:e.name,value:e.value}),e.children&&e.children.length&&n.createLatestVal(e.children,t)})),t},deleteMultiLatestVal:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=this;t.$emit("changeLatestVal",t.latestVal=t.latestVal.filter((function(t){return t.value!==e.value}))),t.updateSource(t._source,e)},handlerMainClick:function(){this.isMulti||(this._source=this.deepClone(this.source)),this.isShowOption=!this.isShowOption},searchKey:function(e,t,n){var i=this;return n||(n=[]),e&&e.length&&e.forEach((function(e){e.name&&e.name.indexOf(t)>-1&&n.push({name:e.name,value:e.value}),e.children&&e.children.length&&i.searchKey(e.children,t,n)})),n}}}},18:function(e,t,n){"use strict";n.r(t);var i=n(19),a=n.n(i);for(var s in i)["default"].indexOf(s)<0&&function(e){n.d(t,e,(function(){return i[e]}))}(s);t.default=a.a},19:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=s(n(1)),a=s(n(32));function s(e){return e&&e.__esModule?e:{default:e}}t.default={name:"SelectCascade",components:{YIcon:i.default,YCheckbox:a.default},props:{isMulti:Boolean,source:[Array,Object],latestVal:[Object,Array],minWidth:Number,isShowOperation:{type:Boolean,default:!1}},data:function(){return{iconTypeList:["","document_linear","openlist_linear"],showOperation:!1}},created:function(){this.bus=this.getBus(),this.isMulti&&this.isShowOperation&&this.initShowOperation()},methods:{getBus:function(e){return e||(e=this),e.$parent&&e.$parent.isSelectRoot?e.$parent:this.getBus(e.$parent)},handlerSingleSelect:function(e){if(!this.isMulti){var t=!(this.latestVal.value===e.value);this.bus.$emit("updateLatestVal",{item:e,isSelect:t})}},handlerMultiSelect:function(){this.bus.$emit("updateLatestVal")},initShowOperation:function(){this.showOperation=!this.source.some((function(e){return e.children}))},resetLatestVal:function(){this.bus.$emit("updateLatestVal",{type:"reset"})},confirmSelect:function(){this.bus.$emit("confirmLatestVal")}}}},2:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(0);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var s={name:"YIcon",props:{name:String,sizes:{type:Number,default:4}},render:function(){var e,t=arguments[0],n=this.name,s=this.sizes;console.log(s);var l=(0,i.getPrefixCls)("icon"),r={class:(e={},a(e,""+l,!0),a(e,l+"-"+n,!!n),e),style:{fontSize:4*s+"px"}};return t("i",r)}};t.default=s},3:function(e,t,n){"use strict";function i(e,t,n,i,a,s,l,r){var o,c="function"==typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=n,c._compiled=!0),i&&(c.functional=!0),s&&(c._scopeId="data-v-"+s),l?(o=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),a&&a.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(l)},c._ssrRegister=o):a&&(o=r?function(){a.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:a),o)if(c.functional){c._injectStyles=o;var u=c.render;c.render=function(e,t){return o.call(t),u(e,t)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,o):[o]}return{exports:e,options:c}}n.d(t,"a",(function(){return i}))},32:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i,a=n(33),s=(i=a)&&i.__esModule?i:{default:i};s.default.install=function(e){e.component(s.default.name,s.default)},t.default=s.default},33:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i,a=n(0),s=n(7),l=(i=s)&&i.__esModule?i:{default:i};function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var o={name:"YCheckbox",model:{prop:"checked",event:"change"},props:{checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1}},data:function(){return{stateChecked:this.checked,stateIndeterminate:this.indeterminate}},watch:{checked:{handler:function(e){this.stateChecked=e}},indeterminate:{handler:function(e){this.stateIndeterminate=e}}},methods:{setState:function(e,t){this.disabled||(e&&(this.stateIndeterminate=!1),this.stateChecked=e,this.$emit("change",e,t))},handleClick:function(e){e.stopPropagation(),this.setState(!this.stateChecked,e)}},render:function(){var e,t=arguments[0],n=(this.label,this.disabled),i=this.handleClick,s=this.stateChecked,o=this.stateIndeterminate,c=this.$slots,u=(0,a.getPrefixCls)("checkbox"),d=c.default?t("span",{class:u+"-label"},[c.default]):null,f={class:(e={},r(e,u+"-wrapper",!0),r(e,u+"-wrapper-disabled",n),r(e,u+"-wrapper-checked",s),e),on:{click:i}},h={props:{disabled:n,prefixCls:u,checked:s,indeterminate:o}};return t("label",f,[t(l.default,h),d])}};t.default=o},37:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i,a=n(38),s=(i=a)&&i.__esModule?i:{default:i};s.default.install=function(e){e.component(s.default.name,s.default)},t.default=s.default},38:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(6),a=n(0);function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var l={name:"YTag",model:{prop:"checked",event:"change"},props:{closable:{type:Boolean,default:!1},checkable:{type:Boolean,default:!1},size:{type:String,default:"default"},type:{type:String,default:"info"},checked:{type:Boolean,default:!1}},computed:{realType:function(){return this.closable?"info":this.checkable?["info","warning"].indexOf(this.type)>-1?this.type:"info":this.type}},methods:{handleClick:function(e){this.checkable&&!this.closable&&this.$emit("change",!this.checked,e)},handleClose:function(e){e.stopPropagation(),this.$emit("close",e)}},render:function(){var e,t=arguments[0],n=this.size,l=this.closable,r=this.checkable,o=this.checked,c=this.realType,u=this.handleClick,d=this.handleClose,f=this.$slots,h=(0,a.getPrefixCls)("tag"),p=(0,i.filterEmpty)(f.default),m=p.map((function(e){return"string"==typeof e.text?t("span",[e]):e})),v={class:{"y-icon-close":!0},on:{click:d}},y=l&&!r?t("i",v,[t("svg",{attrs:{width:"12",height:"12",viewBox:"0 0 24 25"},style:"vertical-align: middle; fill: currentColor; overflow: hidden;"},[t("path",{attrs:{d:"M20.2,6.2c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L12,11.6L5.2,4.8c-0.4-0.4-1-0.4-1.4,0 c-0.4,0.4-0.4,1,0,1.4l6.8,6.8l-6.6,6.6c-0.4,0.4-0.4,1,0,1.4c0.4,0.4,1,0.4,1.4,0l6.6-6.6l6.6,6.6c0.4,0.4,1,0.4,1.4,0 c0.4-0.4,0.4-1,0-1.4L13.4,13L20.2,6.2z"}})])]):null,_={class:(e={},s(e,""+h,!0),s(e,h+"-type-"+c,!0),s(e,h+"-size-"+n,!0),s(e,h+"-closable",l&&!r),s(e,h+"-checkable",r),s(e,h+"-is-checked",r&&o),e),on:{click:u}};return t("span",_,[m,y])}};t.default=l},44:function(e,t,n){"use strict";n.d(t,"a",(function(){return i})),n.d(t,"b",(function(){return a}));var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"y-select"},[e.title?n("span",{staticClass:"title"},[e._v(e._s(e.title))]):e._e(),n("div",{staticClass:"main",style:{minWidth:e.minWidth+"px"}},[n("div",{staticClass:"result",class:{active:e.isShowOption},on:{click:e.handlerMainClick}},[e.latestVal&&(e.isMulti&&!e.latestVal.length||!e.isMulti&&!e.latestVal.name)?[e.isMulti&&!e.latestVal.length?n("span",{staticClass:"no-result"},[e._v(e._s(e.noValTips))]):e._e(),e.isMulti||e.latestVal.name?e._e():n("input",{directives:[{name:"model",rawName:"v-model",value:e.searchKeyWords,expression:"searchKeyWords"}],staticClass:"single-result",attrs:{type:"text",placeholder:e.noValTips},domProps:{value:e.searchKeyWords},on:{input:function(t){t.target.composing||(e.searchKeyWords=t.target.value)}}})]:[e.isMulti?[n("div",{staticClass:"result-list"},[n("y-tag",{key:"firstTag",style:{marginRight:"4px"},attrs:{size:"mini",closable:!0},on:{close:function(t){return e.deleteMultiLatestVal(e.item)}}},[e._v("\n "+e._s(e.latestVal[0].name)+"\n ")]),e.latestVal.length>1?n("y-tag",{key:"numberTag",style:{padding:"3px 5px"},attrs:{size:"mini",closable:!1}},[e._v("\n + "+e._s(e.latestVal.length-1)+"\n ")]):e._e()],1)]:[n("input",{directives:[{name:"model",rawName:"v-model",value:e.searchKeyWords,expression:"searchKeyWords"}],staticClass:"single-result",attrs:{type:"text"},domProps:{value:e.searchKeyWords},on:{input:function(t){t.target.composing||(e.searchKeyWords=t.target.value)}}})]],n("y-icon",{attrs:{name:e.isShowOption?"arrow1_up_wide_linear":"arrow1_down_wide_linear",size:3}})],2),n("div",{directives:[{name:"show",rawName:"v-show",value:e.isShowOption,expression:"isShowOption"}],staticClass:"option-con",on:{mouseleave:function(t){e.isShowOption=!1}}},[n("select-cascade",{attrs:{source:e._source,"is-multi":e.isMulti,"latest-val":e.latestVal,"min-width":e.minWidth,"is-show-operation":e.isShowOperation}})],1)])])},a=[]},48:function(e,t,n){"use strict";n.d(t,"a",(function(){return i})),n.d(t,"b",(function(){return a}));var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",{staticClass:"option"},[e._l(e.source,(function(t,i){return n("li",{key:i,class:{active:e.isMulti?e.latestVal.some((function(e){return e.value===t.value})):e.latestVal.value===t.value},on:{click:function(n){return n.stopPropagation(),e.handlerSingleSelect(t)}}},[e.isMulti?[n("y-checkbox",{on:{change:e.handlerMultiSelect},model:{value:t.hasSelect,callback:function(n){e.$set(t,"hasSelect",n)},expression:"item.hasSelect"}},[e._v("\n "+e._s(t.name)+"\n ")])]:[t.iconType?n("y-icon",{style:{marginRight:"10px"},attrs:{name:e.iconTypeList[t.iconType]}}):e._e(),n("span",{staticClass:"content"},[e._v(e._s(t.name))])],t.children?n("y-icon",{style:{flexGrow:1,textAlign:"right"},attrs:{name:"arrow1_right_wide_linear",size:3}}):e._e(),t.children&&t.children.length?n("select-cascade",{style:{left:"100%"},attrs:{"is-multi":e.isMulti,source:t.children,"latest-val":e.latestVal,"min-width":e.minWidth}}):e._e()],2)})),e.showOperation?n("li",{staticClass:"operation-area"},[n("span",{on:{click:function(t){return t.stopPropagation(),e.confirmSelect(t)}}},[e._v("筛选")]),n("span",{on:{click:function(t){return t.stopPropagation(),e.resetLatestVal(t)}}},[e._v("重置")])]):e._e()],2)},a=[]},6:function(e,t,n){"use strict";function i(e){return!(e.tag||e.text&&""!==e.text.trim())}Object.defineProperty(t,"__esModule",{value:!0}),t.isEmptyElement=i,t.isStringElement=function(e){return!e.tag},t.filterEmpty=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.filter((function(e){return!i(e)}))}},7:function(e,t,n){"use strict";function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Object.defineProperty(t,"__esModule",{value:!0});var a={name:"Checkbox",props:{prefixCls:String,checked:Boolean,disabled:Boolean,indeterminate:Boolean},render:function(){var e,t=arguments[0],n=this.prefixCls,a=this.checked,s=this.disabled,l=this.indeterminate,r={class:(e={},i(e,""+n,!0),i(e,n+"-checked",a),i(e,n+"-disabled",s),i(e,n+"-indeterminate",l),e)};return t("span",r)}};t.default=a}});