cms-chenhj-ui 2.0.37 → 2.0.38
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/cms-chenhj-ui.common.js +642 -640
- package/cms-chenhj-ui.common.js.map +1 -1
- package/cms-chenhj-ui.css +1 -1
- package/cms-chenhj-ui.umd.js +608 -606
- package/cms-chenhj-ui.umd.js.map +1 -1
- package/cms-chenhj-ui.umd.min.js +2 -2
- package/cms-chenhj-ui.umd.min.js.map +1 -1
- package/package.json +1 -1
package/cms-chenhj-ui.common.js
CHANGED
|
@@ -10655,13 +10655,13 @@ var map = {
|
|
|
10655
10655
|
"./cms-image": 8886,
|
|
10656
10656
|
"./cms-image-group": 6940,
|
|
10657
10657
|
"./cms-image-group/": 6940,
|
|
10658
|
-
"./cms-image-group/View":
|
|
10659
|
-
"./cms-image-group/View.vue":
|
|
10658
|
+
"./cms-image-group/View": 6745,
|
|
10659
|
+
"./cms-image-group/View.vue": 6745,
|
|
10660
10660
|
"./cms-image-group/index": 6940,
|
|
10661
10661
|
"./cms-image-group/index.js": 6940,
|
|
10662
10662
|
"./cms-image/": 8886,
|
|
10663
|
-
"./cms-image/View":
|
|
10664
|
-
"./cms-image/View.vue":
|
|
10663
|
+
"./cms-image/View": 4825,
|
|
10664
|
+
"./cms-image/View.vue": 4825,
|
|
10665
10665
|
"./cms-image/index": 8886,
|
|
10666
10666
|
"./cms-image/index.js": 8886,
|
|
10667
10667
|
"./cms-imgFour": 4352,
|
|
@@ -39041,6 +39041,361 @@ function nonStandardBrowserEnv() {
|
|
|
39041
39041
|
|
|
39042
39042
|
/***/ }),
|
|
39043
39043
|
|
|
39044
|
+
/***/ 4825:
|
|
39045
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
39046
|
+
|
|
39047
|
+
"use strict";
|
|
39048
|
+
// ESM COMPAT FLAG
|
|
39049
|
+
__webpack_require__.r(__webpack_exports__);
|
|
39050
|
+
|
|
39051
|
+
// EXPORTS
|
|
39052
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
39053
|
+
"default": function() { return /* binding */ View; }
|
|
39054
|
+
});
|
|
39055
|
+
|
|
39056
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=template&id=1fc80050&scoped=true
|
|
39057
|
+
var render = function render() {
|
|
39058
|
+
var _vm = this,
|
|
39059
|
+
_c = _vm._self._c;
|
|
39060
|
+
return _c('BaseComp', _vm._b({
|
|
39061
|
+
attrs: {
|
|
39062
|
+
"data": _vm.data,
|
|
39063
|
+
"nowCompId": _vm.nowCompId,
|
|
39064
|
+
"isOpcacity": _vm.isOpcacity,
|
|
39065
|
+
"lang": _vm.lang
|
|
39066
|
+
},
|
|
39067
|
+
on: {
|
|
39068
|
+
"getConfigData": _vm.getConfigData
|
|
39069
|
+
}
|
|
39070
|
+
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
39071
|
+
staticClass: "cms-image-container",
|
|
39072
|
+
class: [_vm.configData.customClass || '', {
|
|
39073
|
+
'has-link': _vm.configData.zoomDynamic
|
|
39074
|
+
}],
|
|
39075
|
+
style: _vm.containerStyle
|
|
39076
|
+
}, [_c('div', {
|
|
39077
|
+
staticClass: "image-wrapper",
|
|
39078
|
+
style: _vm.wrapperStyle,
|
|
39079
|
+
on: {
|
|
39080
|
+
"click": _vm.handleClick
|
|
39081
|
+
}
|
|
39082
|
+
}, [_vm.configData.imageUrl ? _c('img', {
|
|
39083
|
+
staticClass: "cms-image",
|
|
39084
|
+
style: _vm.imageStyle,
|
|
39085
|
+
attrs: {
|
|
39086
|
+
"src": _vm.configData.imageUrl,
|
|
39087
|
+
"alt": _vm.configData.altText || '图片',
|
|
39088
|
+
"title": _vm.configData.title
|
|
39089
|
+
},
|
|
39090
|
+
on: {
|
|
39091
|
+
"load": _vm.onImageLoad,
|
|
39092
|
+
"error": _vm.onImageError
|
|
39093
|
+
}
|
|
39094
|
+
}) : _c('div', {
|
|
39095
|
+
staticClass: "image-placeholder",
|
|
39096
|
+
style: _vm.placeholderStyle
|
|
39097
|
+
}, [_c('img', {
|
|
39098
|
+
staticStyle: {
|
|
39099
|
+
"width": "200px",
|
|
39100
|
+
"height": "200px"
|
|
39101
|
+
},
|
|
39102
|
+
attrs: {
|
|
39103
|
+
"src": __webpack_require__(4806),
|
|
39104
|
+
"alt": "Picture"
|
|
39105
|
+
}
|
|
39106
|
+
})])])]), _vm.configData.remark ? _c('div', {
|
|
39107
|
+
staticClass: "f-c-c"
|
|
39108
|
+
}, [_vm._v(_vm._s(_vm.configData.remark))]) : _vm._e()]);
|
|
39109
|
+
};
|
|
39110
|
+
var staticRenderFns = [];
|
|
39111
|
+
|
|
39112
|
+
;// ./package/cms-image/View.vue?vue&type=template&id=1fc80050&scoped=true
|
|
39113
|
+
|
|
39114
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
39115
|
+
var es_iterator_constructor = __webpack_require__(8111);
|
|
39116
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
39117
|
+
var es_iterator_for_each = __webpack_require__(7588);
|
|
39118
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
39119
|
+
var baseComp = __webpack_require__(4272);
|
|
39120
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=script&lang=js
|
|
39121
|
+
|
|
39122
|
+
|
|
39123
|
+
|
|
39124
|
+
|
|
39125
|
+
|
|
39126
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
39127
|
+
name: "cms-image",
|
|
39128
|
+
components: {
|
|
39129
|
+
BaseComp: baseComp["default"]
|
|
39130
|
+
},
|
|
39131
|
+
props: {
|
|
39132
|
+
data: {
|
|
39133
|
+
type: Object,
|
|
39134
|
+
default: () => {
|
|
39135
|
+
return {};
|
|
39136
|
+
}
|
|
39137
|
+
},
|
|
39138
|
+
nowCompId: {
|
|
39139
|
+
type: [String, Number],
|
|
39140
|
+
default: ""
|
|
39141
|
+
},
|
|
39142
|
+
isOpcacity: {
|
|
39143
|
+
type: Boolean,
|
|
39144
|
+
default: true
|
|
39145
|
+
},
|
|
39146
|
+
lang: {
|
|
39147
|
+
type: String,
|
|
39148
|
+
default: "zh-HK"
|
|
39149
|
+
}
|
|
39150
|
+
},
|
|
39151
|
+
data() {
|
|
39152
|
+
return {
|
|
39153
|
+
configData: {},
|
|
39154
|
+
imageLoaded: false,
|
|
39155
|
+
imageError: false,
|
|
39156
|
+
// 默认配置数据
|
|
39157
|
+
defaultConfig: {
|
|
39158
|
+
// 图片设置
|
|
39159
|
+
imageUrl: "",
|
|
39160
|
+
altText: "图片",
|
|
39161
|
+
title: "",
|
|
39162
|
+
// 样式设置
|
|
39163
|
+
borderRadius: 0,
|
|
39164
|
+
cornerRadius: {
|
|
39165
|
+
topLeft: "0",
|
|
39166
|
+
topRight: "0",
|
|
39167
|
+
bottomLeft: "0",
|
|
39168
|
+
bottomRight: "0"
|
|
39169
|
+
},
|
|
39170
|
+
objectFit: "cover",
|
|
39171
|
+
// 交互功能
|
|
39172
|
+
linkUrl: "",
|
|
39173
|
+
linkTarget: "_self",
|
|
39174
|
+
// 高级配置
|
|
39175
|
+
customClass: "",
|
|
39176
|
+
customStyle: "",
|
|
39177
|
+
lazyLoad: false,
|
|
39178
|
+
zoomDynamic: false
|
|
39179
|
+
}
|
|
39180
|
+
};
|
|
39181
|
+
},
|
|
39182
|
+
mounted() {
|
|
39183
|
+
this.initConfigData();
|
|
39184
|
+
},
|
|
39185
|
+
watch: {
|
|
39186
|
+
configData: {
|
|
39187
|
+
handler() {
|
|
39188
|
+
this.updateStyles();
|
|
39189
|
+
},
|
|
39190
|
+
deep: true
|
|
39191
|
+
}
|
|
39192
|
+
},
|
|
39193
|
+
computed: {
|
|
39194
|
+
// 容器样式
|
|
39195
|
+
containerStyle() {
|
|
39196
|
+
const config = {
|
|
39197
|
+
...this.defaultConfig,
|
|
39198
|
+
...this.configData
|
|
39199
|
+
};
|
|
39200
|
+
return {
|
|
39201
|
+
...this.parseCustomStyle(config.customStyle)
|
|
39202
|
+
};
|
|
39203
|
+
},
|
|
39204
|
+
borderRadiusStyle() {
|
|
39205
|
+
const config = {
|
|
39206
|
+
...this.defaultConfig,
|
|
39207
|
+
...this.configData
|
|
39208
|
+
};
|
|
39209
|
+
const fallback = config.borderRadius !== undefined && config.borderRadius !== null ? `${config.borderRadius}px` : "0px";
|
|
39210
|
+
const radiusConfig = config.cornerRadius || {};
|
|
39211
|
+
const legacyMap = {
|
|
39212
|
+
topLeft: config.borderRadiusTopLeft,
|
|
39213
|
+
topRight: config.borderRadiusTopRight,
|
|
39214
|
+
bottomLeft: config.borderRadiusBottomLeft,
|
|
39215
|
+
bottomRight: config.borderRadiusBottomRight
|
|
39216
|
+
};
|
|
39217
|
+
const resolveValue = corner => {
|
|
39218
|
+
const value = radiusConfig[corner] !== undefined && radiusConfig[corner] !== null ? radiusConfig[corner] : legacyMap[corner];
|
|
39219
|
+
if (value === "full") return "9999px";
|
|
39220
|
+
if (value === undefined || value === null || value === "") {
|
|
39221
|
+
return fallback;
|
|
39222
|
+
}
|
|
39223
|
+
const num = Number(value);
|
|
39224
|
+
return Number.isNaN(num) ? fallback : `${num}px`;
|
|
39225
|
+
};
|
|
39226
|
+
return {
|
|
39227
|
+
topLeft: resolveValue("topLeft"),
|
|
39228
|
+
topRight: resolveValue("topRight"),
|
|
39229
|
+
bottomLeft: resolveValue("bottomLeft"),
|
|
39230
|
+
bottomRight: resolveValue("bottomRight")
|
|
39231
|
+
};
|
|
39232
|
+
},
|
|
39233
|
+
// 包装器样式
|
|
39234
|
+
wrapperStyle() {
|
|
39235
|
+
const config = {
|
|
39236
|
+
...this.defaultConfig,
|
|
39237
|
+
...this.configData
|
|
39238
|
+
};
|
|
39239
|
+
return {
|
|
39240
|
+
width: "100%",
|
|
39241
|
+
height: "auto",
|
|
39242
|
+
maxWidth: "100%",
|
|
39243
|
+
borderTopLeftRadius: this.borderRadiusStyle.topLeft,
|
|
39244
|
+
borderTopRightRadius: this.borderRadiusStyle.topRight,
|
|
39245
|
+
borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
|
|
39246
|
+
borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
|
|
39247
|
+
overflow: "hidden",
|
|
39248
|
+
cursor: config.linkUrl ? "pointer" : "default",
|
|
39249
|
+
display: "block"
|
|
39250
|
+
};
|
|
39251
|
+
},
|
|
39252
|
+
// 图片样式
|
|
39253
|
+
imageStyle() {
|
|
39254
|
+
const config = {
|
|
39255
|
+
...this.defaultConfig,
|
|
39256
|
+
...this.configData
|
|
39257
|
+
};
|
|
39258
|
+
return {
|
|
39259
|
+
width: "100%",
|
|
39260
|
+
height: "auto",
|
|
39261
|
+
objectFit: config.objectFit,
|
|
39262
|
+
display: "block"
|
|
39263
|
+
};
|
|
39264
|
+
},
|
|
39265
|
+
// 占位符样式
|
|
39266
|
+
placeholderStyle() {
|
|
39267
|
+
const config = {
|
|
39268
|
+
...this.defaultConfig,
|
|
39269
|
+
...this.configData
|
|
39270
|
+
};
|
|
39271
|
+
return {
|
|
39272
|
+
width: "100%",
|
|
39273
|
+
minHeight: "150px",
|
|
39274
|
+
backgroundColor: "#F2F9FF",
|
|
39275
|
+
border: "1px dashed #dcdfe6",
|
|
39276
|
+
borderTopLeftRadius: this.borderRadiusStyle.topLeft,
|
|
39277
|
+
borderTopRightRadius: this.borderRadiusStyle.topRight,
|
|
39278
|
+
borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
|
|
39279
|
+
borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
|
|
39280
|
+
display: "flex",
|
|
39281
|
+
flexDirection: "column",
|
|
39282
|
+
alignItems: "center",
|
|
39283
|
+
justifyContent: "center",
|
|
39284
|
+
color: "#909399",
|
|
39285
|
+
fontSize: "14px"
|
|
39286
|
+
};
|
|
39287
|
+
}
|
|
39288
|
+
},
|
|
39289
|
+
methods: {
|
|
39290
|
+
// 初始化配置数据
|
|
39291
|
+
initConfigData() {
|
|
39292
|
+
this.configData = this.getMergedConfig(this.configData);
|
|
39293
|
+
},
|
|
39294
|
+
// 获取配置数据
|
|
39295
|
+
getConfigData(configData) {
|
|
39296
|
+
this.configData = this.getMergedConfig(configData);
|
|
39297
|
+
this.updateStyles();
|
|
39298
|
+
},
|
|
39299
|
+
// 更新样式
|
|
39300
|
+
updateStyles() {
|
|
39301
|
+
this.$nextTick(() => {
|
|
39302
|
+
this.$forceUpdate();
|
|
39303
|
+
});
|
|
39304
|
+
},
|
|
39305
|
+
getMergedConfig(configData = {}) {
|
|
39306
|
+
const mergedCorner = {
|
|
39307
|
+
...(this.defaultConfig.cornerRadius || {})
|
|
39308
|
+
};
|
|
39309
|
+
if (configData.cornerRadius) {
|
|
39310
|
+
Object.assign(mergedCorner, configData.cornerRadius);
|
|
39311
|
+
} else {
|
|
39312
|
+
var _configData$borderRad, _configData$borderRad2, _configData$borderRad3, _configData$borderRad4;
|
|
39313
|
+
mergedCorner.topLeft = (_configData$borderRad = configData.borderRadiusTopLeft) === null || _configData$borderRad === void 0 ? void 0 : _configData$borderRad.mergedCorner.topLeft;
|
|
39314
|
+
mergedCorner.topRight = (_configData$borderRad2 = configData.borderRadiusTopRight) === null || _configData$borderRad2 === void 0 ? void 0 : _configData$borderRad2.mergedCorner.topRight;
|
|
39315
|
+
mergedCorner.bottomLeft = (_configData$borderRad3 = configData.borderRadiusBottomLeft) === null || _configData$borderRad3 === void 0 ? void 0 : _configData$borderRad3.mergedCorner.bottomLeft;
|
|
39316
|
+
mergedCorner.bottomRight = (_configData$borderRad4 = configData.borderRadiusBottomRight) === null || _configData$borderRad4 === void 0 ? void 0 : _configData$borderRad4.mergedCorner.bottomRight;
|
|
39317
|
+
}
|
|
39318
|
+
return {
|
|
39319
|
+
...this.defaultConfig,
|
|
39320
|
+
...configData,
|
|
39321
|
+
cornerRadius: mergedCorner
|
|
39322
|
+
};
|
|
39323
|
+
},
|
|
39324
|
+
// 处理点击事件
|
|
39325
|
+
handleClick() {
|
|
39326
|
+
if (this.configData.linkUrl) {
|
|
39327
|
+
const target = this.configData.linkTarget || "_self";
|
|
39328
|
+
if (target === "_blank") {
|
|
39329
|
+
window.open(this.configData.linkUrl, "_blank");
|
|
39330
|
+
} else {
|
|
39331
|
+
window.location.href = this.configData.linkUrl;
|
|
39332
|
+
}
|
|
39333
|
+
}
|
|
39334
|
+
},
|
|
39335
|
+
// 图片加载成功
|
|
39336
|
+
onImageLoad() {
|
|
39337
|
+
this.imageLoaded = true;
|
|
39338
|
+
this.imageError = false;
|
|
39339
|
+
},
|
|
39340
|
+
// 图片加载失败
|
|
39341
|
+
onImageError() {
|
|
39342
|
+
this.imageLoaded = false;
|
|
39343
|
+
this.imageError = true;
|
|
39344
|
+
},
|
|
39345
|
+
// 解析自定义样式
|
|
39346
|
+
parseCustomStyle(customStyle) {
|
|
39347
|
+
if (!customStyle) return {};
|
|
39348
|
+
try {
|
|
39349
|
+
const styles = {};
|
|
39350
|
+
const declarations = customStyle.split(";");
|
|
39351
|
+
declarations.forEach(declaration => {
|
|
39352
|
+
const [property, value] = declaration.split(":");
|
|
39353
|
+
if (property && value) {
|
|
39354
|
+
const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
|
|
39355
|
+
styles[camelCaseProperty] = value.trim();
|
|
39356
|
+
}
|
|
39357
|
+
});
|
|
39358
|
+
return styles;
|
|
39359
|
+
} catch (error) {
|
|
39360
|
+
console.warn("解析自定义样式失败:", error);
|
|
39361
|
+
return {};
|
|
39362
|
+
}
|
|
39363
|
+
}
|
|
39364
|
+
}
|
|
39365
|
+
});
|
|
39366
|
+
;// ./package/cms-image/View.vue?vue&type=script&lang=js
|
|
39367
|
+
/* harmony default export */ var cms_image_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
39368
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=style&index=0&id=1fc80050&prod&lang=scss&scoped=true
|
|
39369
|
+
// extracted by mini-css-extract-plugin
|
|
39370
|
+
|
|
39371
|
+
;// ./package/cms-image/View.vue?vue&type=style&index=0&id=1fc80050&prod&lang=scss&scoped=true
|
|
39372
|
+
|
|
39373
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
39374
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
39375
|
+
;// ./package/cms-image/View.vue
|
|
39376
|
+
|
|
39377
|
+
|
|
39378
|
+
|
|
39379
|
+
;
|
|
39380
|
+
|
|
39381
|
+
|
|
39382
|
+
/* normalize component */
|
|
39383
|
+
|
|
39384
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
39385
|
+
cms_image_Viewvue_type_script_lang_js,
|
|
39386
|
+
render,
|
|
39387
|
+
staticRenderFns,
|
|
39388
|
+
false,
|
|
39389
|
+
null,
|
|
39390
|
+
"1fc80050",
|
|
39391
|
+
null
|
|
39392
|
+
|
|
39393
|
+
)
|
|
39394
|
+
|
|
39395
|
+
/* harmony default export */ var View = (component.exports);
|
|
39396
|
+
|
|
39397
|
+
/***/ }),
|
|
39398
|
+
|
|
39044
39399
|
/***/ 4860:
|
|
39045
39400
|
/***/ (function(module) {
|
|
39046
39401
|
|
|
@@ -40852,8 +41207,8 @@ var map = {
|
|
|
40852
41207
|
"./cms-description/View.vue": 3203,
|
|
40853
41208
|
"./cms-dynamic-comp/View.vue": 2809,
|
|
40854
41209
|
"./cms-iconFour/View.vue": 8235,
|
|
40855
|
-
"./cms-image-group/View.vue":
|
|
40856
|
-
"./cms-image/View.vue":
|
|
41210
|
+
"./cms-image-group/View.vue": 6745,
|
|
41211
|
+
"./cms-image/View.vue": 4825,
|
|
40857
41212
|
"./cms-imgFour/View.vue": 9751,
|
|
40858
41213
|
"./cms-lineFive/View.vue": 4432,
|
|
40859
41214
|
"./cms-lineFour/View.vue": 9703,
|
|
@@ -42856,6 +43211,251 @@ module.exports = function (object, key, method) {
|
|
|
42856
43211
|
};
|
|
42857
43212
|
|
|
42858
43213
|
|
|
43214
|
+
/***/ }),
|
|
43215
|
+
|
|
43216
|
+
/***/ 6745:
|
|
43217
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
43218
|
+
|
|
43219
|
+
"use strict";
|
|
43220
|
+
// ESM COMPAT FLAG
|
|
43221
|
+
__webpack_require__.r(__webpack_exports__);
|
|
43222
|
+
|
|
43223
|
+
// EXPORTS
|
|
43224
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
43225
|
+
"default": function() { return /* binding */ View; }
|
|
43226
|
+
});
|
|
43227
|
+
|
|
43228
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=template&id=a0772124&scoped=true
|
|
43229
|
+
var render = function render() {
|
|
43230
|
+
var _vm = this,
|
|
43231
|
+
_c = _vm._self._c;
|
|
43232
|
+
return _c('BaseComp', _vm._b({
|
|
43233
|
+
attrs: {
|
|
43234
|
+
"data": _vm.data,
|
|
43235
|
+
"nowCompId": _vm.nowCompId,
|
|
43236
|
+
"isOpcacity": _vm.isOpcacity,
|
|
43237
|
+
"isMask": false,
|
|
43238
|
+
"lang": _vm.lang
|
|
43239
|
+
},
|
|
43240
|
+
on: {
|
|
43241
|
+
"getConfigData": _vm.getConfigData
|
|
43242
|
+
}
|
|
43243
|
+
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
43244
|
+
staticClass: "cmhk-home_main"
|
|
43245
|
+
}, [_c('div', {
|
|
43246
|
+
staticClass: "wrap",
|
|
43247
|
+
style: _vm.wrapStyle
|
|
43248
|
+
}, _vm._l(_vm.showVideoList, function (item) {
|
|
43249
|
+
return _c('cms-image', {
|
|
43250
|
+
key: item.componentId,
|
|
43251
|
+
staticStyle: {
|
|
43252
|
+
"overflow": "hidden"
|
|
43253
|
+
},
|
|
43254
|
+
attrs: {
|
|
43255
|
+
"data": item,
|
|
43256
|
+
"nowCompId": _vm.nowCompId,
|
|
43257
|
+
"isOpcacity": _vm.isOpcacity,
|
|
43258
|
+
"isMask": false,
|
|
43259
|
+
"lang": _vm.lang
|
|
43260
|
+
}
|
|
43261
|
+
});
|
|
43262
|
+
}), 1), _vm.isShowPannel ? [_c('div', {
|
|
43263
|
+
staticClass: "view-more-container"
|
|
43264
|
+
}, [_c('div', {
|
|
43265
|
+
staticClass: "view-more-btn",
|
|
43266
|
+
on: {
|
|
43267
|
+
"click": _vm.foldMessText
|
|
43268
|
+
}
|
|
43269
|
+
}, [_c('span', {
|
|
43270
|
+
staticClass: "view-more-text"
|
|
43271
|
+
}, [_vm._v(" " + _vm._s(_vm.messFold ? _vm.$t("roamIndex.Collpase") : _vm.$t("roamIndex.More")) + " ")]), _c('i', {
|
|
43272
|
+
class: ['view-more-icon', _vm.messFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down']
|
|
43273
|
+
})])])] : _vm._e()], 2)]);
|
|
43274
|
+
};
|
|
43275
|
+
var staticRenderFns = [];
|
|
43276
|
+
|
|
43277
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
43278
|
+
var baseComp = __webpack_require__(4272);
|
|
43279
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=script&lang=js
|
|
43280
|
+
|
|
43281
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
43282
|
+
name: "cms-image-group",
|
|
43283
|
+
components: {
|
|
43284
|
+
BaseComp: baseComp["default"]
|
|
43285
|
+
},
|
|
43286
|
+
props: {
|
|
43287
|
+
data: {
|
|
43288
|
+
type: Object,
|
|
43289
|
+
default: () => {
|
|
43290
|
+
return {};
|
|
43291
|
+
}
|
|
43292
|
+
},
|
|
43293
|
+
nowCompId: {
|
|
43294
|
+
type: [String, Number],
|
|
43295
|
+
default: ""
|
|
43296
|
+
},
|
|
43297
|
+
isOpcacity: {
|
|
43298
|
+
type: Boolean,
|
|
43299
|
+
default: true
|
|
43300
|
+
},
|
|
43301
|
+
lang: {
|
|
43302
|
+
type: String,
|
|
43303
|
+
default: "zh-HK"
|
|
43304
|
+
}
|
|
43305
|
+
},
|
|
43306
|
+
data() {
|
|
43307
|
+
return {
|
|
43308
|
+
configData: {},
|
|
43309
|
+
messFold: false,
|
|
43310
|
+
// 默认配置数据
|
|
43311
|
+
defaultConfig: {
|
|
43312
|
+
colNums: 1,
|
|
43313
|
+
defaultCol: 12,
|
|
43314
|
+
gap: 10,
|
|
43315
|
+
cornerRadius: {
|
|
43316
|
+
topLeft: "0",
|
|
43317
|
+
topRight: "0",
|
|
43318
|
+
bottomLeft: "0",
|
|
43319
|
+
bottomRight: "0"
|
|
43320
|
+
}
|
|
43321
|
+
},
|
|
43322
|
+
isShowPannel: false
|
|
43323
|
+
};
|
|
43324
|
+
},
|
|
43325
|
+
mounted() {},
|
|
43326
|
+
watch: {
|
|
43327
|
+
configData: {
|
|
43328
|
+
handler() {
|
|
43329
|
+
this.updateStyles();
|
|
43330
|
+
},
|
|
43331
|
+
deep: true
|
|
43332
|
+
}
|
|
43333
|
+
},
|
|
43334
|
+
computed: {
|
|
43335
|
+
showVideoList() {
|
|
43336
|
+
if (this.isShowPannel && !this.messFold) return this.data.childList.slice(0, this.configData.colNums * this.configData.defaultCol);
|
|
43337
|
+
return this.data.childList;
|
|
43338
|
+
},
|
|
43339
|
+
isConfigPage() {
|
|
43340
|
+
return this.$EventBus && this.isOpcacity;
|
|
43341
|
+
},
|
|
43342
|
+
borderRadiusStyle() {
|
|
43343
|
+
const config = {
|
|
43344
|
+
...this.defaultConfig,
|
|
43345
|
+
...this.configData
|
|
43346
|
+
};
|
|
43347
|
+
const radiusConfig = config.cornerRadius || {};
|
|
43348
|
+
const legacyMap = {
|
|
43349
|
+
topLeft: config.borderRadiusTopLeft,
|
|
43350
|
+
topRight: config.borderRadiusTopRight,
|
|
43351
|
+
bottomLeft: config.borderRadiusBottomLeft,
|
|
43352
|
+
bottomRight: config.borderRadiusBottomRight
|
|
43353
|
+
};
|
|
43354
|
+
const formatRadius = value => {
|
|
43355
|
+
if (value === "full") return "9999px";
|
|
43356
|
+
if (value === undefined || value === null || value === "") {
|
|
43357
|
+
return "0px";
|
|
43358
|
+
}
|
|
43359
|
+
const num = Number(value);
|
|
43360
|
+
return Number.isNaN(num) ? "0px" : `${num}px`;
|
|
43361
|
+
};
|
|
43362
|
+
const resolveValue = corner => {
|
|
43363
|
+
const value = radiusConfig[corner] !== undefined && radiusConfig[corner] !== null ? radiusConfig[corner] : legacyMap[corner];
|
|
43364
|
+
return formatRadius(value);
|
|
43365
|
+
};
|
|
43366
|
+
return {
|
|
43367
|
+
topLeft: resolveValue("topLeft"),
|
|
43368
|
+
topRight: resolveValue("topRight"),
|
|
43369
|
+
bottomLeft: resolveValue("bottomLeft"),
|
|
43370
|
+
bottomRight: resolveValue("bottomRight")
|
|
43371
|
+
};
|
|
43372
|
+
},
|
|
43373
|
+
wrapStyle() {
|
|
43374
|
+
const config = {
|
|
43375
|
+
...this.defaultConfig,
|
|
43376
|
+
...this.configData
|
|
43377
|
+
};
|
|
43378
|
+
return {
|
|
43379
|
+
gridTemplateColumns: `repeat(${config.colNums}, 1fr)`,
|
|
43380
|
+
gridGap: `${config.gap}px`,
|
|
43381
|
+
borderTopLeftRadius: this.borderRadiusStyle.topLeft,
|
|
43382
|
+
borderTopRightRadius: this.borderRadiusStyle.topRight,
|
|
43383
|
+
borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
|
|
43384
|
+
borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
|
|
43385
|
+
overflow: "hidden"
|
|
43386
|
+
};
|
|
43387
|
+
}
|
|
43388
|
+
},
|
|
43389
|
+
methods: {
|
|
43390
|
+
// 获取配置数据
|
|
43391
|
+
getConfigData(configData) {
|
|
43392
|
+
this.configData = this.getMergedConfig(configData);
|
|
43393
|
+
this.updateStyles();
|
|
43394
|
+
this.isShowPannel = this.configData.colNums * this.configData.defaultCol < this.data.childList.length;
|
|
43395
|
+
},
|
|
43396
|
+
// 更新样式
|
|
43397
|
+
updateStyles() {
|
|
43398
|
+
this.$nextTick(() => {
|
|
43399
|
+
// 触发样式更新
|
|
43400
|
+
this.$forceUpdate();
|
|
43401
|
+
});
|
|
43402
|
+
},
|
|
43403
|
+
// 折叠/展开文本
|
|
43404
|
+
foldMessText() {
|
|
43405
|
+
this.messFold = !this.messFold;
|
|
43406
|
+
},
|
|
43407
|
+
getMergedConfig(configData = {}) {
|
|
43408
|
+
const mergedCorner = {
|
|
43409
|
+
...(this.defaultConfig.cornerRadius || {})
|
|
43410
|
+
};
|
|
43411
|
+
if (configData.cornerRadius) {
|
|
43412
|
+
Object.assign(mergedCorner, configData.cornerRadius);
|
|
43413
|
+
} else {
|
|
43414
|
+
var _configData$borderRad, _configData$borderRad2, _configData$borderRad3, _configData$borderRad4;
|
|
43415
|
+
mergedCorner.topLeft = (_configData$borderRad = configData.borderRadiusTopLeft) === null || _configData$borderRad === void 0 ? void 0 : _configData$borderRad.mergedCorner.topLeft;
|
|
43416
|
+
mergedCorner.topRight = (_configData$borderRad2 = configData.borderRadiusTopRight) === null || _configData$borderRad2 === void 0 ? void 0 : _configData$borderRad2.mergedCorner.topRight;
|
|
43417
|
+
mergedCorner.bottomLeft = (_configData$borderRad3 = configData.borderRadiusBottomLeft) === null || _configData$borderRad3 === void 0 ? void 0 : _configData$borderRad3.mergedCorner.bottomLeft;
|
|
43418
|
+
mergedCorner.bottomRight = (_configData$borderRad4 = configData.borderRadiusBottomRight) === null || _configData$borderRad4 === void 0 ? void 0 : _configData$borderRad4.mergedCorner.bottomRight;
|
|
43419
|
+
}
|
|
43420
|
+
return {
|
|
43421
|
+
...this.defaultConfig,
|
|
43422
|
+
...configData,
|
|
43423
|
+
cornerRadius: mergedCorner
|
|
43424
|
+
};
|
|
43425
|
+
}
|
|
43426
|
+
}
|
|
43427
|
+
});
|
|
43428
|
+
;// ./package/cms-image-group/View.vue?vue&type=script&lang=js
|
|
43429
|
+
/* harmony default export */ var cms_image_group_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
43430
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=style&index=0&id=a0772124&prod&lang=scss&scoped=true
|
|
43431
|
+
// extracted by mini-css-extract-plugin
|
|
43432
|
+
|
|
43433
|
+
;// ./package/cms-image-group/View.vue?vue&type=style&index=0&id=a0772124&prod&lang=scss&scoped=true
|
|
43434
|
+
|
|
43435
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
43436
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
43437
|
+
;// ./package/cms-image-group/View.vue
|
|
43438
|
+
|
|
43439
|
+
|
|
43440
|
+
|
|
43441
|
+
;
|
|
43442
|
+
|
|
43443
|
+
|
|
43444
|
+
/* normalize component */
|
|
43445
|
+
|
|
43446
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
43447
|
+
cms_image_group_Viewvue_type_script_lang_js,
|
|
43448
|
+
render,
|
|
43449
|
+
staticRenderFns,
|
|
43450
|
+
false,
|
|
43451
|
+
null,
|
|
43452
|
+
"a0772124",
|
|
43453
|
+
null
|
|
43454
|
+
|
|
43455
|
+
)
|
|
43456
|
+
|
|
43457
|
+
/* harmony default export */ var View = (component.exports);
|
|
43458
|
+
|
|
42859
43459
|
/***/ }),
|
|
42860
43460
|
|
|
42861
43461
|
/***/ 6763:
|
|
@@ -51846,7 +52446,7 @@ module.exports = Math.min;
|
|
|
51846
52446
|
__webpack_require__.r(__webpack_exports__);
|
|
51847
52447
|
/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
|
|
51848
52448
|
|
|
51849
|
-
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__,
|
|
52449
|
+
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 6745));
|
|
51850
52450
|
const langData = {
|
|
51851
52451
|
colNums: 1,
|
|
51852
52452
|
defaultCol: 12,
|
|
@@ -54123,397 +54723,16 @@ var baseComp = __webpack_require__(4272);
|
|
|
54123
54723
|
}
|
|
54124
54724
|
}
|
|
54125
54725
|
});
|
|
54126
|
-
;// ./package/cms-button/View.vue?vue&type=script&lang=js
|
|
54127
|
-
/* harmony default export */ var cms_button_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
54128
|
-
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-button/View.vue?vue&type=style&index=0&id=78e567cf&prod&lang=scss&scoped=true
|
|
54129
|
-
// extracted by mini-css-extract-plugin
|
|
54130
|
-
|
|
54131
|
-
;// ./package/cms-button/View.vue?vue&type=style&index=0&id=78e567cf&prod&lang=scss&scoped=true
|
|
54132
|
-
|
|
54133
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
54134
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
54135
|
-
;// ./package/cms-button/View.vue
|
|
54136
|
-
|
|
54137
|
-
|
|
54138
|
-
|
|
54139
|
-
;
|
|
54140
|
-
|
|
54141
|
-
|
|
54142
|
-
/* normalize component */
|
|
54143
|
-
|
|
54144
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
54145
|
-
cms_button_Viewvue_type_script_lang_js,
|
|
54146
|
-
render,
|
|
54147
|
-
staticRenderFns,
|
|
54148
|
-
false,
|
|
54149
|
-
null,
|
|
54150
|
-
"78e567cf",
|
|
54151
|
-
null
|
|
54152
|
-
|
|
54153
|
-
)
|
|
54154
|
-
|
|
54155
|
-
/* harmony default export */ var View = (component.exports);
|
|
54156
|
-
|
|
54157
|
-
/***/ }),
|
|
54158
|
-
|
|
54159
|
-
/***/ 7936:
|
|
54160
|
-
/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
|
|
54161
|
-
|
|
54162
|
-
"use strict";
|
|
54163
|
-
|
|
54164
|
-
var $ = __webpack_require__(6518);
|
|
54165
|
-
var $transfer = __webpack_require__(5636);
|
|
54166
|
-
|
|
54167
|
-
// `ArrayBuffer.prototype.transferToFixedLength` method
|
|
54168
|
-
// https://tc39.es/proposal-arraybuffer-transfer/#sec-arraybuffer.prototype.transfertofixedlength
|
|
54169
|
-
if ($transfer) $({ target: 'ArrayBuffer', proto: true }, {
|
|
54170
|
-
transferToFixedLength: function transferToFixedLength() {
|
|
54171
|
-
return $transfer(this, arguments.length ? arguments[0] : undefined, false);
|
|
54172
|
-
}
|
|
54173
|
-
});
|
|
54174
|
-
|
|
54175
|
-
|
|
54176
|
-
/***/ }),
|
|
54177
|
-
|
|
54178
|
-
/***/ 7959:
|
|
54179
|
-
/***/ (function(module) {
|
|
54180
|
-
|
|
54181
|
-
"use strict";
|
|
54182
|
-
module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAMAAADxPgR5AAAAAXNSR0IArs4c6QAAAu5QTFRFAAAAAP//gID/Var/QL//QJ//TZn/RqL/SZ7/Var3O4j3Rpv3U6z/PpH4PI36U7H6T6z6QZT2LoL2W7b/W7b7NY74W7X8TKL4PZT5MIT1Uqr5V7T8NIf2WrT8VK/6M4b2W7b9Q5n4Wrj9MIT1SaD5VK/5NYn1T6z5OI34VbH5NIf2W7j7RJv4VLD8MYT1XLb8RJ34Vq76Noj1Wbb7MILzTKf5PJH2Rpv5Wbb7MYL1Oo/1UKn6WLX7MIP0Ua76SqP4PJH3Wrb7Rpz5MIL1T6f6PJH3Wbb7RZz4L4H1V7P6MoX1Uaz6Oo33Wrb8SaH4LoH1Q5r4W7f8VrH7VK/6Mob2RJz5Wrb7RJv4QJb3SqL5R6D4RZ34Q5r4QZj3P5X3L4L1TKX5PZL3WbX7RZ34Q5r3OpD2RJv4Tab5TKX5VrH6U676UKr5SKH4P5X3OIz2NYn1M4b1L4L1WbX7WLT7Uaz5Tqj5S6X5QZj3PZP3OpD2MYP1SqP5R6D4Rp34RZz3Q5r3Qpn3O5H2Wbb7WbT7WLT6WLP6V7L6VrH6VrH5VbD6Va/5VK/6VK/5VK76VK75U676U675U636U635Uq35Uqz6Uqz5Uaz5Uav6Uav5Uar5UKr5UKn5T6n5T6j5Tqj5Tqj4Tqf5Tqf4Tab5Tab4TKb4TKX5TKX4S6T5S6T4S6P4SqP5SqP4SqL5SqL4SaL4SaH4SaH3SKH4SKD4R5/4R5/3R573Rp74Rp73Rp34RZ33RZz4RZz3RJv4RJv3Q5v3RJr4Q5r3Q5n3Qpn3Qpj3QZj3QZj2QZf3QZf2QJf3QJb3QJb2P5b2P5X3P5X2PpX2P5T3PpT3PpT2PpP3PpP2PZP3PZP2PZL3PZL2PJL2PJH2O5H2O5D2Oo/2Oo/1Oo72Oo71OY72OY71OY32OI31OIz2OIz1N4z2N4z1N4v2N4v1Nor2Nor1Non2NYn1NYj1NIj1NIf1M4f1M4b1M4b0MoX1MoX0MYT1MIP1L4L1L4H0VrDG+wAAAIJ0Uk5TAAECAwQICgsVHh4hJSUvMTc3Nzs7SExNT09RUlNVbW5wc3p6e4KCh4iKio+PkpOZmaGhrq6zs7e4uLq9wMDCwsLGxsbJydPT09bW2dnb293e3+Pp6uzy8/T19fX19fX19vb5+fn5+vv7/Pz8/Pz8/Pz8/f39/f39/f39/v7+/v7+/j3EknoAABG4SURBVHjavVt7sJ1Vdf/91tpfbhJocxNAFASNoKjESChSwEcgvmvRttOxmLHVUUertf3DwRbllYBRpiNTx386dUZqZSzYaafjTDvTsSJQkCoKRQzhnfCIIENIbgJ53Jxvr9W71j5Xk9xwcw8w7HPvOXt/Z+/92+u3Hvtb99uXmEuhegVQurGxhYvGDusWdL+NHYPdg52T23dPTu7tASirz2mqOcHFXPMXHXXEosPPEwFEXUGqi3f+9T0TW7ZM7GndXgBAijnK4Ucee8wfCxTfx3vxYxAr8T8xeDfwRygoVz6y+amn++z8PAHVDQuOPXbpeyFyPTB+hqOIc6oUEBRBuRr4mIh9bdPDT+yCsD4PwFhwt+T4k98luOGIU5RQQIJMULMOlirFtcM1Oz+l+Nu7Nk0MYtBzBBRWPXrpspV2546ziQJJEFeoONRVXIjiWrwbdKLfxkfkq/ff82QNVkYHDLjuqNd/WO/c8eYiUAtABIgIiKAUAoGqo2g/VjuIfGv+an767icGs0Dqs39hi1a8bxXXLz9OCVqHhGkoLkIX8eJ0UM07Czw/df1P7/5CHWzfQ/HRACk2dsI73//UliOPFgYESJdEMwFD/MI2QYGXLkcIsXzF8m/uvHLrrqcHMgqlMd8xKz4g/7ciTUSgLlSgEOIMLwxFpsRKilYR9S60K3TK1z6nn77tcXWbM6DW7sS/0p+fUpyEKkIkEVJMJSDzvSCmVxa4ThmNj6WbEErTK/+Gqzbu1TpHwNIffuqHHtz9RvFixdUTUiTnIxDCiUtxcY1G1UJFgQgAkXBUfBUX/sltT5d+Ljqk1mPPPveuk1/aTERDShMn0jghga6uAQ/Gp4aMjmTb6QRQzlz55a/fu2NC5yAhacefrxvekDYgQZEXVxCdS9ObKCQgglPJBWC+lTrWHIdQkaDlKxfKaQ+L+4HmMRPv1Z+/Z9PrUCN6pVRAhqsKQ00DhZvTS2MghTYBBqhwBM2s0fFC+dLtrzFydgnp5XUfu/+kTgBp+4F66UuorGqLNBI2hagHEoOAIrUrtUveKdZ5BwmG1l169oaePouEJN7w0ftPUq+tFZJ4Lw6iV7RSURVe0TstZIIXF8BKNUeoVaqi1lD7hWuvXw7yWQED4Q2rHzxB2jxI/nPVDoOJJQVi4jCiMHCKC3sfdI4+nBUwN60GSRO+5LIfLDfyWQHFXv1nm04QRGcQCeVE4KKICRJSyKC3Zrdq7ioIeqGOLB7cDmgwXLr2hteYPBug1uM/tWmpqoUwBA0QqoNBW29IxlDpHpwnuRQVq46BWkXIIkQnph6xN/DXXHbrK6oe3A+n/O/cxeOMkmxRAsJJIloKKIN2CqR5PxJAi1FoQXHQkWaN0osgup+DJzZvVz+IhFIPP+OVGyliZIwKNlXdEY3kVaKBYLvS3PpQb63ukC5QqoQGqabiah09yHdbs+aM36oyE5A275TTH3olPPyN6nkJPQNLsyPdDfQeNfFFaTQVqT2roEv50ZwQ8IE4Kpxcs+YfT5lnnAmIE9730FKQqtGVAqQEqOEdLhZNhVNcXVyJpDCchK4DMVQzEQAdjZWdRXc6sPbi/zoRPMDxQ4GfVWfIpunhBw1tFAJ6YGgr/f6hLeZwlFgamgXIazdr3U9CqfOXY5O5A2F2wasA4mkF3qgiAoglvNIVBYlrlX0sD1NCmqc2aKgaBE/jXcLl86vsB0gsfesjxwNw1EoXRRRTuEJrXFZ3ZOmdVRox4YeaowfokAEC7uGZuQQ3ujuIdRf+y6vAfd1CbNG7liyiBEmqzS0YBCqEFsxqLSBcxEUoiSaQ+C15V9P1xdF8qVOKeRDc/Mbo78Adj+4STyg0c3zdCY8KLJjDAAZH/lhPcw0S+wxtGlerO4O6JqMb4YOuahUPOPOBmXnpvE2dHPlFf38SjAnY3o47d/NxBoG61uiSDsycnbGMEL1K2rmFbaoEV070EC/SAShV4NnVYpYW2tw9bXbdF697eWK1t6onciEIY9WqndcAiJ6izfXhxYwORYjBCG1tPirN+34wUPQanArQadXqnSc8U43uC3GS1mlAxUvf7keA0Ij5MBQHmou4VxaEXeZNVEXoy+KrGxVMD6WgdLDagW5pXb1WlUHaZ6ApQFz0pf94GbQBsmIptjpiySTgw+TAYen+fQiVevWYgVTUm2xl7QHX1FdOahVEjOw7B7ybDola8xNTIMOa1pf8ZdqTC+MDBQUqQFws8RkcKkMkSWMR9X+11S0/hFDhnQsLZHiXLF2denkoQIM3ddLXXfryJ7VCgIrjZCsdTSminRBZPCyl1lxLcXEmH+76I1z8nWu+wOvo0nv1HmWgwbdBEG4RU3VgtDx4cnpI/wpUQEEsOOMlCwHGWoiouLhYxnplyoG87plPuPK4f7v+mcEO+wOQ2rIqobvEeLG2tBhNZ8hv4pIp7K33D3IReNnyCUeUmkIxlhSwaTIey0uuKVAYC27mzr3A3qf9ejjDVVNuxEAzCU8A1OEIHIR/Zrn8Gy8LOFYcA7B5OhSohiGnTCxvA/KjhTa00sWgXuEFGEBLjU6AoYoiGiFAUqrIMgVUKYIjTscSb06ZJEtM3TCkOKUaAWkUNMsCcn3JAwr6WFdNFYew2jmYL0X28IooF+O0JYjJFy3ZmCQiPbvW4Uo92rXp2dGXlLldHRaBRqyH1r7LfNRbaItBUuEBDwv79iT3gisWI4zjGCyWJhFRQ01OWjTg5rFkRm+blqriLLTicTHo0w4RpUIDiGFM62xMkBaWAE9OaYKxYxpDbflpFZaCMH41+jrSUk0U4sQtDkxDKo2lDiqrawiUFjbVEgR84DmJBvdlvGoMUypchsVorEevNHwMg4TQA7OtnKliBvQ0XFiyoJfOkE4XiCoRvAMKQoQXJRohgn9YDME4tqKJn4JaDaY0quxpDLMUMgFMEJ6CYWHO6j1YO3QWDXPWPoCtiDHWh1rZ/NtwAY+CTCsQSScRcBbm2/ZJRGerCG02HWp8REk00kvqoMaw9AqYadXeppWk2d2TgEWQBYsNHq/Mpx2qKgWKmMQhoXC2qNhy0gAmspi7hKX0fWdqxVr4jRmq1ujejKeiJqvB1pKFMrYgPTzaNT7NiB797PkhohwiP0y2cm8hWvErfHy+zFs2sTi1MYwMlOCiZGirEp5e+mClODK0NdKnbdStKXpgHUTdY5uuSRND/pxEg5yE8C98Y0wWYiLrjijKkPMQ+SGGVfoh8sOas1amHzY558kijOdgQNqXWg+VH05T6jxUfpjEijdSJJS4SBbEQB/aaMaqQ+aH00oRHDI/hBtCjSKEBcxhU4DjBKNBJ6vi4Pnh+v52OH52609+cku6HoBBxX/vnx9+d2Z+SGHex7fGFVhYOm5bAsjQV1iZzuhRF1RRY+5Ry3kqXE8HU+ACAJ1gVVCvWkXMO/h5/7zanTWY0EGRYbwUJoVNBV05jPD4aW0g9uysBo5ICH7THkwiCodvj+2NyuTVkw/umw4B5XwTau088kO4ZIrXVQE4bSRjpbPxmD1fAexVYlRCmvRl/fKvb9grjv1L7Pjfw/6F3v386qs+UREIPhirqOqCCoZOs4SEh4NoqZ7TNBxV6Kg6nR+efPOGnWx4M0APRNx791f/GugQoa0M88OhGBxyeJwM7T/dWqJDNSgUQxNLOuZcYgzMw9UHDqR7wd32SUbLMxCQnqEtqlCx8N1hfijr33z7wSnFvJmUnnz+VZ/IO77aYZ/8MEtKikf5hysmFgep8RuAxUW9EyR4NuSmycmxodW03/k7vrcX8z6wKC8OGrBWnTIaSBrd8E9fYQrxpmmqqcoPlp05SeNYkBKSXhXTNy20N6vu90f2W97ybYTBffiGVQJVh3ZTJhIg154XckrQOtVOBLJKVUzf+E+WgYP5A3ETsMpgnolnDzcrRg0uern9NJPbAJxZw/Fb+SHe7Sbe8sPOr/0QYRx0PoVK18ZJahQmkJh+UHY390R03S8/TAtC+HQ0IadWxe8opppnsQwJfjt6FS+IdqnlPG/3W8UjXzOJhQdO1bwsU/dtu2QKkHSjzz0/HN5EjZQfAkC87ZTtnGhKnHt+CCILMff8sO3cwHbZxfGEHyE/xLCMmB9a+pPsvXPJtuFelHC1mtnQYt16al6E0ZKceMGRJUysqBAchPMlpfCKgWmVQROBkjv+8Cbqik9OyuRuj6lHyQ9/E1dGyA8B41pM7JHd2xxxDalDulsTo4bPhubUEaPyVZvv7BOpMj90FrdKFwsjNiKHMAWg/uYeaLdv3SXYJoCMlB9imgGMlB+S4HYIJnyJ+3PJDzFifuj4Cp6E4KlfODlqfhhl1PwQF/CT2yCYfAxbX5z8ENg4Gb0e48SLlR8+5iLEjq2velHyw8u/csE2UAxbbsW2UfPD+H7U/HA3f7YVJq547MXJDxdMAYU2DY/fuXik/PBMn98B8xZy1Uj54aWffDy7OHY/iK2j5Id6y3knLzjs9auvGyk/vNzu2gVHAbQ+6kvSzFIaKPrSlyqkmnjLDxWouZPShTjLLv+ursYqBEJcCaxBgogVsEqMJjy+04SDAw9DKxSxKw5O3LZwmJdKoKoiOPX2fLCPa8VEoAg8sXLzuctuXBp9kSbCXjovmmYZ6EVUjNA0UA1yeNHad98dWGzPLD4DJAPqMVwJhUAIFDqFigOPRty8csbRCFOIJKmdVFGJqRCCqqfnv3qz1mFSiF/9AFvnnh+Kw94aS5G554dfwu8/jooATBEfwK4Z+eFozw9nzw+5i/dWTSxk2bHrTZvHIbQSqvBYN+ls22ESWkEwiHYF1F0gRheRzCWtc1NPRiM/LIYOCPnYdruLvvz2Dfs9KPGnX7qUaHbzwj4/zC6y6jO37N7nQQlMt/8vHkEUvtDPD9UcF+KnW9WwD6X0Z2T5I4uBXCJFPbUtNeXQpjmkU1gYZ4Z1cXFl+JYrOqi09SKHWt4Ip8HJJes+eHtPP/Bx3l8Q6RPCtHyktl2gqUMbukXzBNesNyehTOUWWS1BQ4f4PqoCpgrEZzzOQ5VfXq2PHCw/VEdukERcoxtjmoo+miC0xY8qFMFB88OL6+mbpc586LzjmTc9PM7wWA/9S2Y/kq4U7y5MqQpBR5MGKAY1zV2zxDiKZjZdQjzNwWsue98vKjADUPqtC5Y9NC4G8dL80EsMKlUkQlsCg0appdVR3DVIkIF23nSIFtrC9oJfYO3lH/tRWOgMQNfJHUe/8oV/fnjOJd/fonawgwNVf/mf2PRCPz9c4/8eBjOT0hw98fA7No1DlJQUgPBWA1RMm1SZI04HBBP1wi50a0rECwwzrhoaxdo1v7sx8A4KCMhTvzp749GpmCRMRdSj4sWaQ4pDmaGtJRs6vLnrYAX8dWir7DJmXTZ1wEUczwoIeWLLOfcdmQYoZAlaJZSH0COHfyhAvsf8DExBCSefl8IBilpMpca6LrvknXeIzwYIbNn8jvuOBCXZkWaWlKEZSU6oMMlsnFADg0ESsRo4KXWeQxAsX37JOesNjtkAiSc2/t49OxcHlACWNksbKnJ46071WL+6WBdGy1pcUMDUOjzy/V6x7qKzNgCOWQFDjxvev2TTEgKg0uASWKU5XHN2SNQ53KJoUvqOkkE2ZEt2unVvW3naxuDzUIDQiTsHK+46apbnh4i2gLM9P7zii5+9+FF1n+tButUP7H5jKEZdKMgYNev5Urh0gLoIo/f0QbrRjgquCMXQi1Mxh/OlNu1M0Cs/z3c9sFfriIcheR+WucIx5/OliN9y5fny56MdhgRIm/+KM99yL06GegbXeclgEqZwbeDFCBU16TzwQmJctfNz6256aI+4YwRAQN0WLTvrtfdgORQCL8FlVF0prlI7EgFbHKXAVa0Q1+75OL554/odwvocj+yu1lvwtjmfL/0WPu6faUd2n8eh5Lfxjh0r53C+9J/wUc5yKHmUY9fvwdSx61NnPV96Df5UZjl2PfrB8ncr9YfA+OkHHp0HvwN8pHP5uxEOlo9wdP7WiffwxwTeon4TwDw6D8wf4ej8qP8cwJKG0574QQSj/nPAi/3vD/8P7Qjs2hBeBu8AAAAASUVORK5CYII=";
|
|
54183
|
-
|
|
54184
|
-
/***/ }),
|
|
54185
|
-
|
|
54186
|
-
/***/ 7971:
|
|
54187
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
54188
|
-
|
|
54189
|
-
"use strict";
|
|
54190
|
-
// ESM COMPAT FLAG
|
|
54191
|
-
__webpack_require__.r(__webpack_exports__);
|
|
54192
|
-
|
|
54193
|
-
// EXPORTS
|
|
54194
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
54195
|
-
"default": function() { return /* binding */ View; }
|
|
54196
|
-
});
|
|
54197
|
-
|
|
54198
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=template&id=768fd2d4&scoped=true
|
|
54199
|
-
var render = function render() {
|
|
54200
|
-
var _vm = this,
|
|
54201
|
-
_c = _vm._self._c;
|
|
54202
|
-
return _c('BaseComp', _vm._b({
|
|
54203
|
-
attrs: {
|
|
54204
|
-
"data": _vm.data,
|
|
54205
|
-
"nowCompId": _vm.nowCompId,
|
|
54206
|
-
"isOpcacity": _vm.isOpcacity,
|
|
54207
|
-
"lang": _vm.lang
|
|
54208
|
-
},
|
|
54209
|
-
on: {
|
|
54210
|
-
"getConfigData": _vm.getConfigData
|
|
54211
|
-
}
|
|
54212
|
-
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
54213
|
-
staticClass: "cms-image-container",
|
|
54214
|
-
class: [_vm.configData.customClass || '', {
|
|
54215
|
-
'has-link': _vm.configData.zoomDynamic
|
|
54216
|
-
}],
|
|
54217
|
-
style: _vm.containerStyle
|
|
54218
|
-
}, [_c('div', {
|
|
54219
|
-
staticClass: "image-wrapper",
|
|
54220
|
-
style: _vm.wrapperStyle,
|
|
54221
|
-
on: {
|
|
54222
|
-
"click": _vm.handleClick
|
|
54223
|
-
}
|
|
54224
|
-
}, [_vm.configData.imageUrl ? _c('img', {
|
|
54225
|
-
staticClass: "cms-image",
|
|
54226
|
-
style: _vm.imageStyle,
|
|
54227
|
-
attrs: {
|
|
54228
|
-
"src": _vm.configData.imageUrl,
|
|
54229
|
-
"alt": _vm.configData.altText || '图片',
|
|
54230
|
-
"title": _vm.configData.title
|
|
54231
|
-
},
|
|
54232
|
-
on: {
|
|
54233
|
-
"load": _vm.onImageLoad,
|
|
54234
|
-
"error": _vm.onImageError
|
|
54235
|
-
}
|
|
54236
|
-
}) : _c('div', {
|
|
54237
|
-
staticClass: "image-placeholder",
|
|
54238
|
-
style: _vm.placeholderStyle
|
|
54239
|
-
}, [_c('img', {
|
|
54240
|
-
staticStyle: {
|
|
54241
|
-
"width": "200px",
|
|
54242
|
-
"height": "200px"
|
|
54243
|
-
},
|
|
54244
|
-
attrs: {
|
|
54245
|
-
"src": __webpack_require__(4806),
|
|
54246
|
-
"alt": "Picture"
|
|
54247
|
-
}
|
|
54248
|
-
})])])]), _vm.configData.remark ? _c('div', {
|
|
54249
|
-
staticClass: "f-c-c"
|
|
54250
|
-
}, [_vm._v(_vm._s(_vm.configData.remark))]) : _vm._e()]);
|
|
54251
|
-
};
|
|
54252
|
-
var staticRenderFns = [];
|
|
54253
|
-
|
|
54254
|
-
;// ./package/cms-image/View.vue?vue&type=template&id=768fd2d4&scoped=true
|
|
54255
|
-
|
|
54256
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
54257
|
-
var es_iterator_constructor = __webpack_require__(8111);
|
|
54258
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
54259
|
-
var es_iterator_for_each = __webpack_require__(7588);
|
|
54260
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
54261
|
-
var baseComp = __webpack_require__(4272);
|
|
54262
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=script&lang=js
|
|
54263
|
-
|
|
54264
|
-
|
|
54265
|
-
|
|
54266
|
-
|
|
54267
|
-
|
|
54268
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
54269
|
-
name: "cms-image",
|
|
54270
|
-
components: {
|
|
54271
|
-
BaseComp: baseComp["default"]
|
|
54272
|
-
},
|
|
54273
|
-
props: {
|
|
54274
|
-
data: {
|
|
54275
|
-
type: Object,
|
|
54276
|
-
default: () => {
|
|
54277
|
-
return {};
|
|
54278
|
-
}
|
|
54279
|
-
},
|
|
54280
|
-
nowCompId: {
|
|
54281
|
-
type: [String, Number],
|
|
54282
|
-
default: ""
|
|
54283
|
-
},
|
|
54284
|
-
isOpcacity: {
|
|
54285
|
-
type: Boolean,
|
|
54286
|
-
default: true
|
|
54287
|
-
},
|
|
54288
|
-
lang: {
|
|
54289
|
-
type: String,
|
|
54290
|
-
default: "zh-HK"
|
|
54291
|
-
}
|
|
54292
|
-
},
|
|
54293
|
-
data() {
|
|
54294
|
-
return {
|
|
54295
|
-
configData: {},
|
|
54296
|
-
imageLoaded: false,
|
|
54297
|
-
imageError: false,
|
|
54298
|
-
// 默认配置数据
|
|
54299
|
-
defaultConfig: {
|
|
54300
|
-
// 图片设置
|
|
54301
|
-
imageUrl: "",
|
|
54302
|
-
altText: "图片",
|
|
54303
|
-
title: "",
|
|
54304
|
-
// 样式设置
|
|
54305
|
-
borderRadius: 0,
|
|
54306
|
-
cornerRadius: {
|
|
54307
|
-
topLeft: "0",
|
|
54308
|
-
topRight: "0",
|
|
54309
|
-
bottomLeft: "0",
|
|
54310
|
-
bottomRight: "0"
|
|
54311
|
-
},
|
|
54312
|
-
objectFit: "cover",
|
|
54313
|
-
// 交互功能
|
|
54314
|
-
linkUrl: "",
|
|
54315
|
-
linkTarget: "_self",
|
|
54316
|
-
// 高级配置
|
|
54317
|
-
customClass: "",
|
|
54318
|
-
customStyle: "",
|
|
54319
|
-
lazyLoad: false,
|
|
54320
|
-
zoomDynamic: false
|
|
54321
|
-
}
|
|
54322
|
-
};
|
|
54323
|
-
},
|
|
54324
|
-
mounted() {
|
|
54325
|
-
this.initConfigData();
|
|
54326
|
-
},
|
|
54327
|
-
watch: {
|
|
54328
|
-
configData: {
|
|
54329
|
-
handler() {
|
|
54330
|
-
this.updateStyles();
|
|
54331
|
-
},
|
|
54332
|
-
deep: true
|
|
54333
|
-
}
|
|
54334
|
-
},
|
|
54335
|
-
computed: {
|
|
54336
|
-
// 容器样式
|
|
54337
|
-
containerStyle() {
|
|
54338
|
-
const config = {
|
|
54339
|
-
...this.defaultConfig,
|
|
54340
|
-
...this.configData
|
|
54341
|
-
};
|
|
54342
|
-
return {
|
|
54343
|
-
...this.parseCustomStyle(config.customStyle)
|
|
54344
|
-
};
|
|
54345
|
-
},
|
|
54346
|
-
borderRadiusStyle() {
|
|
54347
|
-
const config = {
|
|
54348
|
-
...this.defaultConfig,
|
|
54349
|
-
...this.configData
|
|
54350
|
-
};
|
|
54351
|
-
const fallback = config.borderRadius !== undefined && config.borderRadius !== null ? `${config.borderRadius}px` : "0px";
|
|
54352
|
-
const radiusConfig = config.cornerRadius || {};
|
|
54353
|
-
const legacyMap = {
|
|
54354
|
-
topLeft: config.borderRadiusTopLeft,
|
|
54355
|
-
topRight: config.borderRadiusTopRight,
|
|
54356
|
-
bottomLeft: config.borderRadiusBottomLeft,
|
|
54357
|
-
bottomRight: config.borderRadiusBottomRight
|
|
54358
|
-
};
|
|
54359
|
-
const resolveValue = corner => {
|
|
54360
|
-
const value = radiusConfig[corner] !== undefined && radiusConfig[corner] !== null ? radiusConfig[corner] : legacyMap[corner];
|
|
54361
|
-
if (value === "full") return "9999px";
|
|
54362
|
-
if (value === undefined || value === null || value === "") {
|
|
54363
|
-
return fallback;
|
|
54364
|
-
}
|
|
54365
|
-
const num = Number(value);
|
|
54366
|
-
return Number.isNaN(num) ? fallback : `${num}px`;
|
|
54367
|
-
};
|
|
54368
|
-
return {
|
|
54369
|
-
topLeft: resolveValue("topLeft"),
|
|
54370
|
-
topRight: resolveValue("topRight"),
|
|
54371
|
-
bottomLeft: resolveValue("bottomLeft"),
|
|
54372
|
-
bottomRight: resolveValue("bottomRight")
|
|
54373
|
-
};
|
|
54374
|
-
},
|
|
54375
|
-
// 包装器样式
|
|
54376
|
-
wrapperStyle() {
|
|
54377
|
-
const config = {
|
|
54378
|
-
...this.defaultConfig,
|
|
54379
|
-
...this.configData
|
|
54380
|
-
};
|
|
54381
|
-
return {
|
|
54382
|
-
width: "100%",
|
|
54383
|
-
height: "auto",
|
|
54384
|
-
maxWidth: "100%",
|
|
54385
|
-
borderTopLeftRadius: this.borderRadiusStyle.topLeft,
|
|
54386
|
-
borderTopRightRadius: this.borderRadiusStyle.topRight,
|
|
54387
|
-
borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
|
|
54388
|
-
borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
|
|
54389
|
-
overflow: "hidden",
|
|
54390
|
-
cursor: config.linkUrl ? "pointer" : "default",
|
|
54391
|
-
display: "block"
|
|
54392
|
-
};
|
|
54393
|
-
},
|
|
54394
|
-
// 图片样式
|
|
54395
|
-
imageStyle() {
|
|
54396
|
-
const config = {
|
|
54397
|
-
...this.defaultConfig,
|
|
54398
|
-
...this.configData
|
|
54399
|
-
};
|
|
54400
|
-
return {
|
|
54401
|
-
width: "100%",
|
|
54402
|
-
height: "auto",
|
|
54403
|
-
objectFit: config.objectFit,
|
|
54404
|
-
display: "block"
|
|
54405
|
-
};
|
|
54406
|
-
},
|
|
54407
|
-
// 占位符样式
|
|
54408
|
-
placeholderStyle() {
|
|
54409
|
-
const config = {
|
|
54410
|
-
...this.defaultConfig,
|
|
54411
|
-
...this.configData
|
|
54412
|
-
};
|
|
54413
|
-
return {
|
|
54414
|
-
width: "100%",
|
|
54415
|
-
minHeight: "150px",
|
|
54416
|
-
backgroundColor: "#F2F9FF",
|
|
54417
|
-
border: "1px dashed #dcdfe6",
|
|
54418
|
-
borderTopLeftRadius: this.borderRadiusStyle.topLeft,
|
|
54419
|
-
borderTopRightRadius: this.borderRadiusStyle.topRight,
|
|
54420
|
-
borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
|
|
54421
|
-
borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
|
|
54422
|
-
display: "flex",
|
|
54423
|
-
flexDirection: "column",
|
|
54424
|
-
alignItems: "center",
|
|
54425
|
-
justifyContent: "center",
|
|
54426
|
-
color: "#909399",
|
|
54427
|
-
fontSize: "14px"
|
|
54428
|
-
};
|
|
54429
|
-
}
|
|
54430
|
-
},
|
|
54431
|
-
methods: {
|
|
54432
|
-
// 初始化配置数据
|
|
54433
|
-
initConfigData() {
|
|
54434
|
-
this.configData = this.getMergedConfig(this.configData);
|
|
54435
|
-
},
|
|
54436
|
-
// 获取配置数据
|
|
54437
|
-
getConfigData(configData) {
|
|
54438
|
-
this.configData = this.getMergedConfig(configData);
|
|
54439
|
-
this.updateStyles();
|
|
54440
|
-
},
|
|
54441
|
-
// 更新样式
|
|
54442
|
-
updateStyles() {
|
|
54443
|
-
this.$nextTick(() => {
|
|
54444
|
-
this.$forceUpdate();
|
|
54445
|
-
});
|
|
54446
|
-
},
|
|
54447
|
-
getMergedConfig(configData = {}) {
|
|
54448
|
-
const mergedCorner = {
|
|
54449
|
-
...(this.defaultConfig.cornerRadius || {})
|
|
54450
|
-
};
|
|
54451
|
-
if (configData.cornerRadius) {
|
|
54452
|
-
Object.assign(mergedCorner, configData.cornerRadius);
|
|
54453
|
-
} else {
|
|
54454
|
-
mergedCorner.topLeft = configData.borderRadiusTopLeft ?? mergedCorner.topLeft;
|
|
54455
|
-
mergedCorner.topRight = configData.borderRadiusTopRight ?? mergedCorner.topRight;
|
|
54456
|
-
mergedCorner.bottomLeft = configData.borderRadiusBottomLeft ?? mergedCorner.bottomLeft;
|
|
54457
|
-
mergedCorner.bottomRight = configData.borderRadiusBottomRight ?? mergedCorner.bottomRight;
|
|
54458
|
-
}
|
|
54459
|
-
return {
|
|
54460
|
-
...this.defaultConfig,
|
|
54461
|
-
...configData,
|
|
54462
|
-
cornerRadius: mergedCorner
|
|
54463
|
-
};
|
|
54464
|
-
},
|
|
54465
|
-
// 处理点击事件
|
|
54466
|
-
handleClick() {
|
|
54467
|
-
if (this.configData.linkUrl) {
|
|
54468
|
-
const target = this.configData.linkTarget || "_self";
|
|
54469
|
-
if (target === "_blank") {
|
|
54470
|
-
window.open(this.configData.linkUrl, "_blank");
|
|
54471
|
-
} else {
|
|
54472
|
-
window.location.href = this.configData.linkUrl;
|
|
54473
|
-
}
|
|
54474
|
-
}
|
|
54475
|
-
},
|
|
54476
|
-
// 图片加载成功
|
|
54477
|
-
onImageLoad() {
|
|
54478
|
-
this.imageLoaded = true;
|
|
54479
|
-
this.imageError = false;
|
|
54480
|
-
},
|
|
54481
|
-
// 图片加载失败
|
|
54482
|
-
onImageError() {
|
|
54483
|
-
this.imageLoaded = false;
|
|
54484
|
-
this.imageError = true;
|
|
54485
|
-
},
|
|
54486
|
-
// 解析自定义样式
|
|
54487
|
-
parseCustomStyle(customStyle) {
|
|
54488
|
-
if (!customStyle) return {};
|
|
54489
|
-
try {
|
|
54490
|
-
const styles = {};
|
|
54491
|
-
const declarations = customStyle.split(";");
|
|
54492
|
-
declarations.forEach(declaration => {
|
|
54493
|
-
const [property, value] = declaration.split(":");
|
|
54494
|
-
if (property && value) {
|
|
54495
|
-
const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
|
|
54496
|
-
styles[camelCaseProperty] = value.trim();
|
|
54497
|
-
}
|
|
54498
|
-
});
|
|
54499
|
-
return styles;
|
|
54500
|
-
} catch (error) {
|
|
54501
|
-
console.warn("解析自定义样式失败:", error);
|
|
54502
|
-
return {};
|
|
54503
|
-
}
|
|
54504
|
-
}
|
|
54505
|
-
}
|
|
54506
|
-
});
|
|
54507
|
-
;// ./package/cms-image/View.vue?vue&type=script&lang=js
|
|
54508
|
-
/* harmony default export */ var cms_image_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
54509
|
-
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=style&index=0&id=768fd2d4&prod&lang=scss&scoped=true
|
|
54726
|
+
;// ./package/cms-button/View.vue?vue&type=script&lang=js
|
|
54727
|
+
/* harmony default export */ var cms_button_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
54728
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-button/View.vue?vue&type=style&index=0&id=78e567cf&prod&lang=scss&scoped=true
|
|
54510
54729
|
// extracted by mini-css-extract-plugin
|
|
54511
54730
|
|
|
54512
|
-
;// ./package/cms-
|
|
54731
|
+
;// ./package/cms-button/View.vue?vue&type=style&index=0&id=78e567cf&prod&lang=scss&scoped=true
|
|
54513
54732
|
|
|
54514
54733
|
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
54515
54734
|
var componentNormalizer = __webpack_require__(1656);
|
|
54516
|
-
;// ./package/cms-
|
|
54735
|
+
;// ./package/cms-button/View.vue
|
|
54517
54736
|
|
|
54518
54737
|
|
|
54519
54738
|
|
|
@@ -54523,12 +54742,12 @@ var componentNormalizer = __webpack_require__(1656);
|
|
|
54523
54742
|
/* normalize component */
|
|
54524
54743
|
|
|
54525
54744
|
var component = (0,componentNormalizer/* default */.A)(
|
|
54526
|
-
|
|
54745
|
+
cms_button_Viewvue_type_script_lang_js,
|
|
54527
54746
|
render,
|
|
54528
54747
|
staticRenderFns,
|
|
54529
54748
|
false,
|
|
54530
54749
|
null,
|
|
54531
|
-
"
|
|
54750
|
+
"78e567cf",
|
|
54532
54751
|
null
|
|
54533
54752
|
|
|
54534
54753
|
)
|
|
@@ -54537,6 +54756,33 @@ var component = (0,componentNormalizer/* default */.A)(
|
|
|
54537
54756
|
|
|
54538
54757
|
/***/ }),
|
|
54539
54758
|
|
|
54759
|
+
/***/ 7936:
|
|
54760
|
+
/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
|
|
54761
|
+
|
|
54762
|
+
"use strict";
|
|
54763
|
+
|
|
54764
|
+
var $ = __webpack_require__(6518);
|
|
54765
|
+
var $transfer = __webpack_require__(5636);
|
|
54766
|
+
|
|
54767
|
+
// `ArrayBuffer.prototype.transferToFixedLength` method
|
|
54768
|
+
// https://tc39.es/proposal-arraybuffer-transfer/#sec-arraybuffer.prototype.transfertofixedlength
|
|
54769
|
+
if ($transfer) $({ target: 'ArrayBuffer', proto: true }, {
|
|
54770
|
+
transferToFixedLength: function transferToFixedLength() {
|
|
54771
|
+
return $transfer(this, arguments.length ? arguments[0] : undefined, false);
|
|
54772
|
+
}
|
|
54773
|
+
});
|
|
54774
|
+
|
|
54775
|
+
|
|
54776
|
+
/***/ }),
|
|
54777
|
+
|
|
54778
|
+
/***/ 7959:
|
|
54779
|
+
/***/ (function(module) {
|
|
54780
|
+
|
|
54781
|
+
"use strict";
|
|
54782
|
+
module.exports = "data:image/png;base64,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";
|
|
54783
|
+
|
|
54784
|
+
/***/ }),
|
|
54785
|
+
|
|
54540
54786
|
/***/ 8004:
|
|
54541
54787
|
/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
|
|
54542
54788
|
|
|
@@ -59121,250 +59367,6 @@ module.exports = function isSupersetOf(other) {
|
|
|
59121
59367
|
};
|
|
59122
59368
|
|
|
59123
59369
|
|
|
59124
|
-
/***/ }),
|
|
59125
|
-
|
|
59126
|
-
/***/ 8541:
|
|
59127
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
59128
|
-
|
|
59129
|
-
"use strict";
|
|
59130
|
-
// ESM COMPAT FLAG
|
|
59131
|
-
__webpack_require__.r(__webpack_exports__);
|
|
59132
|
-
|
|
59133
|
-
// EXPORTS
|
|
59134
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
59135
|
-
"default": function() { return /* binding */ View; }
|
|
59136
|
-
});
|
|
59137
|
-
|
|
59138
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=template&id=e0f7e068&scoped=true
|
|
59139
|
-
var render = function render() {
|
|
59140
|
-
var _vm = this,
|
|
59141
|
-
_c = _vm._self._c;
|
|
59142
|
-
return _c('BaseComp', _vm._b({
|
|
59143
|
-
attrs: {
|
|
59144
|
-
"data": _vm.data,
|
|
59145
|
-
"nowCompId": _vm.nowCompId,
|
|
59146
|
-
"isOpcacity": _vm.isOpcacity,
|
|
59147
|
-
"isMask": false,
|
|
59148
|
-
"lang": _vm.lang
|
|
59149
|
-
},
|
|
59150
|
-
on: {
|
|
59151
|
-
"getConfigData": _vm.getConfigData
|
|
59152
|
-
}
|
|
59153
|
-
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
59154
|
-
staticClass: "cmhk-home_main"
|
|
59155
|
-
}, [_c('div', {
|
|
59156
|
-
staticClass: "wrap",
|
|
59157
|
-
style: _vm.wrapStyle
|
|
59158
|
-
}, _vm._l(_vm.showVideoList, function (item) {
|
|
59159
|
-
return _c('cms-image', {
|
|
59160
|
-
key: item.componentId,
|
|
59161
|
-
staticStyle: {
|
|
59162
|
-
"overflow": "hidden"
|
|
59163
|
-
},
|
|
59164
|
-
attrs: {
|
|
59165
|
-
"data": item,
|
|
59166
|
-
"nowCompId": _vm.nowCompId,
|
|
59167
|
-
"isOpcacity": _vm.isOpcacity,
|
|
59168
|
-
"isMask": false,
|
|
59169
|
-
"lang": _vm.lang
|
|
59170
|
-
}
|
|
59171
|
-
});
|
|
59172
|
-
}), 1), _vm.isShowPannel ? [_c('div', {
|
|
59173
|
-
staticClass: "view-more-container"
|
|
59174
|
-
}, [_c('div', {
|
|
59175
|
-
staticClass: "view-more-btn",
|
|
59176
|
-
on: {
|
|
59177
|
-
"click": _vm.foldMessText
|
|
59178
|
-
}
|
|
59179
|
-
}, [_c('span', {
|
|
59180
|
-
staticClass: "view-more-text"
|
|
59181
|
-
}, [_vm._v(" " + _vm._s(_vm.messFold ? _vm.$t("roamIndex.Collpase") : _vm.$t("roamIndex.More")) + " ")]), _c('i', {
|
|
59182
|
-
class: ['view-more-icon', _vm.messFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down']
|
|
59183
|
-
})])])] : _vm._e()], 2)]);
|
|
59184
|
-
};
|
|
59185
|
-
var staticRenderFns = [];
|
|
59186
|
-
|
|
59187
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
59188
|
-
var baseComp = __webpack_require__(4272);
|
|
59189
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=script&lang=js
|
|
59190
|
-
|
|
59191
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
59192
|
-
name: "cms-image-group",
|
|
59193
|
-
components: {
|
|
59194
|
-
BaseComp: baseComp["default"]
|
|
59195
|
-
},
|
|
59196
|
-
props: {
|
|
59197
|
-
data: {
|
|
59198
|
-
type: Object,
|
|
59199
|
-
default: () => {
|
|
59200
|
-
return {};
|
|
59201
|
-
}
|
|
59202
|
-
},
|
|
59203
|
-
nowCompId: {
|
|
59204
|
-
type: [String, Number],
|
|
59205
|
-
default: ""
|
|
59206
|
-
},
|
|
59207
|
-
isOpcacity: {
|
|
59208
|
-
type: Boolean,
|
|
59209
|
-
default: true
|
|
59210
|
-
},
|
|
59211
|
-
lang: {
|
|
59212
|
-
type: String,
|
|
59213
|
-
default: "zh-HK"
|
|
59214
|
-
}
|
|
59215
|
-
},
|
|
59216
|
-
data() {
|
|
59217
|
-
return {
|
|
59218
|
-
configData: {},
|
|
59219
|
-
messFold: false,
|
|
59220
|
-
// 默认配置数据
|
|
59221
|
-
defaultConfig: {
|
|
59222
|
-
colNums: 1,
|
|
59223
|
-
defaultCol: 12,
|
|
59224
|
-
gap: 10,
|
|
59225
|
-
cornerRadius: {
|
|
59226
|
-
topLeft: "0",
|
|
59227
|
-
topRight: "0",
|
|
59228
|
-
bottomLeft: "0",
|
|
59229
|
-
bottomRight: "0"
|
|
59230
|
-
}
|
|
59231
|
-
},
|
|
59232
|
-
isShowPannel: false
|
|
59233
|
-
};
|
|
59234
|
-
},
|
|
59235
|
-
mounted() {},
|
|
59236
|
-
watch: {
|
|
59237
|
-
configData: {
|
|
59238
|
-
handler() {
|
|
59239
|
-
this.updateStyles();
|
|
59240
|
-
},
|
|
59241
|
-
deep: true
|
|
59242
|
-
}
|
|
59243
|
-
},
|
|
59244
|
-
computed: {
|
|
59245
|
-
showVideoList() {
|
|
59246
|
-
if (this.isShowPannel && !this.messFold) return this.data.childList.slice(0, this.configData.colNums * this.configData.defaultCol);
|
|
59247
|
-
return this.data.childList;
|
|
59248
|
-
},
|
|
59249
|
-
isConfigPage() {
|
|
59250
|
-
return this.$EventBus && this.isOpcacity;
|
|
59251
|
-
},
|
|
59252
|
-
borderRadiusStyle() {
|
|
59253
|
-
const config = {
|
|
59254
|
-
...this.defaultConfig,
|
|
59255
|
-
...this.configData
|
|
59256
|
-
};
|
|
59257
|
-
const radiusConfig = config.cornerRadius || {};
|
|
59258
|
-
const legacyMap = {
|
|
59259
|
-
topLeft: config.borderRadiusTopLeft,
|
|
59260
|
-
topRight: config.borderRadiusTopRight,
|
|
59261
|
-
bottomLeft: config.borderRadiusBottomLeft,
|
|
59262
|
-
bottomRight: config.borderRadiusBottomRight
|
|
59263
|
-
};
|
|
59264
|
-
const formatRadius = value => {
|
|
59265
|
-
if (value === "full") return "9999px";
|
|
59266
|
-
if (value === undefined || value === null || value === "") {
|
|
59267
|
-
return "0px";
|
|
59268
|
-
}
|
|
59269
|
-
const num = Number(value);
|
|
59270
|
-
return Number.isNaN(num) ? "0px" : `${num}px`;
|
|
59271
|
-
};
|
|
59272
|
-
const resolveValue = corner => {
|
|
59273
|
-
const value = radiusConfig[corner] !== undefined && radiusConfig[corner] !== null ? radiusConfig[corner] : legacyMap[corner];
|
|
59274
|
-
return formatRadius(value);
|
|
59275
|
-
};
|
|
59276
|
-
return {
|
|
59277
|
-
topLeft: resolveValue("topLeft"),
|
|
59278
|
-
topRight: resolveValue("topRight"),
|
|
59279
|
-
bottomLeft: resolveValue("bottomLeft"),
|
|
59280
|
-
bottomRight: resolveValue("bottomRight")
|
|
59281
|
-
};
|
|
59282
|
-
},
|
|
59283
|
-
wrapStyle() {
|
|
59284
|
-
const config = {
|
|
59285
|
-
...this.defaultConfig,
|
|
59286
|
-
...this.configData
|
|
59287
|
-
};
|
|
59288
|
-
return {
|
|
59289
|
-
gridTemplateColumns: `repeat(${config.colNums}, 1fr)`,
|
|
59290
|
-
gridGap: `${config.gap}px`,
|
|
59291
|
-
borderTopLeftRadius: this.borderRadiusStyle.topLeft,
|
|
59292
|
-
borderTopRightRadius: this.borderRadiusStyle.topRight,
|
|
59293
|
-
borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
|
|
59294
|
-
borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
|
|
59295
|
-
overflow: "hidden"
|
|
59296
|
-
};
|
|
59297
|
-
}
|
|
59298
|
-
},
|
|
59299
|
-
methods: {
|
|
59300
|
-
// 获取配置数据
|
|
59301
|
-
getConfigData(configData) {
|
|
59302
|
-
this.configData = this.getMergedConfig(configData);
|
|
59303
|
-
this.updateStyles();
|
|
59304
|
-
this.isShowPannel = this.configData.colNums * this.configData.defaultCol < this.data.childList.length;
|
|
59305
|
-
},
|
|
59306
|
-
// 更新样式
|
|
59307
|
-
updateStyles() {
|
|
59308
|
-
this.$nextTick(() => {
|
|
59309
|
-
// 触发样式更新
|
|
59310
|
-
this.$forceUpdate();
|
|
59311
|
-
});
|
|
59312
|
-
},
|
|
59313
|
-
// 折叠/展开文本
|
|
59314
|
-
foldMessText() {
|
|
59315
|
-
this.messFold = !this.messFold;
|
|
59316
|
-
},
|
|
59317
|
-
getMergedConfig(configData = {}) {
|
|
59318
|
-
const mergedCorner = {
|
|
59319
|
-
...(this.defaultConfig.cornerRadius || {})
|
|
59320
|
-
};
|
|
59321
|
-
if (configData.cornerRadius) {
|
|
59322
|
-
Object.assign(mergedCorner, configData.cornerRadius);
|
|
59323
|
-
} else {
|
|
59324
|
-
mergedCorner.topLeft = configData.borderRadiusTopLeft ?? mergedCorner.topLeft;
|
|
59325
|
-
mergedCorner.topRight = configData.borderRadiusTopRight ?? mergedCorner.topRight;
|
|
59326
|
-
mergedCorner.bottomLeft = configData.borderRadiusBottomLeft ?? mergedCorner.bottomLeft;
|
|
59327
|
-
mergedCorner.bottomRight = configData.borderRadiusBottomRight ?? mergedCorner.bottomRight;
|
|
59328
|
-
}
|
|
59329
|
-
return {
|
|
59330
|
-
...this.defaultConfig,
|
|
59331
|
-
...configData,
|
|
59332
|
-
cornerRadius: mergedCorner
|
|
59333
|
-
};
|
|
59334
|
-
}
|
|
59335
|
-
}
|
|
59336
|
-
});
|
|
59337
|
-
;// ./package/cms-image-group/View.vue?vue&type=script&lang=js
|
|
59338
|
-
/* harmony default export */ var cms_image_group_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
59339
|
-
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=style&index=0&id=e0f7e068&prod&lang=scss&scoped=true
|
|
59340
|
-
// extracted by mini-css-extract-plugin
|
|
59341
|
-
|
|
59342
|
-
;// ./package/cms-image-group/View.vue?vue&type=style&index=0&id=e0f7e068&prod&lang=scss&scoped=true
|
|
59343
|
-
|
|
59344
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
59345
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
59346
|
-
;// ./package/cms-image-group/View.vue
|
|
59347
|
-
|
|
59348
|
-
|
|
59349
|
-
|
|
59350
|
-
;
|
|
59351
|
-
|
|
59352
|
-
|
|
59353
|
-
/* normalize component */
|
|
59354
|
-
|
|
59355
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
59356
|
-
cms_image_group_Viewvue_type_script_lang_js,
|
|
59357
|
-
render,
|
|
59358
|
-
staticRenderFns,
|
|
59359
|
-
false,
|
|
59360
|
-
null,
|
|
59361
|
-
"e0f7e068",
|
|
59362
|
-
null
|
|
59363
|
-
|
|
59364
|
-
)
|
|
59365
|
-
|
|
59366
|
-
/* harmony default export */ var View = (component.exports);
|
|
59367
|
-
|
|
59368
59370
|
/***/ }),
|
|
59369
59371
|
|
|
59370
59372
|
/***/ 8551:
|
|
@@ -60310,7 +60312,7 @@ var component = (0,componentNormalizer/* default */.A)(
|
|
|
60310
60312
|
__webpack_require__.r(__webpack_exports__);
|
|
60311
60313
|
/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
|
|
60312
60314
|
|
|
60313
|
-
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__,
|
|
60315
|
+
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 4825));
|
|
60314
60316
|
const langData = {
|
|
60315
60317
|
// 图片设置
|
|
60316
60318
|
remark: "",
|