bri-components 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/0.bri-components.min.js +1 -2
- package/lib/1.bri-components.min.js +1 -2
- package/lib/2.bri-components.min.js +1 -2
- package/lib/3.bri-components.min.js +1 -2
- package/lib/4.bri-components.min.js +1 -2
- package/lib/5.bri-components.min.js +1 -2
- package/lib/6.bri-components.min.js +1 -2
- package/lib/bri-components.min.js +4 -5
- package/lib/styles/bri-components.css +1 -1
- package/package.json +1 -1
- package/src/components/controls/base/DshLabels.vue +16 -13
- package/src/components/controls/base/DshPackage.vue +1 -1
- package/src/components/list/evTable/EvTable.vue +0 -2
- package/src/components/small/Ctooltip.vue +7 -9
- package/src/index.js +12 -5
- package/src/styles/view_reset.less +8 -2
- package/lib/.DS_Store +0 -0
- package/lib/0.bri-components.min.js.map +0 -1
- package/lib/1.bri-components.min.js.map +0 -1
- package/lib/2.bri-components.min.js.map +0 -1
- package/lib/3.bri-components.min.js.gz +0 -0
- package/lib/3.bri-components.min.js.map +0 -1
- package/lib/4.bri-components.min.js.gz +0 -0
- package/lib/4.bri-components.min.js.map +0 -1
- package/lib/5.bri-components.min.js.map +0 -1
- package/lib/6.bri-components.min.js.map +0 -1
- package/lib/bri-components.min.js.gz +0 -0
- package/lib/bri-components.min.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack:///./src/components/list/DshBox/DshPanel.vue","webpack:///src/components/list/DshBox/DshPanel.vue","webpack:///./src/components/list/DshBox/DshPanel.vue?b9d4","webpack:///./src/components/list/DshBox/DshPanel.vue?5a75","webpack:///./src/components/list/DshBox/DshPanel.vue?7e30","webpack:///./src/components/list/DshBox/DshPanel.vue?01a9","webpack:///./src/components/list/DshBox/DshPanel.vue?2dcb"],"names":["Object","defineProperty","__webpack_exports__","value","__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DshPanel_vue__","__webpack_require__","__WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_17d88be3_hasScoped_true_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DshPanel_vue__","__vue_styles__","ssrContext","Component","normalizeComponent","colorMap","#CDE6FF","#C1FCFF","#C5FFD9","#FFEDC8","#FFDCAC","#FFD3B6","#EEB0FF","#D1B3FF","#B1C7FF","#DCDCDC","name","props","data","type","Array","default","columns","propsObj","titleField","noDataText","String","operationList","extraOperationList","dropdownObj","icon","size","color","showDropdownItemIcon","getBgColor","groupItem","this","groupFieldObj","_useColor","_data","find","item","_key","computed","groupField","selfColumns","_this","filter","colItem","includes","map","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default","titleAlign","columnAlign","slice","groupBtnOperationList","long","dragOperationObj","created","mounted","initGroupScroll","methods","_this2","groupDoms","$el","querySelectorAll","prototype","call","forEach","groupElement","groupIndex","groupLoad","addEventListener","ele","groupScroll","e","srcElement","$emit","loading","finished","children","length","list","clientHeight","scrollTop","scrollHeight","clickRow","row","watch","content","module","i","locals","exports","push","version","sources","names","mappings","file","sourcesContent","sourceRoot","esExports","render","_vm","_h","$createElement","_c","_self","staticClass","_l","key","style","backgroundColor","attrs","placement","transfer","_v","_s","total","$getColor","_e","staticStyle","position","top","left","width","group","animation","disabled","on","update","$event","_obj","$dshEmit","from","id","add","model","callback","$$v","$set","expression","nativeOn","scroll","dataItem","dataIndex","_id","click","stopPropagation","maxWidth","_name","column","index","domProps","innerHTML","formatter","staticRenderFns"],"mappings":"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","file":"4.bri-components.min.js","sourcesContent":["function injectStyle (ssrContext) {\n require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-17d88be3\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./DshPanel.vue\")\n require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-17d88be3\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./DshPanel.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./DshPanel.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./DshPanel.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-17d88be3\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./DshPanel.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-17d88be3\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/list/DshBox/DshPanel.vue\n// module id = 537\n// module chunks = 4","<template>\n <div class=\"DshPanel\">\n <div\n class=\"DshPanel-group\"\n v-for=\"(groupItem, groupIndex) in data\"\n :key=\"groupIndex\"\n >\n <!-- 组 标头 -->\n <div\n class=\"DshPanel-group-title\"\n :style=\"{\n backgroundColor: getBgColor(groupItem),\n color: colorMap[getBgColor(groupItem)] || '#fff'\n }\"\n >\n <span class=\"DshPanel-group-title-name\">\n <Ctooltip\n class=\"unit-label\"\n placement=\"top\"\n :transfer=\"true\"\n :content=\"groupItem.name\"\n >\n <span class=\"dsh-ellipsis\">{{ groupItem.name }} </span>\n </Ctooltip>\n </span>\n <span>\n <span class=\"DshPanel-group-title-number\">\n {{ groupItem.total }}\n </span>\n 条\n </span>\n <span>(已加载{{ groupItem.list.length }}条)</span>\n </div>\n\n <!-- 组 数据列 -->\n <div\n class=\"DshPanel-group-list\"\n :style=\"{\n backgroundColor: $getColor(getBgColor(groupItem))\n }\"\n >\n <!-- 无数据 -->\n <div\n v-if=\"!groupItem.list.length\"\n class=\"dsh-tip\"\n style=\"position: absolute; top: 0px; left: 0px; width: 100%;\"\n >\n {{noDataText}}\n </div>\n\n <!-- 拖拽 -->\n <dsh-draggable\n v-model=\"groupItem.list\"\n group=\"panel\"\n animation=\"300\"\n class=\"list-drag\"\n :disabled=\"!dragOperationObj\"\n @update=\"$dshEmit(dragOperationObj, $event, groupItem, data.find(item => item._key === $event.from.id), { [groupField]: groupItem._key })\"\n @add=\"$dshEmit(dragOperationObj, $event, groupItem, data.find(item => item._key === $event.from.id), { [groupField]: groupItem._key })\"\n >\n <transition-group\n :id=\"groupItem._key\"\n class=\"list-drag-transition\"\n @scroll.native=\"groupScroll(groupItem, groupIndex, $event)\"\n >\n <div\n class=\"list-item\"\n v-for=\"(dataItem, dataIndex) in groupItem.list\"\n :key=\"dataItem._id\"\n :id=\"dataItem._id\"\n @click=\"clickRow(dataItem, dataIndex)\"\n >\n <!-- 下拉操作 -->\n <dsh-dropdown\n class=\"list-item-dropdown\"\n :dropdownObj=\"dropdownObj\"\n :list=\"operationList\"\n @click=\"$dshEmit($event, dataItem, dataIndex)\"\n @click.native.stop=\"0\"\n ></dsh-dropdown>\n\n <!-- 标题 -->\n <div class=\"list-item-title dsh-ellipsis\">{{ dataItem[titleField] }}</div>\n\n <!-- 显示字段 -->\n <div\n class=\"list-item-cols unit\"\n v-for=\"colItem in selfColumns\"\n :key=\"colItem._key\"\n >\n <!-- 左 label -->\n <Ctooltip\n class=\"unit-label\"\n placement=\"top\"\n :transfer=\"true\"\n maxWidth=\"200\"\n :content=\"colItem._name\"\n >\n <span class=\"dsh-ellipsis\">{{ colItem._name }}</span>\n </Ctooltip>\n <span class=\"unit-colon\">:</span>\n\n <!-- 右 val -->\n <div class=\"unit-value dsh-ellipsis\">\n <dsh-td-render\n v-if=\"colItem.render\"\n :row=\"dataItem\"\n :column=\"colItem\"\n :index=\"0\"\n :render=\"colItem.render\"\n ></dsh-td-render>\n\n <div\n v-else-if=\"colItem.formatter\"\n v-html=\"colItem.formatter(dataItem, 0)\"\n ></div>\n\n <span\n v-else\n class=\"unit-value-text\"\n >{{ dataItem[colItem._key] }}</span>\n </div>\n </div>\n </div>\n </transition-group>\n </dsh-draggable>\n <!-- 组 操作按钮(添加) -->\n <dsh-buttons\n class=\"DshPanel-group-list-btns\"\n :list=\"groupBtnOperationList\"\n @click=\"$dshEmit($event, { [groupField]: groupItem._key })\"\n ></dsh-buttons>\n </div>\n\n </div>\n </div>\n</template>\n\n<script>\n // 浅色转化为对应深色\n const colorMap = {\n \"#CDE6FF\": \"#6DAEF2\",\n \"#C1FCFF\": \"#40CBD2\",\n \"#C5FFD9\": \"#50C979\",\n \"#FFEDC8\": \"#FFC53B\",\n \"#FFDCAC\": \"#FF9300\",\n \"#FFD3B6\": \"#FA6400\",\n \"#EEB0FF\": \"#B620E0\",\n \"#D1B3FF\": \"#7E41DF\",\n \"#B1C7FF\": \"#25428D\",\n \"#DCDCDC\": \"#5D5D5D\"\n\n };\n export default {\n name: \"DshPanel\",\n props: {\n data: {\n type: Array,\n default () {\n return [];\n }\n },\n columns: {\n type: Array,\n default () {\n return [];\n }\n },\n propsObj: {\n type: Object,\n default () {\n return {\n titleField: \"\"\n };\n }\n },\n noDataText: {\n type: String,\n default: \"暂无数据...\"\n },\n\n operationList: {\n type: Array,\n default () {\n return [];\n }\n },\n extraOperationList: {\n type: Array,\n default () {\n return [];\n }\n }\n },\n data () {\n return {\n // 下拉菜单的配置\n dropdownObj: {\n icon: \"ios-more\",\n size: 22,\n color: \"#E9ECF4\",\n showDropdownItemIcon: false\n },\n\n getBgColor (groupItem) {\n return this.groupFieldObj._useColor\n ? (this.groupFieldObj._data.find(item => item._key === groupItem._key) || { color: \"#ccc\" }).color\n : \"#ccc\";\n },\n colorMap\n };\n },\n computed: {\n groupField () {\n return this.propsObj.groupField;\n },\n groupFieldObj () {\n return this.propsObj.groupFieldObj || {};\n },\n titleField () {\n return this.propsObj.titleField;\n },\n selfColumns () {\n return this.columns\n .filter(colItem => ![this.groupField, this.titleField].includes(colItem._key))\n .map(colItem => ({\n ...colItem,\n titleAlign: \"left\",\n columnAlign: \"left\"\n }))\n .slice(0, 1);\n },\n\n groupBtnOperationList () {\n return this.extraOperationList\n .filter(item => [\"canCreate\", \"canCustomCreate\"].includes(item.type) || item.type.includes(\"canCustomCreate\"))\n .map(item => ({\n ...item,\n long: true\n }));\n },\n dragOperationObj () {\n return this.extraOperationList.find(item => [\"canDrag\", \"canCustomDrag\"].includes(item.type) || item.type.includes(\"canCustomDrag\"));\n }\n },\n created () {},\n mounted () {\n this.initGroupScroll();\n },\n methods: {\n // 初始化是否滚动加载\n initGroupScroll () {\n const groupDoms = this.$el.querySelectorAll(\".list-drag-transition\");\n const groupDomsArr = Array.prototype.slice.call(groupDoms);\n groupDomsArr.forEach((groupElement, groupIndex) => {\n const groupItem = this.data[groupIndex];\n\n this.groupLoad(groupItem, groupElement);\n groupElement.addEventListener(\"DOMSubtreeModified\", (ele) => {\n this.groupLoad(groupItem, groupElement);\n }, false);\n });\n },\n // 分组滚动条滚动\n groupScroll (groupItem, groupIndex, e) {\n const groupElement = e.srcElement;\n\n this.$emit(\"groupScroll\", groupItem, e);\n this.groupLoad(groupItem, groupElement);\n },\n // 判断是否要滚动加载\n groupLoad (groupItem, groupElement) {\n if (\n groupItem.loading !== true &&\n groupItem.finished !== true &&\n groupElement.children.length === groupItem.list.length &&\n groupElement.clientHeight + groupElement.scrollTop > groupElement.scrollHeight - 20\n ) {\n this.$emit(\"groupLoad\", groupItem, groupElement);\n }\n },\n\n // 点击某行\n clickRow (row) {\n this.$emit(\"clickRow\", row);\n }\n },\n watch: {\n data () {\n this.initGroupScroll();\n }\n }\n };\n</script>\n\n<style lang=\"less\" scoped>\n .DshPanel {\n min-width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n\n &-group {\n width: 300px;\n min-width: 300px;\n max-width: 300px;\n height: 100%;\n padding: 10px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n\n &-title {\n width: 100%;\n height: 50px;\n padding: 15px 10px;\n display: flex;\n border-radius: 10px 10px 0px 0px;\n font-size: 14px;\n &-name {\n max-width: 120px;\n }\n &-number {\n font-weight: bold;\n }\n }\n\n &-list {\n width: 100%;\n flex: 1;\n min-height: 0px;\n border: 1px dashed #cccccc;\n padding: 10px 10px 40px;\n border-top: none;\n position: relative;\n\n .list-drag {\n width: 100%;\n height: 100%;\n &-transition {\n display: block;\n width: 100%;\n height: 100%;\n overflow: auto;\n }\n }\n .list-item {\n margin-bottom: 10px;\n height: 60px;\n background: #FFFFFF;\n border: 1px solid rgba(102, 110, 126, 0.1);\n border-radius: 4px;\n cursor: pointer;\n position: relative;\n padding: 10px 17px;\n\n &-dropdown {\n position: absolute;\n top: 5px;\n right: 5px;\n }\n\n &-title {\n width: calc(100% - 22px);\n font-size: 14px;\n font-family: Source Han Sans CN;\n font-weight: 500;\n color: #515A6E;\n margin-bottom: 2px;\n }\n\n &-cols {\n }\n .unit {\n display: flex;\n flex-direction: row;\n color: #515A6E;\n &-label {\n max-width: 60px;\n }\n &-colon {\n\n }\n &-value {\n flex: 1;\n }\n }\n }\n &-btns {\n width: 100%;\n text-align: center;\n height: 33px;\n }\n }\n\n }\n }\n</style>\n<style lang=\"less\">\n .DshPanel {\n &-group-list-btns {\n .ivu-btn {\n background: transparent;\n }\n }\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/list/DshBox/DshPanel.vue","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-17d88be3\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./DshPanel.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"5b888ace\", content, true, {});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-17d88be3\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/list/DshBox/DshPanel.vue\n// module id = 564\n// module chunks = 4","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.DshPanel[data-v-17d88be3] {\\n min-width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n}\\n.DshPanel-group[data-v-17d88be3] {\\n width: 300px;\\n min-width: 300px;\\n max-width: 300px;\\n height: 100%;\\n padding: 10px;\\n overflow: hidden;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n}\\n.DshPanel-group-title[data-v-17d88be3] {\\n width: 100%;\\n height: 50px;\\n padding: 15px 10px;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n border-radius: 10px 10px 0px 0px;\\n font-size: 14px;\\n}\\n.DshPanel-group-title-name[data-v-17d88be3] {\\n max-width: 120px;\\n}\\n.DshPanel-group-title-number[data-v-17d88be3] {\\n font-weight: bold;\\n}\\n.DshPanel-group-list[data-v-17d88be3] {\\n width: 100%;\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n min-height: 0px;\\n border: 1px dashed #cccccc;\\n padding: 10px 10px 40px;\\n border-top: none;\\n position: relative;\\n}\\n.DshPanel-group-list .list-drag[data-v-17d88be3] {\\n width: 100%;\\n height: 100%;\\n}\\n.DshPanel-group-list .list-drag-transition[data-v-17d88be3] {\\n display: block;\\n width: 100%;\\n height: 100%;\\n overflow: auto;\\n}\\n.DshPanel-group-list .list-item[data-v-17d88be3] {\\n margin-bottom: 10px;\\n height: 60px;\\n background: #FFFFFF;\\n border: 1px solid rgba(102, 110, 126, 0.1);\\n border-radius: 4px;\\n cursor: pointer;\\n position: relative;\\n padding: 10px 17px;\\n}\\n.DshPanel-group-list .list-item-dropdown[data-v-17d88be3] {\\n position: absolute;\\n top: 5px;\\n right: 5px;\\n}\\n.DshPanel-group-list .list-item-title[data-v-17d88be3] {\\n width: calc(100% - 22px);\\n font-size: 14px;\\n font-family: Source Han Sans CN;\\n font-weight: 500;\\n color: #515A6E;\\n margin-bottom: 2px;\\n}\\n.DshPanel-group-list .list-item .unit[data-v-17d88be3] {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n color: #515A6E;\\n}\\n.DshPanel-group-list .list-item .unit-label[data-v-17d88be3] {\\n max-width: 60px;\\n}\\n.DshPanel-group-list .list-item .unit-value[data-v-17d88be3] {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n}\\n.DshPanel-group-list-btns[data-v-17d88be3] {\\n width: 100%;\\n text-align: center;\\n height: 33px;\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/Users/luchun/Documents/bri-packages/bri-components/src/components/list/DshBox/DshPanel.vue\"],\"names\":[],\"mappings\":\";AACA;EACE,gBAAgB;EAChB,aAAa;EACb,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,+BAA+B;EAC/B,8BAA8B;MAC1B,wBAAwB;UACpB,oBAAoB;CAC7B;AACD;EACE,aAAa;EACb,iBAAiB;EACjB,iBAAiB;EACjB,aAAa;EACb,cAAc;EACd,iBAAiB;EACjB,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,6BAA6B;EAC7B,8BAA8B;MAC1B,2BAA2B;UACvB,uBAAuB;CAChC;AACD;EACE,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,iCAAiC;EACjC,gBAAgB;CACjB;AACD;EACE,iBAAiB;CAClB;AACD;EACE,kBAAkB;CACnB;AACD;EACE,YAAY;EACZ,oBAAoB;MAChB,YAAY;UACR,QAAQ;EAChB,gBAAgB;EAChB,2BAA2B;EAC3B,wBAAwB;EACxB,iBAAiB;EACjB,mBAAmB;CACpB;AACD;EACE,YAAY;EACZ,aAAa;CACd;AACD;EACE,eAAe;EACf,YAAY;EACZ,aAAa;EACb,eAAe;CAChB;AACD;EACE,oBAAoB;EACpB,aAAa;EACb,oBAAoB;EACpB,2CAA2C;EAC3C,mBAAmB;EACnB,gBAAgB;EAChB,mBAAmB;EACnB,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,SAAS;EACT,WAAW;CACZ;AACD;EACE,yBAAyB;EACzB,gBAAgB;EAChB,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;EACf,mBAAmB;CACpB;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,+BAA+B;EAC/B,8BAA8B;MAC1B,wBAAwB;UACpB,oBAAoB;EAC5B,eAAe;CAChB;AACD;EACE,gBAAgB;CACjB;AACD;EACE,oBAAoB;MAChB,YAAY;UACR,QAAQ;CACjB;AACD;EACE,YAAY;EACZ,mBAAmB;EACnB,aAAa;CACd\",\"file\":\"DshPanel.vue\",\"sourcesContent\":[\"\\n.DshPanel[data-v-17d88be3] {\\n min-width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n}\\n.DshPanel-group[data-v-17d88be3] {\\n width: 300px;\\n min-width: 300px;\\n max-width: 300px;\\n height: 100%;\\n padding: 10px;\\n overflow: hidden;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n}\\n.DshPanel-group-title[data-v-17d88be3] {\\n width: 100%;\\n height: 50px;\\n padding: 15px 10px;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n border-radius: 10px 10px 0px 0px;\\n font-size: 14px;\\n}\\n.DshPanel-group-title-name[data-v-17d88be3] {\\n max-width: 120px;\\n}\\n.DshPanel-group-title-number[data-v-17d88be3] {\\n font-weight: bold;\\n}\\n.DshPanel-group-list[data-v-17d88be3] {\\n width: 100%;\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n min-height: 0px;\\n border: 1px dashed #cccccc;\\n padding: 10px 10px 40px;\\n border-top: none;\\n position: relative;\\n}\\n.DshPanel-group-list .list-drag[data-v-17d88be3] {\\n width: 100%;\\n height: 100%;\\n}\\n.DshPanel-group-list .list-drag-transition[data-v-17d88be3] {\\n display: block;\\n width: 100%;\\n height: 100%;\\n overflow: auto;\\n}\\n.DshPanel-group-list .list-item[data-v-17d88be3] {\\n margin-bottom: 10px;\\n height: 60px;\\n background: #FFFFFF;\\n border: 1px solid rgba(102, 110, 126, 0.1);\\n border-radius: 4px;\\n cursor: pointer;\\n position: relative;\\n padding: 10px 17px;\\n}\\n.DshPanel-group-list .list-item-dropdown[data-v-17d88be3] {\\n position: absolute;\\n top: 5px;\\n right: 5px;\\n}\\n.DshPanel-group-list .list-item-title[data-v-17d88be3] {\\n width: calc(100% - 22px);\\n font-size: 14px;\\n font-family: Source Han Sans CN;\\n font-weight: 500;\\n color: #515A6E;\\n margin-bottom: 2px;\\n}\\n.DshPanel-group-list .list-item .unit[data-v-17d88be3] {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n color: #515A6E;\\n}\\n.DshPanel-group-list .list-item .unit-label[data-v-17d88be3] {\\n max-width: 60px;\\n}\\n.DshPanel-group-list .list-item .unit-value[data-v-17d88be3] {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n}\\n.DshPanel-group-list-btns[data-v-17d88be3] {\\n width: 100%;\\n text-align: center;\\n height: 33px;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-17d88be3\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/list/DshBox/DshPanel.vue\n// module id = 565\n// module chunks = 4","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-17d88be3\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=1!./DshPanel.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"07c452a4\", content, true, {});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-17d88be3\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=1!./src/components/list/DshBox/DshPanel.vue\n// module id = 566\n// module chunks = 4","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.DshPanel-group-list-btns .ivu-btn {\\n background: transparent;\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/Users/luchun/Documents/bri-packages/bri-components/src/components/list/DshBox/DshPanel.vue\"],\"names\":[],\"mappings\":\";AACA;EACE,wBAAwB;CACzB\",\"file\":\"DshPanel.vue\",\"sourcesContent\":[\"\\n.DshPanel-group-list-btns .ivu-btn {\\n background: transparent;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-17d88be3\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=1!./src/components/list/DshBox/DshPanel.vue\n// module id = 567\n// module chunks = 4","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"DshPanel\"},_vm._l((_vm.data),function(groupItem,groupIndex){return _c('div',{key:groupIndex,staticClass:\"DshPanel-group\"},[_c('div',{staticClass:\"DshPanel-group-title\",style:({\n backgroundColor: _vm.getBgColor(groupItem),\n color: _vm.colorMap[_vm.getBgColor(groupItem)] || '#fff'\n })},[_c('span',{staticClass:\"DshPanel-group-title-name\"},[_c('Ctooltip',{staticClass:\"unit-label\",attrs:{\"placement\":\"top\",\"transfer\":true,\"content\":groupItem.name}},[_c('span',{staticClass:\"dsh-ellipsis\"},[_vm._v(_vm._s(groupItem.name)+\" \")])])],1),_vm._v(\" \"),_c('span',[_c('span',{staticClass:\"DshPanel-group-title-number\"},[_vm._v(\"\\n \"+_vm._s(groupItem.total)+\"\\n \")]),_vm._v(\"\\n 条\\n \")]),_vm._v(\" \"),_c('span',[_vm._v(\"(已加载\"+_vm._s(groupItem.list.length)+\"条)\")])]),_vm._v(\" \"),_c('div',{staticClass:\"DshPanel-group-list\",style:({\n backgroundColor: _vm.$getColor(_vm.getBgColor(groupItem))\n })},[(!groupItem.list.length)?_c('div',{staticClass:\"dsh-tip\",staticStyle:{\"position\":\"absolute\",\"top\":\"0px\",\"left\":\"0px\",\"width\":\"100%\"}},[_vm._v(\"\\n \"+_vm._s(_vm.noDataText)+\"\\n \")]):_vm._e(),_vm._v(\" \"),_c('dsh-draggable',{staticClass:\"list-drag\",attrs:{\"group\":\"panel\",\"animation\":\"300\",\"disabled\":!_vm.dragOperationObj},on:{\"update\":function($event){\n var _obj;\n_vm.$dshEmit(_vm.dragOperationObj, $event, groupItem, _vm.data.find(function (item) { return item._key === $event.from.id; }), ( _obj = {}, _obj[_vm.groupField] = groupItem._key, _obj ))},\"add\":function($event){\n var _obj;\n_vm.$dshEmit(_vm.dragOperationObj, $event, groupItem, _vm.data.find(function (item) { return item._key === $event.from.id; }), ( _obj = {}, _obj[_vm.groupField] = groupItem._key, _obj ))}},model:{value:(groupItem.list),callback:function ($$v) {_vm.$set(groupItem, \"list\", $$v)},expression:\"groupItem.list\"}},[_c('transition-group',{staticClass:\"list-drag-transition\",attrs:{\"id\":groupItem._key},nativeOn:{\"scroll\":function($event){return _vm.groupScroll(groupItem, groupIndex, $event)}}},_vm._l((groupItem.list),function(dataItem,dataIndex){return _c('div',{key:dataItem._id,staticClass:\"list-item\",attrs:{\"id\":dataItem._id},on:{\"click\":function($event){return _vm.clickRow(dataItem, dataIndex)}}},[_c('dsh-dropdown',{staticClass:\"list-item-dropdown\",attrs:{\"dropdownObj\":_vm.dropdownObj,\"list\":_vm.operationList},on:{\"click\":function($event){return _vm.$dshEmit($event, dataItem, dataIndex)}},nativeOn:{\"click\":function($event){$event.stopPropagation();0}}}),_vm._v(\" \"),_c('div',{staticClass:\"list-item-title dsh-ellipsis\"},[_vm._v(_vm._s(dataItem[_vm.titleField]))]),_vm._v(\" \"),_vm._l((_vm.selfColumns),function(colItem){return _c('div',{key:colItem._key,staticClass:\"list-item-cols unit\"},[_c('Ctooltip',{staticClass:\"unit-label\",attrs:{\"placement\":\"top\",\"transfer\":true,\"maxWidth\":\"200\",\"content\":colItem._name}},[_c('span',{staticClass:\"dsh-ellipsis\"},[_vm._v(_vm._s(colItem._name))])]),_vm._v(\" \"),_c('span',{staticClass:\"unit-colon\"},[_vm._v(\":\")]),_vm._v(\" \"),_c('div',{staticClass:\"unit-value dsh-ellipsis\"},[(colItem.render)?_c('dsh-td-render',{attrs:{\"row\":dataItem,\"column\":colItem,\"index\":0,\"render\":colItem.render}}):(colItem.formatter)?_c('div',{domProps:{\"innerHTML\":_vm._s(colItem.formatter(dataItem, 0))}}):_c('span',{staticClass:\"unit-value-text\"},[_vm._v(_vm._s(dataItem[colItem._key]))])],1)],1)})],2)}),0)],1),_vm._v(\" \"),_c('dsh-buttons',{staticClass:\"DshPanel-group-list-btns\",attrs:{\"list\":_vm.groupBtnOperationList},on:{\"click\":function($event){\n var _obj;\nreturn _vm.$dshEmit($event, ( _obj = {}, _obj[_vm.groupField] = groupItem._key, _obj ))}}})],1)])}),0)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-17d88be3\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/list/DshBox/DshPanel.vue\n// module id = 568\n// module chunks = 4"],"sourceRoot":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack:///./src/components/list/DshBox/DshCard.vue","webpack:///src/components/list/DshBox/DshCard.vue","webpack:///./src/components/list/DshBox/DshCard.vue?25fc","webpack:///./src/components/list/DshBox/DshCard.vue?ba4e","webpack:///./src/components/list/DshBox/DshCard.vue?880a","webpack:///./src/components/list/DshBox/DshCard.vue?f478","webpack:///./src/components/list/DshBox/DshCard.vue?8ec0"],"names":["Object","defineProperty","__webpack_exports__","value","__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DshCard_vue__","__webpack_require__","__WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1b0c08d6_hasScoped_true_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DshCard_vue__","__vue_styles__","ssrContext","Component","normalizeComponent","name","props","data","type","Array","default","columns","propsObj","operationList","noDataText","String","dropdownObj","icon","size","color","showDropdownItemIcon","defaultImgObj","url","this","$imageSrcMap","app","projectCard","getCardBgImgSrc","dataItem","imageField","find","fileItem","mimetype","includes","computed","selfColumns","slice","created","methods","clickRow","row","$emit","content","module","i","locals","exports","push","version","sources","names","mappings","file","sourcesContent","sourceRoot","esExports","render","_vm","_h","$createElement","_c","_self","staticClass","length","_l","dataIndex","key","on","click","$event","attrs","list","$dshEmit","nativeOn","stopPropagation","_v","src","alt","placement","transfer","titleField","_s","colItem","_key","maxWidth","_name","column","index","domProps","innerHTML","formatter","staticRenderFns"],"mappings":"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","file":"5.bri-components.min.js","sourcesContent":["function injectStyle (ssrContext) {\n require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-1b0c08d6\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./DshCard.vue\")\n require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-1b0c08d6\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./DshCard.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./DshCard.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./DshCard.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-1b0c08d6\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./DshCard.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-1b0c08d6\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/list/DshBox/DshCard.vue\n// module id = 535\n// module chunks = 5","<template>\n <div class=\"DshCard\">\n <!-- 无数据 -->\n <div v-if=\"!data.length\" class=\"dsh-tip\">{{noDataText}}</div>\n\n <!-- 有数据 -->\n <template v-else>\n <div\n class=\"DshCard-item\"\n v-for=\"(dataItem, dataIndex) in data\"\n :key=\"dataIndex\"\n @click=\"clickRow(dataItem)\"\n >\n <!-- 下拉操作(定位css) -->\n <dsh-dropdown\n class=\"DshCard-item-dropdown\"\n :dropdownObj=\"dropdownObj\"\n :list=\"operationList\"\n @click=\"$dshEmit($event, dataItem, dataIndex)\"\n @click.native.stop=\"0\"\n ></dsh-dropdown>\n\n <!-- 背景图 -->\n <div\n class=\"DshCard-item-image\"\n >\n <img :src=\"getCardBgImgSrc(dataItem)\" alt=\"\">\n </div>\n\n <!-- 内容 -->\n <div class=\"DshCard-item-info\">\n <!-- 标题 -->\n <div class=\"DshCard-item-info-title dsh-ellipsis\">\n <Ctooltip\n placement=\"top\"\n :transfer=\"true\"\n :content=\"dataItem[propsObj.titleField]\"\n >\n <div class=\"dsh-ellipsis\">{{ dataItem[propsObj.titleField] }}</div>\n </Ctooltip>\n </div>\n\n <!-- 显示字段 -->\n <div\n class=\"DshCard-item-info-col unit\"\n v-for=\"colItem in selfColumns\"\n :key=\"colItem._key\"\n >\n <!-- 左 label -->\n <Ctooltip\n class=\"unit-label\"\n placement=\"top\"\n :transfer=\"true\"\n maxWidth=\"200\"\n :content=\"colItem._name\"\n >\n <span class=\"dsh-ellipsis\">{{ colItem._name }}</span>\n </Ctooltip>\n <span class=\"unit-colon\">:</span>\n\n <!-- 右 val -->\n <div class=\"unit-value dsh-ellipsis\">\n <dsh-td-render\n v-if=\"colItem.render\"\n :row=\"dataItem\"\n :column=\"colItem\"\n :index=\"0\"\n :render=\"colItem.render\"\n ></dsh-td-render>\n\n <div\n v-else-if=\"colItem.formatter\"\n v-html=\"colItem.formatter(dataItem, 0)\"\n ></div>\n\n <span v-else class=\"unit-value-text\">{{ dataItem[colItem._key] }}</span>\n </div>\n </div>\n </div>\n </div>\n </template>\n </div>\n</template>\n\n<script>\n export default {\n name: \"DshCard\",\n props: {\n data: {\n type: Array,\n default () {\n return [];\n }\n },\n columns: {\n type: Array,\n default () {\n return [];\n }\n },\n\n propsObj: {\n type: Object,\n default () {\n return {};\n }\n },\n operationList: {\n type: Array,\n default () {\n return [];\n }\n },\n noDataText: {\n type: String,\n default: \"暂无数据...\"\n }\n },\n data () {\n return {\n // 下拉菜单的配置\n dropdownObj: {\n icon: \"ios-more\",\n size: 22,\n color: \"#E9ECF4\",\n showDropdownItemIcon: false\n },\n defaultImgObj: {\n url: this.$imageSrcMap.app.projectCard\n },\n\n getCardBgImgSrc (dataItem) {\n const fileList = dataItem[this.propsObj.imageField] || [];\n const imgObj = fileList.find(fileItem => fileItem.mimetype.includes(\"image\")) || this.defaultImgObj;\n return imgObj.url;\n }\n };\n },\n computed: {\n selfColumns () {\n return this.columns.slice(0, 2);\n }\n },\n created () {\n },\n methods: {\n // 点击某行\n clickRow (row) {\n this.$emit(\"clickRow\", row);\n }\n }\n };\n</script>\n\n<style lang=\"less\" scoped>\n .DshCard {\n display: flex;\n flex-wrap: wrap;\n background-color: #ffffff;\n padding: 0 40px;\n &-item {\n width: 250px;\n height: 210px;\n box-sizing: border-box;\n margin: 10px 16px 30px;\n border-radius: 6px;\n overflow: hidden;\n box-shadow: 0px 4px 8px 0px rgba(222, 222, 222, 0.75);\n cursor: pointer;\n display: flex;\n flex-direction: column;\n position: relative;\n\n &-dropdown {\n position: absolute;\n top: 5px;\n right: 5px;\n }\n &-image {\n padding-top: 20px;\n height: 122px;\n }\n &-info {\n flex: 1;\n padding: 8px 15px;\n overflow: hidden;\n background: #F7FBFF;\n &-title {\n font-size: 14px;\n font-weight: 600;\n }\n &-col {\n height: 24px;\n }\n\n .unit {\n display: flex;\n flex-direction: row;\n &-label {\n max-width: 60px;\n font-weight: 400;\n color: #515A6E;\n }\n &-colon {\n\n }\n &-value {\n flex: 1;\n }\n }\n }\n }\n }\n</style>\n<style lang=\"less\">\n .DshCard {\n\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/list/DshBox/DshCard.vue","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-1b0c08d6\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./DshCard.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"61cc14c4\", content, true, {});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-1b0c08d6\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/list/DshBox/DshCard.vue\n// module id = 547\n// module chunks = 5","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.DshCard[data-v-1b0c08d6] {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n background-color: #ffffff;\\n padding: 0 40px;\\n}\\n.DshCard-item[data-v-1b0c08d6] {\\n width: 250px;\\n height: 210px;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box;\\n margin: 10px 16px 30px;\\n border-radius: 6px;\\n overflow: hidden;\\n -webkit-box-shadow: 0px 4px 8px 0px rgba(222, 222, 222, 0.75);\\n box-shadow: 0px 4px 8px 0px rgba(222, 222, 222, 0.75);\\n cursor: pointer;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n position: relative;\\n}\\n.DshCard-item-dropdown[data-v-1b0c08d6] {\\n position: absolute;\\n top: 5px;\\n right: 5px;\\n}\\n.DshCard-item-image[data-v-1b0c08d6] {\\n padding-top: 20px;\\n height: 122px;\\n}\\n.DshCard-item-info[data-v-1b0c08d6] {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n padding: 8px 15px;\\n overflow: hidden;\\n background: #F7FBFF;\\n}\\n.DshCard-item-info-title[data-v-1b0c08d6] {\\n font-size: 14px;\\n font-weight: 600;\\n}\\n.DshCard-item-info-col[data-v-1b0c08d6] {\\n height: 24px;\\n}\\n.DshCard-item-info .unit[data-v-1b0c08d6] {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n}\\n.DshCard-item-info .unit-label[data-v-1b0c08d6] {\\n max-width: 60px;\\n font-weight: 400;\\n color: #515A6E;\\n}\\n.DshCard-item-info .unit-value[data-v-1b0c08d6] {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/Users/luchun/Documents/bri-packages/bri-components/src/components/list/DshBox/DshCard.vue\"],\"names\":[],\"mappings\":\";AACA;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,oBAAoB;MAChB,gBAAgB;EACpB,0BAA0B;EAC1B,gBAAgB;CACjB;AACD;EACE,aAAa;EACb,cAAc;EACd,+BAA+B;UACvB,uBAAuB;EAC/B,uBAAuB;EACvB,mBAAmB;EACnB,iBAAiB;EACjB,8DAA8D;UACtD,sDAAsD;EAC9D,gBAAgB;EAChB,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,6BAA6B;EAC7B,8BAA8B;MAC1B,2BAA2B;UACvB,uBAAuB;EAC/B,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,SAAS;EACT,WAAW;CACZ;AACD;EACE,kBAAkB;EAClB,cAAc;CACf;AACD;EACE,oBAAoB;MAChB,YAAY;UACR,QAAQ;EAChB,kBAAkB;EAClB,iBAAiB;EACjB,oBAAoB;CACrB;AACD;EACE,gBAAgB;EAChB,iBAAiB;CAClB;AACD;EACE,aAAa;CACd;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,+BAA+B;EAC/B,8BAA8B;MAC1B,wBAAwB;UACpB,oBAAoB;CAC7B;AACD;EACE,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,oBAAoB;MAChB,YAAY;UACR,QAAQ;CACjB\",\"file\":\"DshCard.vue\",\"sourcesContent\":[\"\\n.DshCard[data-v-1b0c08d6] {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n background-color: #ffffff;\\n padding: 0 40px;\\n}\\n.DshCard-item[data-v-1b0c08d6] {\\n width: 250px;\\n height: 210px;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box;\\n margin: 10px 16px 30px;\\n border-radius: 6px;\\n overflow: hidden;\\n -webkit-box-shadow: 0px 4px 8px 0px rgba(222, 222, 222, 0.75);\\n box-shadow: 0px 4px 8px 0px rgba(222, 222, 222, 0.75);\\n cursor: pointer;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n position: relative;\\n}\\n.DshCard-item-dropdown[data-v-1b0c08d6] {\\n position: absolute;\\n top: 5px;\\n right: 5px;\\n}\\n.DshCard-item-image[data-v-1b0c08d6] {\\n padding-top: 20px;\\n height: 122px;\\n}\\n.DshCard-item-info[data-v-1b0c08d6] {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n padding: 8px 15px;\\n overflow: hidden;\\n background: #F7FBFF;\\n}\\n.DshCard-item-info-title[data-v-1b0c08d6] {\\n font-size: 14px;\\n font-weight: 600;\\n}\\n.DshCard-item-info-col[data-v-1b0c08d6] {\\n height: 24px;\\n}\\n.DshCard-item-info .unit[data-v-1b0c08d6] {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: horizontal;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: row;\\n flex-direction: row;\\n}\\n.DshCard-item-info .unit-label[data-v-1b0c08d6] {\\n max-width: 60px;\\n font-weight: 400;\\n color: #515A6E;\\n}\\n.DshCard-item-info .unit-value[data-v-1b0c08d6] {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-1b0c08d6\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/list/DshBox/DshCard.vue\n// module id = 548\n// module chunks = 5","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-1b0c08d6\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=1!./DshCard.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"54ccbafc\", content, true, {});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-1b0c08d6\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=1!./src/components/list/DshBox/DshCard.vue\n// module id = 549\n// module chunks = 5","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\", \"\", {\"version\":3,\"sources\":[],\"names\":[],\"mappings\":\"\",\"file\":\"DshCard.vue\",\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-1b0c08d6\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=1!./src/components/list/DshBox/DshCard.vue\n// module id = 550\n// module chunks = 5","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"DshCard\"},[(!_vm.data.length)?_c('div',{staticClass:\"dsh-tip\"},[_vm._v(_vm._s(_vm.noDataText))]):_vm._l((_vm.data),function(dataItem,dataIndex){return _c('div',{key:dataIndex,staticClass:\"DshCard-item\",on:{\"click\":function($event){return _vm.clickRow(dataItem)}}},[_c('dsh-dropdown',{staticClass:\"DshCard-item-dropdown\",attrs:{\"dropdownObj\":_vm.dropdownObj,\"list\":_vm.operationList},on:{\"click\":function($event){return _vm.$dshEmit($event, dataItem, dataIndex)}},nativeOn:{\"click\":function($event){$event.stopPropagation();0}}}),_vm._v(\" \"),_c('div',{staticClass:\"DshCard-item-image\"},[_c('img',{attrs:{\"src\":_vm.getCardBgImgSrc(dataItem),\"alt\":\"\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"DshCard-item-info\"},[_c('div',{staticClass:\"DshCard-item-info-title dsh-ellipsis\"},[_c('Ctooltip',{attrs:{\"placement\":\"top\",\"transfer\":true,\"content\":dataItem[_vm.propsObj.titleField]}},[_c('div',{staticClass:\"dsh-ellipsis\"},[_vm._v(_vm._s(dataItem[_vm.propsObj.titleField]))])])],1),_vm._v(\" \"),_vm._l((_vm.selfColumns),function(colItem){return _c('div',{key:colItem._key,staticClass:\"DshCard-item-info-col unit\"},[_c('Ctooltip',{staticClass:\"unit-label\",attrs:{\"placement\":\"top\",\"transfer\":true,\"maxWidth\":\"200\",\"content\":colItem._name}},[_c('span',{staticClass:\"dsh-ellipsis\"},[_vm._v(_vm._s(colItem._name))])]),_vm._v(\" \"),_c('span',{staticClass:\"unit-colon\"},[_vm._v(\":\")]),_vm._v(\" \"),_c('div',{staticClass:\"unit-value dsh-ellipsis\"},[(colItem.render)?_c('dsh-td-render',{attrs:{\"row\":dataItem,\"column\":colItem,\"index\":0,\"render\":colItem.render}}):(colItem.formatter)?_c('div',{domProps:{\"innerHTML\":_vm._s(colItem.formatter(dataItem, 0))}}):_c('span',{staticClass:\"unit-value-text\"},[_vm._v(_vm._s(dataItem[colItem._key]))])],1)],1)})],2)],1)})],2)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-1b0c08d6\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/list/DshBox/DshCard.vue\n// module id = 551\n// module chunks = 5"],"sourceRoot":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack:///./src/components/list/DshBox/DshSingleData.vue","webpack:///src/components/list/DshBox/DshSingleData.vue","webpack:///./src/components/list/DshBox/DshSingleData.vue?c052"],"names":["Object","defineProperty","__webpack_exports__","value","__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DshSingleData_vue__","__webpack_require__","__WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_70768b0e_hasScoped_false_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DshSingleData_vue__","Component","normalizeComponent","name","components","props","data","type","Array","default","columns","propsObj","operationList","extraOperationList","computed","formData","this","undefined","btnList","filter","btnItem","canEdit","created","methods","esExports","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","formList","src","$imageSrcMap","app","nodata","_v","length","list","on","click","$event","$dshEmit","_e","staticRenderFns"],"mappings":"iEAAAA,OAAAC,eAAAC,EAAA,cAAAC,OAAA,QAAAC,EAAAC,EAAA,KAAAC,EAAAD,EAAA,KAcAE,EAdyBF,EAAQ,EAcjCG,CACEJ,EAAA,EACAE,EAAA,GATF,EAEA,KAEA,KAEA,MAUeJ,EAAA,QAAAK,EAAiB,0CCOhCL,EAAA,GACAO,KAAA,gBACAC,cACAC,OACAC,MACAC,KAAAC,MACAC,QAFA,WAGA,WAGAC,SACAH,KAAAC,MACAC,QAFA,WAGA,WAGAE,UACAJ,KAAAb,OACAe,QAFA,WAGA,WAGAG,eACAL,KAAAC,MACAC,QAFA,WAGA,WAGAI,oBACAN,KAAAC,MACAC,QAFA,WAGA,YAIAK,UACAC,SADA,WAEA,OAAAC,KAAAV,KAAA,SAAAW,GAEAC,QAJA,WAKA,OAAAF,KAAAJ,cAAAO,OAAA,SAAAC,GAAA,kBAAAA,EAAAb,SAGAD,KA3CA,WA4CA,OACAe,SAAA,IAGAC,QAhDA,aAiDAC,8CC/EA,IAEAC,GAAiBC,OAFjB,WAA0B,IAAAC,EAAAV,KAAaW,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,kBAA4BL,EAAA,SAAAG,EAAA,YAAgCE,YAAA,qBAAAC,OAAwCX,QAAAK,EAAAL,QAAAN,SAAAW,EAAAX,SAAAkB,SAAAP,EAAAhB,WAAsEmB,EAAA,OAAYE,YAAA,yBAAmCF,EAAA,OAAYG,OAAOE,IAAAR,EAAAS,aAAAC,IAAAC,YAAmCX,EAAAY,GAAA,KAAAZ,EAAAR,QAAAqB,QAAAb,EAAAX,SAAAc,EAAA,eAAuEE,YAAA,uBAAAC,OAA0CQ,KAAAd,EAAAR,SAAmBuB,IAAKC,MAAA,SAAAC,GAAyB,OAAAjB,EAAAkB,SAAAD,EAAAjB,EAAAX,cAA4CW,EAAAmB,MAAA,IAEtjBC,oBACFlD,EAAA","file":"6.bri-components.min.js","sourcesContent":["var normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./DshSingleData.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./DshSingleData.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-70768b0e\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./DshSingleData.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/list/DshBox/DshSingleData.vue\n// module id = 538\n// module chunks = 6","<template>\n <div class=\"DshSingleData\">\n <dsh-form\n v-if=\"formData\"\n class=\"DshSingleData-form\"\n :canEdit=\"canEdit\"\n :formData=\"formData\"\n :formList=\"columns\"\n ></dsh-form>\n\n <!-- 暂无数据 -->\n <div\n v-else\n class=\"DshSingleData-nodata\"\n >\n <img :src=\"$imageSrcMap.app.nodata\" />\n </div>\n\n <!-- 底部编辑按钮 -->\n <dsh-buttons\n v-if=\"btnList.length && formData\"\n class=\"DshSingleData-footer\"\n :list=\"btnList\"\n @click=\"$dshEmit($event, formData)\"\n ></dsh-buttons>\n </div>\n</template>\n\n<script>\n\n export default {\n name: \"DshSingleData\",\n components: {},\n props: {\n data: {\n type: Array,\n default () {\n return [];\n }\n },\n columns: {\n type: Array,\n default () {\n return [];\n }\n },\n propsObj: {\n type: Object,\n default () {\n return {};\n }\n },\n operationList: {\n type: Array,\n default () {\n return [];\n }\n },\n extraOperationList: {\n type: Array,\n default () {\n return [];\n }\n }\n },\n computed: {\n formData () {\n return this.data[0] || undefined;\n },\n btnList () {\n return this.operationList.filter(btnItem => btnItem.type !== \"canShow\");\n }\n },\n data () {\n return {\n canEdit: false\n };\n },\n created () {},\n methods: {}\n };\n</script>\n\n\n\n// WEBPACK FOOTER //\n// src/components/list/DshBox/DshSingleData.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"DshSingleData\"},[(_vm.formData)?_c('dsh-form',{staticClass:\"DshSingleData-form\",attrs:{\"canEdit\":_vm.canEdit,\"formData\":_vm.formData,\"formList\":_vm.columns}}):_c('div',{staticClass:\"DshSingleData-nodata\"},[_c('img',{attrs:{\"src\":_vm.$imageSrcMap.app.nodata}})]),_vm._v(\" \"),(_vm.btnList.length && _vm.formData)?_c('dsh-buttons',{staticClass:\"DshSingleData-footer\",attrs:{\"list\":_vm.btnList},on:{\"click\":function($event){return _vm.$dshEmit($event, _vm.formData)}}}):_vm._e()],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-70768b0e\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/list/DshBox/DshSingleData.vue\n// module id = 569\n// module chunks = 6"],"sourceRoot":""}
|
|
Binary file
|