@vipl520/dk-ui 1.0.54 → 1.0.57
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.js +46 -8
- package/dist/index.min.js +4 -4
- package/dist/index.min.js.map +1 -1
- package/dist/index.min.mjs +4 -4
- package/dist/index.min.mjs.map +1 -1
- package/dist/index.mjs +46 -8
- package/dist/web-types.json +1 -1
- package/es/attachment/src/attachment.vue2.mjs +7 -1
- package/es/attachment/src/attachment.vue2.mjs.map +1 -1
- package/es/attachment-dialog/src/attachment-dialog.vue2.mjs +2 -0
- package/es/attachment-dialog/src/attachment-dialog.vue2.mjs.map +1 -1
- package/es/group/src/group.vue2.mjs +13 -1
- package/es/group/src/group.vue2.mjs.map +1 -1
- package/es/hot-area-input/src/component/hot-area-content.vue2.mjs +1 -1
- package/es/hot-area-input/src/component/hot-area-content.vue2.mjs.map +1 -1
- package/es/page-diy/src/views/min/DkMinGrid.vue.mjs +2 -1
- package/es/page-diy/src/views/min/DkMinGrid.vue.mjs.map +1 -1
- package/es/style-box-input/src/style-box-input.vue2.mjs +1 -1
- package/es/style-box-input/src/style-box-input.vue2.mjs.map +1 -1
- package/es/url-input/index.d.ts +3 -1
- package/es/url-input/src/url-input-content.vue2.mjs +11 -3
- package/es/url-input/src/url-input-content.vue2.mjs.map +1 -1
- package/es/url-input/src/url-input.vue.d.ts +3 -1
- package/es/url-input/src/url-input.vue2.mjs +11 -2
- package/es/url-input/src/url-input.vue2.mjs.map +1 -1
- package/es/url-input/style/index.scss +26 -27
- package/lib/attachment/src/attachment.vue2.js +7 -1
- package/lib/attachment/src/attachment.vue2.js.map +1 -1
- package/lib/attachment-dialog/src/attachment-dialog.vue2.js +2 -0
- package/lib/attachment-dialog/src/attachment-dialog.vue2.js.map +1 -1
- package/lib/group/src/group.vue2.js +13 -1
- package/lib/group/src/group.vue2.js.map +1 -1
- package/lib/hot-area-input/src/component/hot-area-content.vue2.js +1 -1
- package/lib/hot-area-input/src/component/hot-area-content.vue2.js.map +1 -1
- package/lib/page-diy/src/views/min/DkMinGrid.vue.js +2 -1
- package/lib/page-diy/src/views/min/DkMinGrid.vue.js.map +1 -1
- package/lib/style-box-input/src/style-box-input.vue2.js +1 -1
- package/lib/style-box-input/src/style-box-input.vue2.js.map +1 -1
- package/lib/url-input/index.d.ts +3 -1
- package/lib/url-input/src/url-input-content.vue2.js +10 -2
- package/lib/url-input/src/url-input-content.vue2.js.map +1 -1
- package/lib/url-input/src/url-input.vue.d.ts +3 -1
- package/lib/url-input/src/url-input.vue2.js +10 -1
- package/lib/url-input/src/url-input.vue2.js.map +1 -1
- package/lib/url-input/style/index.scss +26 -27
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
@@ -1281,12 +1281,24 @@ var _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
1281
1281
|
icon: "Plus",
|
1282
1282
|
plain: "",
|
1283
1283
|
onClick: add
|
1284
|
+
}, {
|
1285
|
+
default: withCtx(() => [
|
1286
|
+
createTextVNode("\u589E\u52A0")
|
1287
|
+
]),
|
1288
|
+
_: 1
|
1289
|
+
/* STABLE */
|
1284
1290
|
}),
|
1285
1291
|
createVNode(_component_el_button, {
|
1286
1292
|
icon: "Delete",
|
1287
1293
|
plain: "",
|
1288
1294
|
onClick: ($event) => del(index)
|
1289
|
-
},
|
1295
|
+
}, {
|
1296
|
+
default: withCtx(() => [
|
1297
|
+
createTextVNode("\u5220\u9664")
|
1298
|
+
]),
|
1299
|
+
_: 2
|
1300
|
+
/* DYNAMIC */
|
1301
|
+
}, 1032, ["onClick"])
|
1290
1302
|
]),
|
1291
1303
|
_: 2
|
1292
1304
|
/* DYNAMIC */
|
@@ -1817,7 +1829,7 @@ const _hoisted_6$f = /* @__PURE__ */ createElementVNode(
|
|
1817
1829
|
-1
|
1818
1830
|
/* HOISTED */
|
1819
1831
|
);
|
1820
|
-
const _hoisted_7$f = { style: { "
|
1832
|
+
const _hoisted_7$f = { style: { "display": "flex", "justify-content": "space-between", "width": "100%" } };
|
1821
1833
|
const __default__$L = defineComponent({
|
1822
1834
|
name: "HotAreaContent"
|
1823
1835
|
});
|
@@ -3135,6 +3147,7 @@ var _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
3135
3147
|
createVNode(_component_el_input, {
|
3136
3148
|
modelValue: searchFileName.value,
|
3137
3149
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchFileName.value = $event),
|
3150
|
+
size: "default",
|
3138
3151
|
placeholder: "\u8BF7\u8F93\u5165\u9644\u4EF6\u540D\u79F0",
|
3139
3152
|
class: "input-with-select"
|
3140
3153
|
}, {
|
@@ -3183,6 +3196,7 @@ var _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
3183
3196
|
]),
|
3184
3197
|
default: withCtx(() => [
|
3185
3198
|
createVNode(_component_el_button, {
|
3199
|
+
size: "default",
|
3186
3200
|
type: "info",
|
3187
3201
|
disabled: chooseFileKey.value.length <= 0
|
3188
3202
|
}, {
|
@@ -3197,6 +3211,7 @@ var _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
3197
3211
|
/* STABLE */
|
3198
3212
|
}),
|
3199
3213
|
createVNode(_component_el_button, {
|
3214
|
+
size: "default",
|
3200
3215
|
type: "danger",
|
3201
3216
|
disabled: chooseFileKey.value.length <= 0,
|
3202
3217
|
onClick: onDelete
|
@@ -3222,7 +3237,10 @@ var _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
3222
3237
|
"list-type": "text"
|
3223
3238
|
}, {
|
3224
3239
|
default: withCtx(() => [
|
3225
|
-
createVNode(_component_el_button, {
|
3240
|
+
createVNode(_component_el_button, {
|
3241
|
+
type: "primary",
|
3242
|
+
size: "default"
|
3243
|
+
}, {
|
3226
3244
|
default: withCtx(() => [
|
3227
3245
|
createTextVNode("\u4E0A\u4F20"),
|
3228
3246
|
_hoisted_6$d
|
@@ -3511,6 +3529,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
3511
3529
|
createElementVNode("div", _hoisted_1$P, [
|
3512
3530
|
createVNode(_component_el_button, {
|
3513
3531
|
type: "primary",
|
3532
|
+
size: "default",
|
3514
3533
|
onClick: _cache[0] || (_cache[0] = ($event) => confirm())
|
3515
3534
|
}, {
|
3516
3535
|
default: withCtx(() => [
|
@@ -3520,6 +3539,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
3520
3539
|
/* STABLE */
|
3521
3540
|
}),
|
3522
3541
|
createVNode(_component_el_button, {
|
3542
|
+
size: "default",
|
3523
3543
|
onClick: _cache[1] || (_cache[1] = ($event) => cancel())
|
3524
3544
|
}, {
|
3525
3545
|
default: withCtx(() => [
|
@@ -5657,7 +5677,7 @@ var _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
5657
5677
|
const height = computed(() => {
|
5658
5678
|
if (props.height === "auto") {
|
5659
5679
|
const h = width.value / 1.8;
|
5660
|
-
return h >
|
5680
|
+
return h > 200 ? 200 : h;
|
5661
5681
|
} else {
|
5662
5682
|
return props.height;
|
5663
5683
|
}
|
@@ -12350,7 +12370,8 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
|
|
12350
12370
|
key: 0,
|
12351
12371
|
border: false,
|
12352
12372
|
"column-num": $props.columnNum,
|
12353
|
-
class: "min-h-30px dk-app-gold-grid"
|
12373
|
+
class: "min-h-30px dk-app-gold-grid",
|
12374
|
+
style: {"--van-grid-item-content-background":"none"}
|
12354
12375
|
}, {
|
12355
12376
|
default: withCtx(() => [
|
12356
12377
|
(openBlock(true), createElementBlock(Fragment, null, renderList($props.list, (item, key) => {
|
@@ -27118,12 +27139,20 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
27118
27139
|
emits: ["submit"],
|
27119
27140
|
setup(__props, { emit }) {
|
27120
27141
|
const props = __props;
|
27142
|
+
const urlInputData = inject("urlInputData", []);
|
27121
27143
|
const _urlData = computed(() => {
|
27122
27144
|
console.log("urlData", props.urlData);
|
27123
27145
|
if (props.urlData?.length > 0) {
|
27124
27146
|
return props.urlData;
|
27125
27147
|
} else {
|
27126
|
-
return
|
27148
|
+
return urlInputData.urlData;
|
27149
|
+
}
|
27150
|
+
});
|
27151
|
+
const _jumpMinApp = computed(() => {
|
27152
|
+
if (urlInputData.jumpMinApp !== void 0) {
|
27153
|
+
return urlInputData.jumpMinApp;
|
27154
|
+
} else {
|
27155
|
+
return props.jumpMinApp;
|
27127
27156
|
}
|
27128
27157
|
});
|
27129
27158
|
const minapp = reactive({
|
@@ -27259,7 +27288,7 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
27259
27288
|
createVNode(_component_el_tab_pane, { label: "\u81EA\u5B9A\u4E49\u94FE\u63A5" }, {
|
27260
27289
|
default: withCtx(() => [
|
27261
27290
|
createElementVNode("div", _hoisted_12, [
|
27262
|
-
|
27291
|
+
_jumpMinApp.value ? (openBlock(), createElementBlock("div", _hoisted_13, [
|
27263
27292
|
createVNode(_component_el_radio_group, {
|
27264
27293
|
modelValue: urlType.value,
|
27265
27294
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => urlType.value = $event),
|
@@ -27395,16 +27424,25 @@ const __default__ = defineComponent({
|
|
27395
27424
|
var _sfc_main = /* @__PURE__ */ defineComponent({
|
27396
27425
|
...__default__,
|
27397
27426
|
props: urlInputProps,
|
27398
|
-
emits: ["update:modelValue"],
|
27427
|
+
emits: ["input", "update:modelValue", "change"],
|
27399
27428
|
setup(__props, { emit }) {
|
27400
27429
|
const props = __props;
|
27401
27430
|
const show = ref(false);
|
27402
27431
|
const url = ref(props.modelValue);
|
27403
27432
|
const updateUrl = (value) => {
|
27433
|
+
console.log("url", url);
|
27404
27434
|
url.value = value;
|
27405
27435
|
emit("update:modelValue", value);
|
27406
27436
|
show.value = false;
|
27407
27437
|
};
|
27438
|
+
watch(
|
27439
|
+
() => url.value,
|
27440
|
+
(val) => {
|
27441
|
+
emit("update:modelValue", val);
|
27442
|
+
emit("input", val);
|
27443
|
+
emit("change", val);
|
27444
|
+
}
|
27445
|
+
);
|
27408
27446
|
return (_ctx, _cache) => {
|
27409
27447
|
const _component_el_button = resolveComponent("el-button");
|
27410
27448
|
const _component_el_input = resolveComponent("el-input");
|
package/dist/web-types.json
CHANGED
@@ -269,6 +269,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
269
269
|
createVNode(_component_el_input, {
|
270
270
|
modelValue: searchFileName.value,
|
271
271
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchFileName.value = $event),
|
272
|
+
size: "default",
|
272
273
|
placeholder: "\u8BF7\u8F93\u5165\u9644\u4EF6\u540D\u79F0",
|
273
274
|
class: "input-with-select"
|
274
275
|
}, {
|
@@ -317,6 +318,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
317
318
|
]),
|
318
319
|
default: withCtx(() => [
|
319
320
|
createVNode(_component_el_button, {
|
321
|
+
size: "default",
|
320
322
|
type: "info",
|
321
323
|
disabled: chooseFileKey.value.length <= 0
|
322
324
|
}, {
|
@@ -331,6 +333,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
331
333
|
/* STABLE */
|
332
334
|
}),
|
333
335
|
createVNode(_component_el_button, {
|
336
|
+
size: "default",
|
334
337
|
type: "danger",
|
335
338
|
disabled: chooseFileKey.value.length <= 0,
|
336
339
|
onClick: onDelete
|
@@ -356,7 +359,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
356
359
|
"list-type": "text"
|
357
360
|
}, {
|
358
361
|
default: withCtx(() => [
|
359
|
-
createVNode(_component_el_button, {
|
362
|
+
createVNode(_component_el_button, {
|
363
|
+
type: "primary",
|
364
|
+
size: "default"
|
365
|
+
}, {
|
360
366
|
default: withCtx(() => [
|
361
367
|
createTextVNode("\u4E0A\u4F20"),
|
362
368
|
_hoisted_6
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"attachment.vue2.mjs","sources":["../../../src/attachment/src/attachment.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkAttachment',\n});\n</script>\n<template>\n <div class=\"dk-attachment attachment\">\n <!-- 顶部-->\n <div class=\"attachment-header flex justify-between pt-5px pb-5px\">\n <div class=\"header-form z\">\n <el-input v-model=\"searchFileName\" placeholder=\"请输入附件名称\" class=\"input-with-select\">\n <template #append>\n <el-button :icon=\"Search\" />\n </template>\n </el-input>\n </div>\n <div class=\"header-button y\">\n <el-dropdown class=\"mr\" trigger=\"click\" @command=\"handleMoveAttachment\">\n <el-button type=\"info\" :disabled=\"chooseFileKey.length <= 0\"> 移动 </el-button>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item v-for=\"(item, key) in groupList\" :key=\"key\" :command=\"item.id\">\n {{ item.name }}\n </el-dropdown-item>\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n <el-button type=\"danger\" :disabled=\"chooseFileKey.length <= 0\" @click=\"onDelete\"\n >删除<i class=\"el-icon-delete el-icon--right\"></i\n ></el-button>\n <el-upload\n ref=\"upload\"\n class=\"dk-upload-button\"\n :action=\"uploadUrl\"\n multiple\n :data=\"data\"\n :show-file-list=\"false\"\n :headers=\"headers\"\n :on-success=\"handleUploadSuccess\"\n :accept=\"_accept\"\n list-type=\"text\"\n >\n <el-button type=\"primary\">上传<i class=\"el-icon-upload el-icon--right\"></i></el-button>\n </el-upload>\n </div>\n </div>\n <!--内部-->\n <div class=\"attachment-content flex\">\n <!-- 分组-->\n <div class=\"attachment-group\">\n <h5 class=\"cursor-pointer flex items-center content-center\" @click=\"addGroup()\">\n 附件分组\n <el-icon class=\"m-l-5px\"><CirclePlusFilled /></el-icon>\n </h5>\n <ul class=\"group_list\">\n <li\n v-for=\"(item, key) in groupList\"\n :key=\"key\"\n :class=\"{ active: groupId === item.id }\"\n @click=\"selectGroup(item.id)\"\n >\n <dk-icon v-if=\"item.id === groupId\" icon=\"flat-color-icons:opened-folder\" />\n <dk-icon v-else icon=\"flat-color-icons:folder\" />\n\n <span class=\"ml-10px\">{{ item.name }}</span>\n\n <el-popover placement=\"right\" trigger=\"click\">\n <template #reference>\n <div class=\"op\">\n <el-icon v-if=\"item.id > 0\">\n <Tools />\n </el-icon>\n </div>\n </template>\n <template #default>\n <el-button size=\"small\" type=\"primary\" @click.stop=\"editGroup()\">编辑 </el-button>\n <el-button size=\"small\" type=\"danger\" @click=\"delGroup(item.id)\">删除</el-button>\n </template>\n </el-popover>\n </li>\n </ul>\n </div>\n <!-- 列表-->\n <div class=\"attachment-container\">\n <div v-if=\"loading || list.length > 0\" v-loading=\"loading\" class=\"p2\">\n <ul class=\"attachment-list cl\" :style=\"{ overflow: list.length > 10 ? 'auto' : '' }\">\n <li\n v-for=\"(item, key) in list\"\n :key=\"key\"\n :class=\"{ choose: chooseFileKey.indexOf(key) > -1 }\"\n @click=\"chooseAttachment(item, key)\"\n @contextmenu.prevent=\"contextMenuId = item.id\"\n >\n <div class=\"file\">\n <el-image v-if=\"item.type === 1\" class=\"file\" :src=\"item.url\" fit=\"contain\">\n <template #placeholder>\n <div class=\"u-m-t-30\">\n <i class=\"el-icon-loading\"></i>\n <span>加载中</span>\n </div>\n </template>\n </el-image>\n <div v-if=\"item.type === 2\">\n <dk-file-icon :file-name=\"item.filename\" :type=\"item.type\" />\n </div>\n <div v-if=\"item.type === 3\">\n <dk-file-icon :file-name=\"item.filename\" :type=\"item.type\" />\n </div>\n <div v-if=\"item.type === 0\">\n <dk-file-icon :file-name=\"item.filename\" />\n </div>\n </div>\n <div class=\"file-name over\">{{ item.name }}</div>\n <div class=\"right\">\n <el-icon>\n <Check />\n </el-icon>\n </div>\n </li>\n </ul>\n <div class=\"block p-10px\">\n <el-pagination\n :current-page=\"page\"\n layout=\"total, prev, pager, next, jumper,sizes\"\n :total=\"count\"\n :page-size=\"size\"\n @size-change=\"handleSizeChange\"\n @current-change=\"handleCurrentChange\"\n />\n </div>\n </div>\n <div v-else style=\"display: flex; align-items: center; justify-content: center; height: 340px\">\n <el-empty description=\"暂无数据\" />\n </div>\n <dk-form ref=\"groupForm\" :key=\"groupId\" :form-url=\"groupFormUrl\" :is-dialog=\"true\" @submit=\"onsubmit()\" />\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, reactive, onMounted, computed } from 'vue'\nimport {\n deleteAttachment,\n getAttachmentGroupList,\n getAttachmentList,\n moveAttachment,\n delAttachmentGroup,\n} from '../../api'\n\nimport { ElMessage, ElMessageBox } from 'element-plus'\nimport DkFileIcon from './file-icon.vue'\n\nimport { Search } from '@element-plus/icons-vue'\n\nimport { getAttachmentType, getGlobalConfig } from '@vipl520/utils'\nimport { attachmentProps } from './props'\n\n\n\nconst props = defineProps(attachmentProps)\n\nconst _type = computed(() => {\n return getAttachmentType(props.type)\n})\n\n/** ****************顶部data****************/\n// 搜索的文件名\nconst searchFileName = ref('')\n// 选择文件Key\nconst chooseFileKey = ref<number[]>([])\n// 选中文件列表\nconst chooseFileList = ref<any[]>([])\n// 选中文件ID\nconst chooseFileId = ref<number[]>([])\nconst globalConfig = getGlobalConfig()\n// 上传的地址\nconst uploadUrl = globalConfig.ApiUrl + '/adminapi/attachment/upload'\nconst headers = {\n 'Access-Token': globalConfig.AccessToken,\n}\n// 上传的ref\nconst upload = ref()\n// 上传的数据\nconst data = reactive({\n type: _type.value,\n file: 'file',\n group_id: 0,\n})\n\n/** *****顶部的函数****************/\n\nconst handleMoveAttachment = (groupId: number) => {\n moveAttachment(chooseFileId.value, groupId).then((res) => {\n ElMessage.success(res.msg)\n onGetAttachmentList()\n })\n}\n\nconst handleUploadSuccess = (res: any) => {\n console.log('res', res)\n if (res.code === 0) {\n ElMessage.success(res.msg)\n // upload.value.clearFiles()\n onGetAttachmentList()\n } else {\n ElMessage.error(res.msg)\n }\n}\n\nconst _accept = computed(() => {\n let _accept = ''\n if (props.accept) {\n return props.accept\n } else {\n switch (_type.value) {\n case 0:\n break\n case 1:\n _accept = 'image/*'\n break\n case 2:\n _accept = 'audio/*'\n break\n case 3:\n _accept = 'video/*'\n break\n }\n return _accept\n }\n})\n\nconst onDelete = () => {\n // 改成element-plus\n ElMessageBox.confirm('此操作将永久删除文件, 是否继续?', '提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n }).then(() => {\n try {\n deleteAttachment(chooseFileId.value)\n .then((res) => {\n console.log(res)\n onGetAttachmentList()\n })\n .catch((res) => {\n console.log('deleteAttachment error', res)\n })\n } catch (e) {\n console.log(e)\n }\n })\n}\n/** ****************分组data****************/\n// 分组列表\nconst groupList = ref<any>([])\n// 选中分组\n/** **********分组的函数****************/\n\nconst groupFormUrl = computed(() => {\n if (groupId.value === 0) {\n return {\n url: globalConfig.ApiUrl + '/adminapi/attachment/group/create',\n method: 'get',\n }\n } else {\n return {\n url: globalConfig.ApiUrl + '/adminapi/attachment/group/' + groupId.value + '/edit',\n method: 'get',\n }\n }\n})\n\nconst groupForm = ref()\n\nconst addGroup = () => {\n // TODO 添加文件分组\n groupId.value = 0\n groupForm.value.show()\n}\n\nconst delGroup = (id: number) => {\n // 改为Vue3\n ElMessageBox.confirm('此操作将永久删除该分组, 是否继续?', '提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning',\n }).then(() => {\n try {\n delAttachmentGroup(id)\n .then((res) => {\n ElMessage.success(res.msg)\n onsubmit()\n })\n .catch(() => {})\n } catch (e) {\n console.log(e)\n }\n })\n}\n\nconst editGroup = () => {\n groupForm.value.show()\n}\n\nconst onsubmit = () => {\n getGroupList()\n onGetAttachmentList()\n}\n\nconst selectGroup = (id: number) => {\n groupId.value = id\n page.value = 1\n onGetAttachmentList()\n}\n\nconst getGroupList = async () => {\n try {\n const res = await getAttachmentGroupList(_type.value)\n groupList.value = res.data\n } catch (e) {}\n}\n\n/** ****************附件列表*********************/\nconst loading = ref(true)\nconst list = ref<any>([])\nconst page = ref(1)\nconst count = ref(0)\nconst size = ref(10)\nconst contextMenuId = ref(0)\nconst groupId = ref(0)\n\n/** ***************列表函数*******************/\n\n// const editAttachment = () => {\n// // TODO 编辑附件\n// }\n\nconst handleSizeChange = (val: number) => {\n size.value = val\n onGetAttachmentList()\n}\n\n// 改变页码\nconst handleCurrentChange = (val: number) => {\n page.value = val\n onGetAttachmentList()\n}\nconst onGetAttachmentList = async (search = {}) => {\n clearChoose()\n try {\n const res = await getAttachmentList(page.value, size.value, _type.value, groupId.value, search)\n list.value = res.data\n count.value = res.msg\n loading.value = false\n } catch (e) {}\n}\n\nconst clearChoose = () => {\n chooseFileKey.value = []\n chooseFileId.value = []\n chooseFileList.value = []\n}\n\nconst chooseAttachment = (item: any, key: number) => {\n const index = chooseFileKey.value.indexOf(key)\n if (index > -1) {\n chooseFileKey.value.splice(index, 1)\n chooseFileId.value.splice(index, 1)\n chooseFileList.value.splice(index, 1)\n } else {\n chooseFileKey.value.push(key)\n chooseFileId.value.push(item.id)\n chooseFileList.value.push(item)\n }\n}\n\nonMounted(() => {\n getGroupList()\n onGetAttachmentList()\n})\n\ndefineExpose({\n chooseFileId,\n chooseFileKey,\n chooseFileList,\n clearChoose,\n})\n</script>\n"],"names":["__MACROS_defineComponent","groupId","_accept"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;AA+JD,IAAM,MAAA,KAAA,GAAQ,SAAS,MAAM;AAC3B,MAAO,OAAA,iBAAA,CAAkB,MAAM,IAAI,CAAA,CAAA;AAAA,KACpC,CAAA,CAAA;AAID,IAAM,MAAA,cAAA,GAAiB,IAAI,EAAE,CAAA,CAAA;AAE7B,IAAM,MAAA,aAAA,GAAgB,GAAc,CAAA,EAAE,CAAA,CAAA;AAEtC,IAAM,MAAA,cAAA,GAAiB,GAAW,CAAA,EAAE,CAAA,CAAA;AAEpC,IAAM,MAAA,YAAA,GAAe,GAAc,CAAA,EAAE,CAAA,CAAA;AACrC,IAAA,MAAM,eAAe,eAAgB,EAAA,CAAA;AAErC,IAAM,MAAA,SAAA,GAAY,aAAa,MAAS,GAAA,6BAAA,CAAA;AACxC,IAAA,MAAM,OAAU,GAAA;AAAA,MACd,gBAAgB,YAAa,CAAA,WAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,MAAM,SAAS,GAAI,EAAA,CAAA;AAEnB,IAAA,MAAM,OAAO,QAAS,CAAA;AAAA,MACpB,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,IAAM,EAAA,MAAA;AAAA,MACN,QAAU,EAAA,CAAA;AAAA,KACX,CAAA,CAAA;AAID,IAAM,MAAA,oBAAA,GAAuB,CAACC,QAAoB,KAAA;AAChD,MAAA,cAAA,CAAe,aAAa,KAAOA,EAAAA,QAAO,CAAE,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA;AACxD,QAAU,SAAA,CAAA,OAAA,CAAQ,IAAI,GAAG,CAAA,CAAA;AACzB,QAAoB,mBAAA,EAAA,CAAA;AAAA,OACrB,CAAA,CAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,mBAAA,GAAsB,CAAC,GAAa,KAAA;AACxC,MAAQ,OAAA,CAAA,GAAA,CAAI,OAAO,GAAG,CAAA,CAAA;AACtB,MAAI,IAAA,GAAA,CAAI,SAAS,CAAG,EAAA;AAClB,QAAU,SAAA,CAAA,OAAA,CAAQ,IAAI,GAAG,CAAA,CAAA;AAEzB,QAAoB,mBAAA,EAAA,CAAA;AAAA,OACf,MAAA;AACL,QAAU,SAAA,CAAA,KAAA,CAAM,IAAI,GAAG,CAAA,CAAA;AAAA,OACzB;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM;AAC7B,MAAA,IAAIC,QAAU,GAAA,EAAA,CAAA;AACd,MAAA,IAAI,MAAM,MAAQ,EAAA;AAChB,QAAA,OAAO,KAAM,CAAA,MAAA,CAAA;AAAA,OACR,MAAA;AACL,QAAA,QAAQ,MAAM,KAAO;AAAA,UACnB,KAAK,CAAA;AACH,YAAA,MAAA;AAAA,UACF,KAAK,CAAA;AACH,YAAAA,QAAU,GAAA,SAAA,CAAA;AACV,YAAA,MAAA;AAAA,UACF,KAAK,CAAA;AACH,YAAAA,QAAU,GAAA,SAAA,CAAA;AACV,YAAA,MAAA;AAAA,UACF,KAAK,CAAA;AACH,YAAAA,QAAU,GAAA,SAAA,CAAA;AACV,YAAA,MAAA;AAAA,SACJ;AACA,QAAOA,OAAAA,QAAAA,CAAAA;AAAA,OACT;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,WAAW,MAAM;AAErB,MAAa,YAAA,CAAA,OAAA,CAAQ,2FAAqB,cAAM,EAAA;AAAA,QAC9C,iBAAmB,EAAA,cAAA;AAAA,QACnB,gBAAkB,EAAA,cAAA;AAAA,OACnB,CAAE,CAAA,IAAA,CAAK,MAAM;AACZ,QAAI,IAAA;AACF,UAAA,gBAAA,CAAiB,YAAa,CAAA,KAAK,CAChC,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA;AACb,YAAA,OAAA,CAAQ,IAAI,GAAG,CAAA,CAAA;AACf,YAAoB,mBAAA,EAAA,CAAA;AAAA,WACrB,CAAA,CACA,KAAM,CAAA,CAAC,GAAQ,KAAA;AACd,YAAQ,OAAA,CAAA,GAAA,CAAI,0BAA0B,GAAG,CAAA,CAAA;AAAA,WAC1C,CAAA,CAAA;AAAA,iBACI,CAAG,EAAA;AACV,UAAA,OAAA,CAAQ,IAAI,CAAC,CAAA,CAAA;AAAA,SACf;AAAA,OACD,CAAA,CAAA;AAAA,KACH,CAAA;AAGA,IAAM,MAAA,SAAA,GAAY,GAAS,CAAA,EAAE,CAAA,CAAA;AAI7B,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAI,IAAA,OAAA,CAAQ,UAAU,CAAG,EAAA;AACvB,QAAO,OAAA;AAAA,UACL,GAAA,EAAK,aAAa,MAAS,GAAA,mCAAA;AAAA,UAC3B,MAAQ,EAAA,KAAA;AAAA,SACV,CAAA;AAAA,OACK,MAAA;AACL,QAAO,OAAA;AAAA,UACL,GAAK,EAAA,YAAA,CAAa,MAAS,GAAA,6BAAA,GAAgC,QAAQ,KAAQ,GAAA,OAAA;AAAA,UAC3E,MAAQ,EAAA,KAAA;AAAA,SACV,CAAA;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,YAAY,GAAI,EAAA,CAAA;AAEtB,IAAA,MAAM,WAAW,MAAM;AAErB,MAAA,OAAA,CAAQ,KAAQ,GAAA,CAAA,CAAA;AAChB,MAAA,SAAA,CAAU,MAAM,IAAK,EAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAM,MAAA,QAAA,GAAW,CAAC,EAAe,KAAA;AAE/B,MAAa,YAAA,CAAA,OAAA,CAAQ,iGAAsB,cAAM,EAAA;AAAA,QAC/C,iBAAmB,EAAA,cAAA;AAAA,QACnB,gBAAkB,EAAA,cAAA;AAAA,QAClB,IAAM,EAAA,SAAA;AAAA,OACP,CAAE,CAAA,IAAA,CAAK,MAAM;AACZ,QAAI,IAAA;AACF,UAAA,kBAAA,CAAmB,EAAE,CAAA,CAClB,IAAK,CAAA,CAAC,GAAQ,KAAA;AACb,YAAU,SAAA,CAAA,OAAA,CAAQ,IAAI,GAAG,CAAA,CAAA;AACzB,YAAS,QAAA,EAAA,CAAA;AAAA,WACV,CACA,CAAA,KAAA,CAAM,MAAM;AAAA,WAAE,CAAA,CAAA;AAAA,iBACV,CAAG,EAAA;AACV,UAAA,OAAA,CAAQ,IAAI,CAAC,CAAA,CAAA;AAAA,SACf;AAAA,OACD,CAAA,CAAA;AAAA,KACH,CAAA;AAEA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,SAAA,CAAU,MAAM,IAAK,EAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAa,YAAA,EAAA,CAAA;AACb,MAAoB,mBAAA,EAAA,CAAA;AAAA,KACtB,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,EAAe,KAAA;AAClC,MAAA,OAAA,CAAQ,KAAQ,GAAA,EAAA,CAAA;AAChB,MAAA,IAAA,CAAK,KAAQ,GAAA,CAAA,CAAA;AACb,MAAoB,mBAAA,EAAA,CAAA;AAAA,KACtB,CAAA;AAEA,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAI,IAAA;AACF,QAAA,MAAM,GAAM,GAAA,MAAM,sBAAuB,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AACpD,QAAA,SAAA,CAAU,QAAQ,GAAI,CAAA,IAAA,CAAA;AAAA,eACf,CAAG,EAAA;AAAA,OAAC;AAAA,KACf,CAAA;AAGA,IAAM,MAAA,OAAA,GAAU,IAAI,IAAI,CAAA,CAAA;AACxB,IAAM,MAAA,IAAA,GAAO,GAAS,CAAA,EAAE,CAAA,CAAA;AACxB,IAAM,MAAA,IAAA,GAAO,IAAI,CAAC,CAAA,CAAA;AAClB,IAAM,MAAA,KAAA,GAAQ,IAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,IAAA,GAAO,IAAI,EAAE,CAAA,CAAA;AACnB,IAAM,MAAA,aAAA,GAAgB,IAAI,CAAC,CAAA,CAAA;AAC3B,IAAM,MAAA,OAAA,GAAU,IAAI,CAAC,CAAA,CAAA;AAQrB,IAAM,MAAA,gBAAA,GAAmB,CAAC,GAAgB,KAAA;AACxC,MAAA,IAAA,CAAK,KAAQ,GAAA,GAAA,CAAA;AACb,MAAoB,mBAAA,EAAA,CAAA;AAAA,KACtB,CAAA;AAGA,IAAM,MAAA,mBAAA,GAAsB,CAAC,GAAgB,KAAA;AAC3C,MAAA,IAAA,CAAK,KAAQ,GAAA,GAAA,CAAA;AACb,MAAoB,mBAAA,EAAA,CAAA;AAAA,KACtB,CAAA;AACA,IAAA,MAAM,mBAAsB,GAAA,OAAO,MAAS,GAAA,EAAO,KAAA;AACjD,MAAY,WAAA,EAAA,CAAA;AACZ,MAAI,IAAA;AACF,QAAM,MAAA,GAAA,GAAM,MAAM,iBAAA,CAAkB,IAAK,CAAA,KAAA,EAAO,IAAK,CAAA,KAAA,EAAO,KAAM,CAAA,KAAA,EAAO,OAAQ,CAAA,KAAA,EAAO,MAAM,CAAA,CAAA;AAC9F,QAAA,IAAA,CAAK,QAAQ,GAAI,CAAA,IAAA,CAAA;AACjB,QAAA,KAAA,CAAM,QAAQ,GAAI,CAAA,GAAA,CAAA;AAClB,QAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,eACT,CAAG,EAAA;AAAA,OAAC;AAAA,KACf,CAAA;AAEA,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,aAAA,CAAc,QAAQ,EAAC,CAAA;AACvB,MAAA,YAAA,CAAa,QAAQ,EAAC,CAAA;AACtB,MAAA,cAAA,CAAe,QAAQ,EAAC,CAAA;AAAA,KAC1B,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,CAAC,IAAA,EAAW,GAAgB,KAAA;AACnD,MAAA,MAAM,KAAQ,GAAA,aAAA,CAAc,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA,CAAA;AAC7C,MAAA,IAAI,QAAQ,CAAI,CAAA,EAAA;AACd,QAAc,aAAA,CAAA,KAAA,CAAM,MAAO,CAAA,KAAA,EAAO,CAAC,CAAA,CAAA;AACnC,QAAa,YAAA,CAAA,KAAA,CAAM,MAAO,CAAA,KAAA,EAAO,CAAC,CAAA,CAAA;AAClC,QAAe,cAAA,CAAA,KAAA,CAAM,MAAO,CAAA,KAAA,EAAO,CAAC,CAAA,CAAA;AAAA,OAC/B,MAAA;AACL,QAAc,aAAA,CAAA,KAAA,CAAM,KAAK,GAAG,CAAA,CAAA;AAC5B,QAAa,YAAA,CAAA,KAAA,CAAM,IAAK,CAAA,IAAA,CAAK,EAAE,CAAA,CAAA;AAC/B,QAAe,cAAA,CAAA,KAAA,CAAM,KAAK,IAAI,CAAA,CAAA;AAAA,OAChC;AAAA,KACF,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAa,YAAA,EAAA,CAAA;AACb,MAAoB,mBAAA,EAAA,CAAA;AAAA,KACrB,CAAA,CAAA;AAED,IAAa,QAAA,CAAA;AAAA,MACX,YAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
1
|
+
{"version":3,"file":"attachment.vue2.mjs","sources":["../../../src/attachment/src/attachment.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkAttachment',\n});\n</script>\n<template>\n <div class=\"dk-attachment attachment\">\n <!-- 顶部-->\n <div class=\"attachment-header flex justify-between pt-5px pb-5px\">\n <div class=\"header-form z\">\n <el-input v-model=\"searchFileName\" size=\"default\" placeholder=\"请输入附件名称\" class=\"input-with-select\">\n <template #append>\n <el-button :icon=\"Search\" />\n </template>\n </el-input>\n </div>\n <div class=\"header-button y\">\n <el-dropdown class=\"mr\" trigger=\"click\" @command=\"handleMoveAttachment\">\n <el-button size=\"default\" type=\"info\" :disabled=\"chooseFileKey.length <= 0\"> 移动 </el-button>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item v-for=\"(item, key) in groupList\" :key=\"key\" :command=\"item.id\">\n {{ item.name }}\n </el-dropdown-item>\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n <el-button size=\"default\" type=\"danger\" :disabled=\"chooseFileKey.length <= 0\" @click=\"onDelete\"\n >删除<i class=\"el-icon-delete el-icon--right\"></i\n ></el-button>\n <el-upload\n ref=\"upload\"\n class=\"dk-upload-button\"\n :action=\"uploadUrl\"\n multiple\n :data=\"data\"\n :show-file-list=\"false\"\n :headers=\"headers\"\n :on-success=\"handleUploadSuccess\"\n :accept=\"_accept\"\n list-type=\"text\"\n >\n <el-button type=\"primary\" size=\"default\">上传<i class=\"el-icon-upload el-icon--right\"></i></el-button>\n </el-upload>\n </div>\n </div>\n <!--内部-->\n <div class=\"attachment-content flex\">\n <!-- 分组-->\n <div class=\"attachment-group\">\n <h5 class=\"cursor-pointer flex items-center content-center\" @click=\"addGroup()\">\n 附件分组\n <el-icon class=\"m-l-5px\"><CirclePlusFilled /></el-icon>\n </h5>\n <ul class=\"group_list\">\n <li\n v-for=\"(item, key) in groupList\"\n :key=\"key\"\n :class=\"{ active: groupId === item.id }\"\n @click=\"selectGroup(item.id)\"\n >\n <dk-icon v-if=\"item.id === groupId\" icon=\"flat-color-icons:opened-folder\" />\n <dk-icon v-else icon=\"flat-color-icons:folder\" />\n\n <span class=\"ml-10px\">{{ item.name }}</span>\n\n <el-popover placement=\"right\" trigger=\"click\">\n <template #reference>\n <div class=\"op\">\n <el-icon v-if=\"item.id > 0\">\n <Tools />\n </el-icon>\n </div>\n </template>\n <template #default>\n <el-button size=\"small\" type=\"primary\" @click.stop=\"editGroup()\">编辑 </el-button>\n <el-button size=\"small\" type=\"danger\" @click=\"delGroup(item.id)\">删除</el-button>\n </template>\n </el-popover>\n </li>\n </ul>\n </div>\n <!-- 列表-->\n <div class=\"attachment-container\">\n <div v-if=\"loading || list.length > 0\" v-loading=\"loading\" class=\"p2\">\n <ul class=\"attachment-list cl\" :style=\"{ overflow: list.length > 10 ? 'auto' : '' }\">\n <li\n v-for=\"(item, key) in list\"\n :key=\"key\"\n :class=\"{ choose: chooseFileKey.indexOf(key) > -1 }\"\n @click=\"chooseAttachment(item, key)\"\n @contextmenu.prevent=\"contextMenuId = item.id\"\n >\n <div class=\"file\">\n <el-image v-if=\"item.type === 1\" class=\"file\" :src=\"item.url\" fit=\"contain\">\n <template #placeholder>\n <div class=\"u-m-t-30\">\n <i class=\"el-icon-loading\"></i>\n <span>加载中</span>\n </div>\n </template>\n </el-image>\n <div v-if=\"item.type === 2\">\n <dk-file-icon :file-name=\"item.filename\" :type=\"item.type\" />\n </div>\n <div v-if=\"item.type === 3\">\n <dk-file-icon :file-name=\"item.filename\" :type=\"item.type\" />\n </div>\n <div v-if=\"item.type === 0\">\n <dk-file-icon :file-name=\"item.filename\" />\n </div>\n </div>\n <div class=\"file-name over\">{{ item.name }}</div>\n <div class=\"right\">\n <el-icon>\n <Check />\n </el-icon>\n </div>\n </li>\n </ul>\n <div class=\"block p-10px\">\n <el-pagination\n :current-page=\"page\"\n layout=\"total, prev, pager, next, jumper,sizes\"\n :total=\"count\"\n :page-size=\"size\"\n @size-change=\"handleSizeChange\"\n @current-change=\"handleCurrentChange\"\n />\n </div>\n </div>\n <div v-else style=\"display: flex; align-items: center; justify-content: center; height: 340px\">\n <el-empty description=\"暂无数据\" />\n </div>\n <dk-form ref=\"groupForm\" :key=\"groupId\" :form-url=\"groupFormUrl\" :is-dialog=\"true\" @submit=\"onsubmit()\" />\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, reactive, onMounted, computed } from 'vue'\nimport {\n deleteAttachment,\n getAttachmentGroupList,\n getAttachmentList,\n moveAttachment,\n delAttachmentGroup,\n} from '../../api'\n\nimport { ElMessage, ElMessageBox } from 'element-plus'\nimport DkFileIcon from './file-icon.vue'\n\nimport { Search } from '@element-plus/icons-vue'\n\nimport { getAttachmentType, getGlobalConfig } from '@vipl520/utils'\nimport { attachmentProps } from './props'\n\n\n\nconst props = defineProps(attachmentProps)\n\nconst _type = computed(() => {\n return getAttachmentType(props.type)\n})\n\n/** ****************顶部data****************/\n// 搜索的文件名\nconst searchFileName = ref('')\n// 选择文件Key\nconst chooseFileKey = ref<number[]>([])\n// 选中文件列表\nconst chooseFileList = ref<any[]>([])\n// 选中文件ID\nconst chooseFileId = ref<number[]>([])\nconst globalConfig = getGlobalConfig()\n// 上传的地址\nconst uploadUrl = globalConfig.ApiUrl + '/adminapi/attachment/upload'\nconst headers = {\n 'Access-Token': globalConfig.AccessToken,\n}\n// 上传的ref\nconst upload = ref()\n// 上传的数据\nconst data = reactive({\n type: _type.value,\n file: 'file',\n group_id: 0,\n})\n\n/** *****顶部的函数****************/\n\nconst handleMoveAttachment = (groupId: number) => {\n moveAttachment(chooseFileId.value, groupId).then((res) => {\n ElMessage.success(res.msg)\n onGetAttachmentList()\n })\n}\n\nconst handleUploadSuccess = (res: any) => {\n console.log('res', res)\n if (res.code === 0) {\n ElMessage.success(res.msg)\n // upload.value.clearFiles()\n onGetAttachmentList()\n } else {\n ElMessage.error(res.msg)\n }\n}\n\nconst _accept = computed(() => {\n let _accept = ''\n if (props.accept) {\n return props.accept\n } else {\n switch (_type.value) {\n case 0:\n break\n case 1:\n _accept = 'image/*'\n break\n case 2:\n _accept = 'audio/*'\n break\n case 3:\n _accept = 'video/*'\n break\n }\n return _accept\n }\n})\n\nconst onDelete = () => {\n // 改成element-plus\n ElMessageBox.confirm('此操作将永久删除文件, 是否继续?', '提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n }).then(() => {\n try {\n deleteAttachment(chooseFileId.value)\n .then((res) => {\n console.log(res)\n onGetAttachmentList()\n })\n .catch((res) => {\n console.log('deleteAttachment error', res)\n })\n } catch (e) {\n console.log(e)\n }\n })\n}\n/** ****************分组data****************/\n// 分组列表\nconst groupList = ref<any>([])\n// 选中分组\n/** **********分组的函数****************/\n\nconst groupFormUrl = computed(() => {\n if (groupId.value === 0) {\n return {\n url: globalConfig.ApiUrl + '/adminapi/attachment/group/create',\n method: 'get',\n }\n } else {\n return {\n url: globalConfig.ApiUrl + '/adminapi/attachment/group/' + groupId.value + '/edit',\n method: 'get',\n }\n }\n})\n\nconst groupForm = ref()\n\nconst addGroup = () => {\n // TODO 添加文件分组\n groupId.value = 0\n groupForm.value.show()\n}\n\nconst delGroup = (id: number) => {\n // 改为Vue3\n ElMessageBox.confirm('此操作将永久删除该分组, 是否继续?', '提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning',\n }).then(() => {\n try {\n delAttachmentGroup(id)\n .then((res) => {\n ElMessage.success(res.msg)\n onsubmit()\n })\n .catch(() => {})\n } catch (e) {\n console.log(e)\n }\n })\n}\n\nconst editGroup = () => {\n groupForm.value.show()\n}\n\nconst onsubmit = () => {\n getGroupList()\n onGetAttachmentList()\n}\n\nconst selectGroup = (id: number) => {\n groupId.value = id\n page.value = 1\n onGetAttachmentList()\n}\n\nconst getGroupList = async () => {\n try {\n const res = await getAttachmentGroupList(_type.value)\n groupList.value = res.data\n } catch (e) {}\n}\n\n/** ****************附件列表*********************/\nconst loading = ref(true)\nconst list = ref<any>([])\nconst page = ref(1)\nconst count = ref(0)\nconst size = ref(10)\nconst contextMenuId = ref(0)\nconst groupId = ref(0)\n\n/** ***************列表函数*******************/\n\n// const editAttachment = () => {\n// // TODO 编辑附件\n// }\n\nconst handleSizeChange = (val: number) => {\n size.value = val\n onGetAttachmentList()\n}\n\n// 改变页码\nconst handleCurrentChange = (val: number) => {\n page.value = val\n onGetAttachmentList()\n}\nconst onGetAttachmentList = async (search = {}) => {\n clearChoose()\n try {\n const res = await getAttachmentList(page.value, size.value, _type.value, groupId.value, search)\n list.value = res.data\n count.value = res.msg\n loading.value = false\n } catch (e) {}\n}\n\nconst clearChoose = () => {\n chooseFileKey.value = []\n chooseFileId.value = []\n chooseFileList.value = []\n}\n\nconst chooseAttachment = (item: any, key: number) => {\n const index = chooseFileKey.value.indexOf(key)\n if (index > -1) {\n chooseFileKey.value.splice(index, 1)\n chooseFileId.value.splice(index, 1)\n chooseFileList.value.splice(index, 1)\n } else {\n chooseFileKey.value.push(key)\n chooseFileId.value.push(item.id)\n chooseFileList.value.push(item)\n }\n}\n\nonMounted(() => {\n getGroupList()\n onGetAttachmentList()\n})\n\ndefineExpose({\n chooseFileId,\n chooseFileKey,\n chooseFileList,\n clearChoose,\n})\n</script>\n"],"names":["__MACROS_defineComponent","groupId","_accept"],"mappings":"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"}
|
@@ -60,6 +60,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
60
60
|
createElementVNode("div", _hoisted_1, [
|
61
61
|
createVNode(_component_el_button, {
|
62
62
|
type: "primary",
|
63
|
+
size: "default",
|
63
64
|
onClick: _cache[0] || (_cache[0] = ($event) => confirm())
|
64
65
|
}, {
|
65
66
|
default: withCtx(() => [
|
@@ -69,6 +70,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
69
70
|
/* STABLE */
|
70
71
|
}),
|
71
72
|
createVNode(_component_el_button, {
|
73
|
+
size: "default",
|
72
74
|
onClick: _cache[1] || (_cache[1] = ($event) => cancel())
|
73
75
|
}, {
|
74
76
|
default: withCtx(() => [
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"attachment-dialog.vue2.mjs","sources":["../../../src/attachment-dialog/src/attachment-dialog.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkAttachmentDialog',\n});\n</script>\n<template>\n <DkDialog v-model=\"dialogVisible\" :class=\"bem()\" :title=\"title\" width=\"1040px\" :fullscreen=\"false\" :z-index=\"zIndex\">\n <dk-attachment ref=\"attachment\" :type=\"_type\" />\n <div class=\"text-center m2\">\n <el-button type=\"primary\" @click=\"confirm()\">确定</el-button>\n <el-button @click=\"cancel()\">关闭</el-button>\n </div>\n </DkDialog>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, getAttachmentTitle, getAttachmentType } from '@vipl520/utils'\nimport { attachmentDialogProps } from './props'\nimport { ref } from 'vue'\nimport { ElMessage } from 'element-plus'\nconst [_, bem] = createNamespace('attachment-dialog')\n\n\n\nconst props = defineProps(attachmentDialogProps)\nconst attachment = ref()\nconst dialogVisible = ref(false)\nconst title = ref(props.title || getAttachmentTitle(props.type))\n\nconst _type = ref(getAttachmentType(props.type))\n\nconst emit = defineEmits(['confirm'])\n\nconst confirm = () => {\n if (attachment.value.chooseFileList.length > 0) {\n emit('confirm', attachment.value.chooseFileList || [])\n dialogVisible.value = false\n } else {\n ElMessage.warning({ message: '请先选择文件' })\n }\n}\n\n// 关闭\nconst cancel = () => {\n dialogVisible.value = false\n}\n\nconst open = () => {\n dialogVisible.value = true\n}\n\ndefineExpose({\n dialogVisible,\n attachment,\n cancel,\n open,\n})\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,oBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAiBD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAI,gBAAgB,mBAAmB,CAAA,CAAA;AAKpD,IAAA,MAAM,aAAa,GAAI,EAAA,CAAA;AACvB,IAAM,MAAA,aAAA,GAAgB,IAAI,KAAK,CAAA,CAAA;AAC/B,IAAA,MAAM,QAAQ,GAAI,CAAA,KAAA,CAAM,SAAS,kBAAmB,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAE/D,IAAA,MAAM,KAAQ,GAAA,GAAA,CAAI,iBAAkB,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAI/C,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,IAAI,UAAW,CAAA,KAAA,CAAM,cAAe,CAAA,MAAA,GAAS,CAAG,EAAA;AAC9C,QAAA,IAAA,CAAK,SAAW,EAAA,UAAA,CAAW,KAAM,CAAA,cAAA,IAAkB,EAAE,CAAA,CAAA;AACrD,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,OACjB,MAAA;AACL,QAAA,SAAA,CAAU,OAAQ,CAAA,EAAE,OAAS,EAAA,sCAAA,EAAU,CAAA,CAAA;AAAA,OACzC;AAAA,KACF,CAAA;AAGA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAa,QAAA,CAAA;AAAA,MACX,aAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,IAAA;AAAA,KACD,CAAA,CAAA
|
1
|
+
{"version":3,"file":"attachment-dialog.vue2.mjs","sources":["../../../src/attachment-dialog/src/attachment-dialog.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkAttachmentDialog',\n});\n</script>\n<template>\n <DkDialog v-model=\"dialogVisible\" :class=\"bem()\" :title=\"title\" width=\"1040px\" :fullscreen=\"false\" :z-index=\"zIndex\">\n <dk-attachment ref=\"attachment\" :type=\"_type\" />\n <div class=\"text-center m2\">\n <el-button type=\"primary\" size=\"default\" @click=\"confirm()\">确定</el-button>\n <el-button size=\"default\" @click=\"cancel()\">关闭</el-button>\n </div>\n </DkDialog>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, getAttachmentTitle, getAttachmentType } from '@vipl520/utils'\nimport { attachmentDialogProps } from './props'\nimport { ref } from 'vue'\nimport { ElMessage } from 'element-plus'\nconst [_, bem] = createNamespace('attachment-dialog')\n\n\n\nconst props = defineProps(attachmentDialogProps)\nconst attachment = ref()\nconst dialogVisible = ref(false)\nconst title = ref(props.title || getAttachmentTitle(props.type))\n\nconst _type = ref(getAttachmentType(props.type))\n\nconst emit = defineEmits(['confirm'])\n\nconst confirm = () => {\n if (attachment.value.chooseFileList.length > 0) {\n emit('confirm', attachment.value.chooseFileList || [])\n dialogVisible.value = false\n } else {\n ElMessage.warning({ message: '请先选择文件' })\n }\n}\n\n// 关闭\nconst cancel = () => {\n dialogVisible.value = false\n}\n\nconst open = () => {\n dialogVisible.value = true\n}\n\ndefineExpose({\n dialogVisible,\n attachment,\n cancel,\n open,\n})\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,oBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAiBD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAI,gBAAgB,mBAAmB,CAAA,CAAA;AAKpD,IAAA,MAAM,aAAa,GAAI,EAAA,CAAA;AACvB,IAAM,MAAA,aAAA,GAAgB,IAAI,KAAK,CAAA,CAAA;AAC/B,IAAA,MAAM,QAAQ,GAAI,CAAA,KAAA,CAAM,SAAS,kBAAmB,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAE/D,IAAA,MAAM,KAAQ,GAAA,GAAA,CAAI,iBAAkB,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAI/C,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,IAAI,UAAW,CAAA,KAAA,CAAM,cAAe,CAAA,MAAA,GAAS,CAAG,EAAA;AAC9C,QAAA,IAAA,CAAK,SAAW,EAAA,UAAA,CAAW,KAAM,CAAA,cAAA,IAAkB,EAAE,CAAA,CAAA;AACrD,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,OACjB,MAAA;AACL,QAAA,SAAA,CAAU,OAAQ,CAAA,EAAE,OAAS,EAAA,sCAAA,EAAU,CAAA,CAAA;AAAA,OACzC;AAAA,KACF,CAAA;AAGA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAa,QAAA,CAAA;AAAA,MACX,aAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,IAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -320,12 +320,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
320
320
|
icon: "Plus",
|
321
321
|
plain: "",
|
322
322
|
onClick: add
|
323
|
+
}, {
|
324
|
+
default: withCtx(() => [
|
325
|
+
createTextVNode("\u589E\u52A0")
|
326
|
+
]),
|
327
|
+
_: 1
|
328
|
+
/* STABLE */
|
323
329
|
}),
|
324
330
|
createVNode(_component_el_button, {
|
325
331
|
icon: "Delete",
|
326
332
|
plain: "",
|
327
333
|
onClick: ($event) => del(index, index + 1)
|
328
|
-
},
|
334
|
+
}, {
|
335
|
+
default: withCtx(() => [
|
336
|
+
createTextVNode("\u5220\u9664")
|
337
|
+
]),
|
338
|
+
_: 2
|
339
|
+
/* DYNAMIC */
|
340
|
+
}, 1032, ["onClick"])
|
329
341
|
]),
|
330
342
|
_: 2
|
331
343
|
/* DYNAMIC */
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"group.vue2.mjs","sources":["../../../src/group/src/group.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkGroup',\n});\n</script>\n<template>\n <div :class=\"'dk-group _fc-group ' + (disabled ? '_fc-group-disabled' : '')\">\n <el-divider v-if=\"props.title\">{{ props.title }}</el-divider>\n <div v-if=\"data.sort.length === 0\">\n <el-button :key=\"'a_def'\" style=\"width: 100%\" type=\"primary\" @click=\"add\"> 添加数据 </el-button>\n </div>\n <draggable\n tag=\"el-collapse\"\n :list=\"props.modelValue\"\n :component-data=\"collapseComponentData\"\n item-key=\"id\"\n handle=\".collapse-title-rank\"\n >\n <template #item=\"{ element, index }\">\n <el-collapse-item :title=\"element.title\" :name=\"index\">\n <template #title>\n <div class=\"collapse-title\">\n <dk-icon icon=\"Rank\" class=\"collapse-title-rank\"></dk-icon>\n <span>{{ getTitle(index) }}</span>\n </div>\n </template>\n <template #default>\n <div :key=\"index\" class=\"_dk-group-container\">\n <Type\n :key=\"index\"\n :in-for=\"true\"\n :model-value=\"getFieldValue(index)\"\n :rule=\"data.cacheRule[index].rule\"\n :option=\"data.cacheRule[index].options\"\n :extend-option=\"true\"\n @update:modelValue=\"formData(index, $event)\"\n @emit-event=\"(name: any, ...args: any) => emitEvent(name, args, index)\"\n @update:api=\"($f: any) => add$f(index, $f)\"\n />\n <div class=\"_dk-group-handle\">\n <el-button-group>\n <el-button icon=\"Plus\" plain @click=\"add\" />\n <el-button icon=\"Delete\" plain @click=\"del(index, index + 1)\" />\n </el-button-group>\n </div>\n </div>\n </template>\n </el-collapse-item>\n </template>\n </draggable>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { markRaw, nextTick, reactive, watch, onMounted } from 'vue'\nimport { deepCopy, deepExtend, hasProperty } from '../utils/utils'\nimport extend from '../utils/extend'\n// import draggable from 'vuedraggable'\nimport { groupProps } from './props'\n\n\n\nconst props = defineProps(groupProps)\nconst emit = defineEmits(['update:modelValue', 'change', 'itemMounted', 'remove', 'add'])\nconst data: any = reactive({\n len: 0,\n cacheRule: {},\n cacheValue: {},\n sort: [],\n form: markRaw(props.formCreateInject.form.$form()),\n loading: true,\n})\n\nconst collapseComponentData = reactive({\n modelValue: [0],\n})\n\nconst Type = data.form\n\nwatch(\n () => props.rule, // 侦听 rule 属性\n (n, o) => {\n // 您原来的 handler 逻辑\n Object.keys(data.cacheRule).forEach((v) => {\n const item = data.cacheRule[v]\n if (item.$f) {\n const val = item.$f.formData()\n if (n === o) {\n item.$f.deferSyncValue(() => {\n deepExtend(item.rule, n, false)\n item.$f.setValue(val)\n }, true)\n } else {\n const val = item.$f.formData()\n item.$f.once('reloading', () => {\n item.$f.setValue(val)\n })\n item.rule = deepCopy(n)\n }\n }\n })\n },\n { deep: true } // 深度侦听\n)\n\nwatch(\n () => props.disabled, // 侦听 disabled 属性\n (n) => {\n // 您原来的 disabled 逻辑\n if (props.syncDisabled) {\n const lst = data.cacheRule\n Object.keys(lst).forEach((k) => {\n lst[k].$f.disabled(n)\n })\n }\n }\n)\n\nwatch(\n () => props.expand, // 侦听 expand 属性\n (n) => {\n // 您原来的 expand 逻辑\n const d = n - props.modelValue.length\n if (d > 0) {\n expandRule(d)\n }\n }\n)\n\nwatch(\n () => props.modelValue, // 侦听 modelValue 属性\n (n) => {\n // 您原来的 modelValue 逻辑\n n = n || []\n const keys = Object.keys(data.cacheRule)\n const total = keys.length // 缓存数\n const len = total - n.length // 缓存数-value数\n if (len < 0) {\n for (let i = len; i < 0; i++) {\n addRule(n.length - 1, true)\n }\n for (let i = 0; i < total; i++) {\n setValue(keys[i], n[i])\n }\n } else {\n if (len > 0) {\n for (let i = 0; i < len; i++) {\n console.log('keys[total - i - 1]', keys[total - i - 1])\n removeRule(keys[total - i - 1])\n }\n }\n n.forEach((val, i) => {\n setValue(keys[i], n[i])\n })\n }\n },\n { deep: true } // 深度侦听\n)\n\nwatch(\n () => ({ ...data.cacheRule }),\n (n) => {\n data.sort = Object.keys(n)\n },\n { immediate: true }\n)\n\nconst getFieldValue = (index: number) => {\n if (props.field) {\n return { [props.field]: _value(props.modelValue[index]) }\n } else {\n return props.modelValue[index]\n }\n}\n\nconst getTitle = (index: number) => {\n if (data.cacheRule[index]) {\n const { rule } = data.cacheRule[index]\n const defaultField = props.titleField ? props.titleField : rule[0]?.field\n return data.cacheRule[index].$f?.getValue(defaultField) || '点击展开'\n } else {\n return '点击展开'\n }\n}\nconst _value = (v: any) => {\n return v && hasProperty(v, props.field) ? v[props.field] : v\n}\nconst cache = (k: any, val: any) => {\n data.cacheValue[k] = JSON.stringify(val)\n}\nconst input = (value: any) => {\n emit('update:modelValue', value)\n emit('change', value)\n}\nconst formData = (index: any, formData: any) => {\n nextTick(() => {\n const keys = Object.keys(data.cacheRule)\n const value = keys.map((k: any) => {\n const _data = index === k ? formData : { ...data.cacheRule[k].$f.form }\n const value = props.field ? _data[props.field] || null : _data\n cache(k, value)\n return value\n })\n input(value)\n })\n}\n\nconst add$f = (index: any, $f: any) => {\n data.cacheRule[index].$f = $f\n nextTick(() => {\n if (props.syncDisabled) {\n $f.disabled(props.disabled)\n }\n emit('itemMounted', $f, Object.keys(data.cacheRule).indexOf(index))\n })\n}\n\nonMounted(() => {\n data.loading = false\n})\n\nconst setValue = (key: any, value: any) => {\n const field = props.field\n if (field) {\n value = { [field]: _value(value) }\n }\n if (data.cacheValue[key] === JSON.stringify(field ? value[field] : value)) {\n return\n }\n cache(key, value)\n}\nconst addRule = (index: any, isEmit = false) => {\n const rule = props.formCreateInject.form.copyRules(props.rule || [])\n const options: any = props.options\n ? { ...props.options }\n : {\n submitBtn: false,\n resetBtn: false,\n }\n if (props.defaultValue) {\n if (!options.formData) options.formData = {}\n const defVal = deepCopy(props.defaultValue)\n extend(options.formData, props.field ? { [props.field]: defVal } : defVal)\n }\n props.parse && props.parse({ rule, options, index: data.sort.length })\n data.cacheRule[index] = { rule, options }\n if (isEmit) {\n nextTick(() => emit('add', rule, Object.keys(data.cacheRule).length - 1))\n }\n}\n\nconst removeRule = (index: any, isEmit = false) => {\n delete data.cacheRule[index]\n delete data.cacheValue[index]\n if (isEmit) {\n nextTick(() => emit('remove', index))\n }\n}\nconst add = () => {\n if (props.disabled || props.onBeforeAdd(props.modelValue) === false) {\n return\n }\n const value = [...props.modelValue]\n value.push(props.defaultValue ? deepCopy(props.defaultValue) : props.field ? null : {})\n input(value)\n collapseComponentData.modelValue = [value.length - 1]\n}\nconst del = (index: number, key: number) => {\n if (props.disabled || props.onBeforeRemove(props.modelValue, index) === false) {\n return\n }\n const value = [...props.modelValue]\n value.splice(index, 1)\n input(value)\n}\n\nconst emitEvent = (name: any, args: any, index: any) => {\n emit(name, ...args, data.cacheRule[index].$f, index)\n}\n\nconst expandRule = (n: any) => {\n for (let i = 0; i < n; i++) {\n // eslint-disable-next-line vue/no-mutating-props\n props.modelValue.push(props.field ? null : {})\n }\n}\n\nconst d = (props.expand || 0) - props.modelValue.length\nfor (let i = 0; i < props.modelValue.length; i++) {\n addRule(i)\n}\nif (d > 0) {\n expandRule(d)\n}\n</script>\n"],"names":["__MACROS_defineComponent","val","d","formData","value"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"group.vue2.mjs","sources":["../../../src/group/src/group.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkGroup',\n});\n</script>\n<template>\n <div :class=\"'dk-group _fc-group ' + (disabled ? '_fc-group-disabled' : '')\">\n <el-divider v-if=\"props.title\">{{ props.title }}</el-divider>\n <div v-if=\"data.sort.length === 0\">\n <el-button :key=\"'a_def'\" style=\"width: 100%\" type=\"primary\" @click=\"add\"> 添加数据 </el-button>\n </div>\n <draggable\n tag=\"el-collapse\"\n :list=\"props.modelValue\"\n :component-data=\"collapseComponentData\"\n item-key=\"id\"\n handle=\".collapse-title-rank\"\n >\n <template #item=\"{ element, index }\">\n <el-collapse-item :title=\"element.title\" :name=\"index\">\n <template #title>\n <div class=\"collapse-title\">\n <dk-icon icon=\"Rank\" class=\"collapse-title-rank\"></dk-icon>\n <span>{{ getTitle(index) }}</span>\n </div>\n </template>\n <template #default>\n <div :key=\"index\" class=\"_dk-group-container\">\n <Type\n :key=\"index\"\n :in-for=\"true\"\n :model-value=\"getFieldValue(index)\"\n :rule=\"data.cacheRule[index].rule\"\n :option=\"data.cacheRule[index].options\"\n :extend-option=\"true\"\n @update:modelValue=\"formData(index, $event)\"\n @emit-event=\"(name: any, ...args: any) => emitEvent(name, args, index)\"\n @update:api=\"($f: any) => add$f(index, $f)\"\n />\n <div class=\"_dk-group-handle\">\n <el-button-group>\n <el-button icon=\"Plus\" plain @click=\"add\">增加</el-button>\n <el-button icon=\"Delete\" plain @click=\"del(index, index + 1)\">删除</el-button>\n </el-button-group>\n </div>\n </div>\n </template>\n </el-collapse-item>\n </template>\n </draggable>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { markRaw, nextTick, reactive, watch, onMounted } from 'vue'\nimport { deepCopy, deepExtend, hasProperty } from '../utils/utils'\nimport extend from '../utils/extend'\n// import draggable from 'vuedraggable'\nimport { groupProps } from './props'\n\n\n\nconst props = defineProps(groupProps)\nconst emit = defineEmits(['update:modelValue', 'change', 'itemMounted', 'remove', 'add'])\nconst data: any = reactive({\n len: 0,\n cacheRule: {},\n cacheValue: {},\n sort: [],\n form: markRaw(props.formCreateInject.form.$form()),\n loading: true,\n})\n\nconst collapseComponentData = reactive({\n modelValue: [0],\n})\n\nconst Type = data.form\n\nwatch(\n () => props.rule, // 侦听 rule 属性\n (n, o) => {\n // 您原来的 handler 逻辑\n Object.keys(data.cacheRule).forEach((v) => {\n const item = data.cacheRule[v]\n if (item.$f) {\n const val = item.$f.formData()\n if (n === o) {\n item.$f.deferSyncValue(() => {\n deepExtend(item.rule, n, false)\n item.$f.setValue(val)\n }, true)\n } else {\n const val = item.$f.formData()\n item.$f.once('reloading', () => {\n item.$f.setValue(val)\n })\n item.rule = deepCopy(n)\n }\n }\n })\n },\n { deep: true } // 深度侦听\n)\n\nwatch(\n () => props.disabled, // 侦听 disabled 属性\n (n) => {\n // 您原来的 disabled 逻辑\n if (props.syncDisabled) {\n const lst = data.cacheRule\n Object.keys(lst).forEach((k) => {\n lst[k].$f.disabled(n)\n })\n }\n }\n)\n\nwatch(\n () => props.expand, // 侦听 expand 属性\n (n) => {\n // 您原来的 expand 逻辑\n const d = n - props.modelValue.length\n if (d > 0) {\n expandRule(d)\n }\n }\n)\n\nwatch(\n () => props.modelValue, // 侦听 modelValue 属性\n (n) => {\n // 您原来的 modelValue 逻辑\n n = n || []\n const keys = Object.keys(data.cacheRule)\n const total = keys.length // 缓存数\n const len = total - n.length // 缓存数-value数\n if (len < 0) {\n for (let i = len; i < 0; i++) {\n addRule(n.length - 1, true)\n }\n for (let i = 0; i < total; i++) {\n setValue(keys[i], n[i])\n }\n } else {\n if (len > 0) {\n for (let i = 0; i < len; i++) {\n console.log('keys[total - i - 1]', keys[total - i - 1])\n removeRule(keys[total - i - 1])\n }\n }\n n.forEach((val, i) => {\n setValue(keys[i], n[i])\n })\n }\n },\n { deep: true } // 深度侦听\n)\n\nwatch(\n () => ({ ...data.cacheRule }),\n (n) => {\n data.sort = Object.keys(n)\n },\n { immediate: true }\n)\n\nconst getFieldValue = (index: number) => {\n if (props.field) {\n return { [props.field]: _value(props.modelValue[index]) }\n } else {\n return props.modelValue[index]\n }\n}\n\nconst getTitle = (index: number) => {\n if (data.cacheRule[index]) {\n const { rule } = data.cacheRule[index]\n const defaultField = props.titleField ? props.titleField : rule[0]?.field\n return data.cacheRule[index].$f?.getValue(defaultField) || '点击展开'\n } else {\n return '点击展开'\n }\n}\nconst _value = (v: any) => {\n return v && hasProperty(v, props.field) ? v[props.field] : v\n}\nconst cache = (k: any, val: any) => {\n data.cacheValue[k] = JSON.stringify(val)\n}\nconst input = (value: any) => {\n emit('update:modelValue', value)\n emit('change', value)\n}\nconst formData = (index: any, formData: any) => {\n nextTick(() => {\n const keys = Object.keys(data.cacheRule)\n const value = keys.map((k: any) => {\n const _data = index === k ? formData : { ...data.cacheRule[k].$f.form }\n const value = props.field ? _data[props.field] || null : _data\n cache(k, value)\n return value\n })\n input(value)\n })\n}\n\nconst add$f = (index: any, $f: any) => {\n data.cacheRule[index].$f = $f\n nextTick(() => {\n if (props.syncDisabled) {\n $f.disabled(props.disabled)\n }\n emit('itemMounted', $f, Object.keys(data.cacheRule).indexOf(index))\n })\n}\n\nonMounted(() => {\n data.loading = false\n})\n\nconst setValue = (key: any, value: any) => {\n const field = props.field\n if (field) {\n value = { [field]: _value(value) }\n }\n if (data.cacheValue[key] === JSON.stringify(field ? value[field] : value)) {\n return\n }\n cache(key, value)\n}\nconst addRule = (index: any, isEmit = false) => {\n const rule = props.formCreateInject.form.copyRules(props.rule || [])\n const options: any = props.options\n ? { ...props.options }\n : {\n submitBtn: false,\n resetBtn: false,\n }\n if (props.defaultValue) {\n if (!options.formData) options.formData = {}\n const defVal = deepCopy(props.defaultValue)\n extend(options.formData, props.field ? { [props.field]: defVal } : defVal)\n }\n props.parse && props.parse({ rule, options, index: data.sort.length })\n data.cacheRule[index] = { rule, options }\n if (isEmit) {\n nextTick(() => emit('add', rule, Object.keys(data.cacheRule).length - 1))\n }\n}\n\nconst removeRule = (index: any, isEmit = false) => {\n delete data.cacheRule[index]\n delete data.cacheValue[index]\n if (isEmit) {\n nextTick(() => emit('remove', index))\n }\n}\nconst add = () => {\n if (props.disabled || props.onBeforeAdd(props.modelValue) === false) {\n return\n }\n const value = [...props.modelValue]\n value.push(props.defaultValue ? deepCopy(props.defaultValue) : props.field ? null : {})\n input(value)\n collapseComponentData.modelValue = [value.length - 1]\n}\nconst del = (index: number, key: number) => {\n if (props.disabled || props.onBeforeRemove(props.modelValue, index) === false) {\n return\n }\n const value = [...props.modelValue]\n value.splice(index, 1)\n input(value)\n}\n\nconst emitEvent = (name: any, args: any, index: any) => {\n emit(name, ...args, data.cacheRule[index].$f, index)\n}\n\nconst expandRule = (n: any) => {\n for (let i = 0; i < n; i++) {\n // eslint-disable-next-line vue/no-mutating-props\n props.modelValue.push(props.field ? null : {})\n }\n}\n\nconst d = (props.expand || 0) - props.modelValue.length\nfor (let i = 0; i < props.modelValue.length; i++) {\n addRule(i)\n}\nif (d > 0) {\n expandRule(d)\n}\n</script>\n"],"names":["__MACROS_defineComponent","val","d","formData","value"],"mappings":"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"}
|
@@ -18,7 +18,7 @@ const _hoisted_6 = /* @__PURE__ */ createElementVNode(
|
|
18
18
|
-1
|
19
19
|
/* HOISTED */
|
20
20
|
);
|
21
|
-
const _hoisted_7 = { style: { "
|
21
|
+
const _hoisted_7 = { style: { "display": "flex", "justify-content": "space-between", "width": "100%" } };
|
22
22
|
const __default__ = defineComponent({
|
23
23
|
name: "HotAreaContent"
|
24
24
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"hot-area-content.vue2.mjs","sources":["../../../../src/hot-area-input/src/component/hot-area-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'HotAreaContent',\n});\n</script>\n<template>\n <div class=\"hot-area-content\">\n <div class=\"hot-area-draggable\">\n <div\n v-if=\"hotData.background\"\n :style=\"{\n width: hotData.width + 'px',\n height: hotData.height + 'px',\n backgroundImage: 'url(' + hotData.background + ')',\n }\"\n style=\"background-size: 100% 100%\"\n @contextmenu.prevent\n >\n <vue3-draggable-resizable\n v-for=\"(item, key) in hotData.views\"\n :key=\"key\"\n ref=\"draggables\"\n v-model:h=\"item.css.height\"\n v-model:x=\"item.css.left\"\n v-model:y=\"item.css.top\"\n v-model:w=\"item.css.width\"\n :init-w=\"item.css.width\"\n :init-h=\"item.css.height\"\n :parent=\"true\"\n style=\"cursor: move\"\n :min-width=\"20\"\n :min-height=\"20\"\n @resizing=\"onResize\"\n @dragging=\"onDrag\"\n @mousedown=\"index = key\"\n >\n <div class=\"hot-item-content\" style=\"position: relative; width: 100%; height: 100%; background: #0003\">\n {{ key + 1 }}\n </div>\n </vue3-draggable-resizable>\n </div>\n <div v-else style=\"width: 500px; height: 500px\">\n <el-empty description=\"请上传图片\"></el-empty>\n </div>\n </div>\n <div class=\"hot-area-form\">\n <h3 style=\"margin-top: 0; font-size: 16px; font-weight: 500\">热区管理</h3>\n <el-form label-width=\"80px\" label-position=\"left\">\n <el-form-item label=\"背景图 \">\n <dk-image-input v-model=\"hotData.background\" />\n </el-form-item>\n <el-form-item v-for=\"(item, key) in hotData.views\" :key=\"key\" :label=\"'热区地址' + (key + 1)\">\n <div style=\"
|
1
|
+
{"version":3,"file":"hot-area-content.vue2.mjs","sources":["../../../../src/hot-area-input/src/component/hot-area-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'HotAreaContent',\n});\n</script>\n<template>\n <div class=\"hot-area-content\">\n <div class=\"hot-area-draggable\">\n <div\n v-if=\"hotData.background\"\n :style=\"{\n width: hotData.width + 'px',\n height: hotData.height + 'px',\n backgroundImage: 'url(' + hotData.background + ')',\n }\"\n style=\"background-size: 100% 100%\"\n @contextmenu.prevent\n >\n <vue3-draggable-resizable\n v-for=\"(item, key) in hotData.views\"\n :key=\"key\"\n ref=\"draggables\"\n v-model:h=\"item.css.height\"\n v-model:x=\"item.css.left\"\n v-model:y=\"item.css.top\"\n v-model:w=\"item.css.width\"\n :init-w=\"item.css.width\"\n :init-h=\"item.css.height\"\n :parent=\"true\"\n style=\"cursor: move\"\n :min-width=\"20\"\n :min-height=\"20\"\n @resizing=\"onResize\"\n @dragging=\"onDrag\"\n @mousedown=\"index = key\"\n >\n <div class=\"hot-item-content\" style=\"position: relative; width: 100%; height: 100%; background: #0003\">\n {{ key + 1 }}\n </div>\n </vue3-draggable-resizable>\n </div>\n <div v-else style=\"width: 500px; height: 500px\">\n <el-empty description=\"请上传图片\"></el-empty>\n </div>\n </div>\n <div class=\"hot-area-form\">\n <h3 style=\"margin-top: 0; font-size: 16px; font-weight: 500\">热区管理</h3>\n <el-form label-width=\"80px\" label-position=\"left\">\n <el-form-item label=\"背景图 \">\n <dk-image-input v-model=\"hotData.background\" />\n </el-form-item>\n <el-form-item v-for=\"(item, key) in hotData.views\" :key=\"key\" :label=\"'热区地址' + (key + 1)\">\n <div style=\"display: flex; justify-content: space-between; width: 100%\">\n <dk-url-input\n v-model=\"hotData.views[key].url\"\n placeholder=\"填写跳转地址\"\n style=\"width: 100%; margin-right: 5px\"\n />\n <el-button type=\"danger\" plain @click=\"delView(key)\">\n <dk-icon icon=\"Delete\"></dk-icon>\n </el-button>\n </div>\n </el-form-item>\n </el-form>\n <el-button :disabled=\"!hotData.background\" type=\"primary\" @click=\"addView()\">{{\n hotData.background ? '添加热区' : '请先上传图片'\n }}</el-button>\n </div>\n </div>\n</template>\n<script setup lang=\"ts\">\n// import Vue3DraggableResizable, { DraggableContainer } from 'vue3-draggable-resizable'\nimport { reactive, ref, watch, onMounted } from 'vue'\n\n\nconst props = defineProps({\n hotDataValue: {\n default: () => {\n return {\n views: [],\n width: 400,\n height: 400,\n background: null,\n }\n },\n type: Object,\n },\n})\nconst index = ref(0)\nconst hotData = reactive(props.hotDataValue)\nconst addView = () => {\n // 这里hotData可以能没有views,如果没有就添加上views\n if (!Array.isArray(hotData.views)) {\n hotData.views = []\n }\n hotData.views.push({\n css: {\n left: 0,\n top: 0,\n width: 80,\n height: 80,\n borderRadius: 0,\n borderColor: '#fff',\n },\n url: '',\n })\n}\n\nconst delView = (indexToDelete: any) => {\n if (indexToDelete >= 0 && indexToDelete < hotData.views.length) {\n hotData.views.splice(indexToDelete, 1)\n }\n}\n\nconst onDrag = (p: any) => {\n const css = hotData.views[index.value].css\n css.left = p.x\n css.top = p.y\n}\nconst onResize = (p: any) => {\n const css = hotData.views[index.value].css\n css.left = p.x\n css.top = p.y\n css.width = p.w\n css.height = p.h\n}\n\nonMounted(() => {\n resetSize()\n})\n\nwatch(\n () => hotData?.background,\n () => {\n resetSize()\n }\n)\n\nconst resetSize = () => {\n if (hotData.background) {\n getImageSize(hotData.background)\n .then((image: any) => {\n hotData.width = 500\n hotData.height = (image.height * 500) / image.width\n setTimeout(() => {\n // checkParentSize()\n }, 200)\n })\n .catch(() => {})\n }\n}\n\nconst getImageSize = (url: any) => {\n return new Promise(function (resolve, reject) {\n const image = new Image()\n image.onload = function () {\n resolve({\n width: image.width,\n height: image.height,\n })\n }\n image.onerror = function () {\n reject(new Error('error'))\n }\n image.src = url\n })\n}\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":"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"}
|
@@ -24,7 +24,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
24
24
|
key: 0,
|
25
25
|
border: false,
|
26
26
|
"column-num": $props.columnNum,
|
27
|
-
class: "min-h-30px dk-app-gold-grid"
|
27
|
+
class: "min-h-30px dk-app-gold-grid",
|
28
|
+
style: {"--van-grid-item-content-background":"none"}
|
28
29
|
}, {
|
29
30
|
default: withCtx(() => [
|
30
31
|
(openBlock(true), createElementBlock(Fragment, null, renderList($props.list, (item, key) => {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DkMinGrid.vue.mjs","sources":["../../../../../src/page-diy/src/views/min/DkMinGrid.vue"],"sourcesContent":["<template>\n <van-grid
|
1
|
+
{"version":3,"file":"DkMinGrid.vue.mjs","sources":["../../../../../src/page-diy/src/views/min/DkMinGrid.vue"],"sourcesContent":["<template>\n <van-grid\n v-if=\"list?.length > 0\"\n :border=\"false\"\n :column-num=\"columnNum\"\n class=\"min-h-30px dk-app-gold-grid\"\n style=\"--van-grid-item-content-background: none\"\n >\n <van-grid-item v-for=\"(item, key) in list\" :key=\"key\">\n <img v-if=\"item.image\" :src=\"item.image\" alt=\"\" :style=\"imageStyle\" />\n <div\n v-else\n class=\"flex justify-center items-center\"\n style=\"display: flex; background: #f3f5f7\"\n :style=\"imageStyle\"\n >\n <dk-icon icon=\"PictureFilled\" color=\"#BBBFC8\"></dk-icon>\n </div>\n <span :style=\"{ ...fontStyle }\">{{ item.title }}</span>\n </van-grid-item>\n </van-grid>\n <el-empty v-else></el-empty>\n</template>\n<script>\nexport default {\n name: 'DkMinGrid',\n props: ['list', 'columnNum', 'imageStyle', 'useImageStyle', 'fontStyle'],\n data: () => {\n return {\n value: '',\n }\n },\n}\n</script>\n"],"names":["_createBlock","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_createVNode","_createElementVNode","_toDisplayString"],"mappings":";;;AAwBA,MAAK,SAAU,GAAA;AACb,EAAA,IAAI,EAAE,WAAW;AACjB,EAAA,KAAK,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,CAAC;AACxE,EAAA,IAAI,EAAE,MAAM;AACV,IAAA,OAAO;AACL,MAAA,KAAK,EAAE,EAAE;AACX,KAAA;GACD;AACH,EAAA;;;;;;;;;;AA9BU,EAAA,OAAA,CAAA,MAAA,CAAA,IAAI,EAAE,MAAM,GAAA,CAAA;oBADpBA,WAmBW,CAAA,mBAAA,EAAA;;AAjBR,QAAA,MAAM,EAAE,KAAK;AACb,QAAA,YAAU,EAAE,MAAS,CAAA,SAAA;AACtB,QAAA,KAAK,EAAC,6BAA6B;AACnC,QAAA,KAAgD,EAAhD,CAAgD,oCAAA,CAAA,MAAA,CAAA;;yBAEjC,MAA2B;AAA1C,WAAAC,SAAA,CAAA,IAAA,CAAA,EAAAC,kBAAA,CAWgBC,QAXqB,EAAA,IAAA,EAAAC,UAAA,CAAA,MAAA,CAAA,IAAI,EAAlB,CAAA,IAAI,EAAE,GAAG,KAAA;iCAAhCJ,WAWgB,CAAA,wBAAA,EAAA,EAX4B,GAAG,EAAE,GAAG,EAAA,EAAA;+BAClD,MAAsE;AAA3D,gBAAA,CAAA,IAAI,CAAC,KAAK;kCAArBE,kBAAsE,CAAA,KAAA,EAAA;;sBAA9C,GAAG,EAAE,IAAI,CAAC,KAAK;AAAE,sBAAA,GAAG,EAAC,EAAE;AAAE,sBAAA,KAAK,iBAAE,MAAU,CAAA,UAAA,CAAA;;kCAClEA,kBAOM,CAAA,KAAA,EAAA;;AALJ,sBAAA,KAAK,EAAC,kCAAkC;sBACxC,KAA0C,EAAAG,cAAA,CAAA,CAA1C,CAA0C,SAAA,CAAA,MAAA,CAAA,YAAA,CAAA,SAAA,CAAA,EAClC,MAAU,CAAA,UAAA,CAAA,CAAA;;sBAElBC,WAAwD,CAAA,kBAAA,EAAA;AAA/C,wBAAA,IAAI,EAAC,eAAe;AAAC,wBAAA,KAAK,EAAC,SAAS;;;gBAE/CC,kBAAuD,CAAA,MAAA,EAAA;AAAhD,kBAAA,KAAK,sBAAO,MAAS,CAAA,SAAA,EAAA,CAAA;AAAO,iBAAA,EAAAC,eAAA,CAAA,IAAI,CAAC,KAAK,CAAA,EAAA,CAAA,mBAAA;;;;;;;;oBAGjDR,WAA4B,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;;;;;"}
|