@vipl520/dk-ui 1.0.30 → 1.0.32
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.js +2 -4
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/dist/index.min.mjs +1 -1
- package/dist/index.min.mjs.map +1 -1
- package/dist/index.mjs +2 -4
- package/dist/web-types.json +1 -1
- package/es/page-diy/src/components/PreviewPhone.vue2.mjs +2 -2
- package/es/page-diy/src/components/PreviewPhone.vue2.mjs.map +1 -1
- package/es/page-diy/src/components/forms/DkEventSelectInput.vue.mjs +0 -2
- package/es/page-diy/src/components/forms/DkEventSelectInput.vue.mjs.map +1 -1
- package/lib/page-diy/src/components/PreviewPhone.vue2.js +2 -2
- package/lib/page-diy/src/components/PreviewPhone.vue2.js.map +1 -1
- package/lib/page-diy/src/components/forms/DkEventSelectInput.vue.js +0 -2
- package/lib/page-diy/src/components/forms/DkEventSelectInput.vue.js.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -17870,8 +17870,8 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
|
17870
17870
|
const key = "preview-phone";
|
|
17871
17871
|
const cache = JSON.parse(storage.get(key) || "{}");
|
|
17872
17872
|
const form = ref({
|
|
17873
|
-
showLine: cache.showLine ||
|
|
17874
|
-
margin: cache.margin ||
|
|
17873
|
+
showLine: cache.showLine || true,
|
|
17874
|
+
margin: cache.margin || 2,
|
|
17875
17875
|
preview: cache.preview || false,
|
|
17876
17876
|
closeAnimate: cache.closeAnimate || false
|
|
17877
17877
|
});
|
|
@@ -24888,7 +24888,6 @@ const _sfc_main$g = {
|
|
|
24888
24888
|
},
|
|
24889
24889
|
// 更新事件
|
|
24890
24890
|
onUpdateEvent() {
|
|
24891
|
-
console.log('children', this.children);
|
|
24892
24891
|
for (let i = 0; i < this.children.length; i++) {
|
|
24893
24892
|
if (this.children[i].children.length > 0) {
|
|
24894
24893
|
// 当前节点
|
|
@@ -24918,7 +24917,6 @@ const _sfc_main$g = {
|
|
|
24918
24917
|
},
|
|
24919
24918
|
// 寻找事件
|
|
24920
24919
|
findDkEventCreateInput(data, propsData) {
|
|
24921
|
-
console.log('findDkEventCreateInput', data);
|
|
24922
24920
|
const result = [];
|
|
24923
24921
|
data.forEach((element) => {
|
|
24924
24922
|
if (element.children) {
|
package/dist/web-types.json
CHANGED
|
@@ -54,8 +54,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
54
54
|
const key = "preview-phone";
|
|
55
55
|
const cache = JSON.parse(storage.get(key) || "{}");
|
|
56
56
|
const form = ref({
|
|
57
|
-
showLine: cache.showLine ||
|
|
58
|
-
margin: cache.margin ||
|
|
57
|
+
showLine: cache.showLine || true,
|
|
58
|
+
margin: cache.margin || 2,
|
|
59
59
|
preview: cache.preview || false,
|
|
60
60
|
closeAnimate: cache.closeAnimate || false
|
|
61
61
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreviewPhone.vue2.mjs","sources":["../../../../src/page-diy/src/components/PreviewPhone.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'PreviewPhone',\n});\n</script>\n<template>\n <div class=\"preview-phone\">\n <div class=\"phone\">\n <div class=\"phone-header\">\n <div class=\"phone-header-top\">\n <div class=\"phone-time\">\n <span>{{ time }}</span>\n <van-icon name=\"wechat\" color=\"#2ddd71\" />\n </div>\n <div />\n <div class=\"phone-battery\">\n <span class=\"m-r-4px\">100%</span>\n <dk-icon icon=\"gg:battery-full\" :size=\"18\" color=\"#555\" hover-color=\"#f00\"></dk-icon>\n </div>\n </div>\n <div class=\"phone-title\">\n <div class=\"phone-title-icon\">\n <el-dropdown trigger=\"click\" placement=\"bottom-start\">\n <dk-icon icon=\"Close\" hover-color=\"var(--el-color-primary)\" :size=\"20\" style=\"cursor: pointer\"></dk-icon>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item @click=\"clear('rule')\">清除组件</el-dropdown-item>\n <el-dropdown-item @click=\"clear('page')\">清除页面</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n </div>\n <div>页面标题</div>\n <div class=\"phone-title-icon\">\n <el-popover placement=\"bottom\" :width=\"200\" trigger=\"click\">\n <template #reference>\n <dk-icon icon=\"MoreFilled\" :size=\"20\" hover-color=\"var(--el-color-primary)\" style=\"cursor: pointer\" />\n </template>\n <el-form-item label=\"显示网格\">\n <template #label>\n <el-tooltip class=\"box-item\" effect=\"dark\" content=\"显示组件网格线\" placement=\"right-start\">\n 显示网格\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.showLine\" @change=\"changeForm()\" />\n </el-form-item>\n <el-form-item label=\"网格间距\">\n <template #label>\n <el-tooltip class=\"box-item\" effect=\"dark\" content=\"设置组件之间的网格间距\" placement=\"right-start\">\n 网格间距\n </el-tooltip>\n </template>\n <el-slider v-model=\"form.margin\" :min=\"0\" :step=\"1\" show-stops :max=\"20\" @change=\"changeForm()\" />\n </el-form-item>\n <el-form-item label=\"效果预览\">\n <template #label>\n <el-tooltip\n class=\"box-item\"\n effect=\"dark\"\n content=\"清除所有网格、间距效果，大致和真实差不多\"\n placement=\"right-start\"\n >\n 效果预览\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.preview\" @change=\"changeForm()\" />\n </el-form-item>\n <el-form-item label=\"关闭动画\">\n <template #label>\n <el-tooltip class=\"box-item\" effect=\"dark\" content=\"关闭所有预览的动画效果\" placement=\"right-start\">\n 关闭动画\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.closeAnimate\" @change=\"changeForm()\" />\n </el-form-item>\n </el-popover>\n </div>\n </div>\n </div>\n <div class=\"phone-body _fc-m-drag\" :style=\"_style\">\n <slot />\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, inject, provide } from 'vue'\nimport { storage } from '@vipl520/utils'\nimport { ElMessage, ElMessageBox } from 'element-plus'\n\nconst diy: any = inject('diy')\nconst props = defineProps({\n value: {\n default: '',\n type: String,\n },\n pageConfig: {\n default: () => {},\n type: [Object],\n },\n})\n\nconst key = 'preview-phone'\nconst cache: any = JSON.parse(storage.get(key) || '{}')\n\nconst form = ref({\n showLine: cache.showLine ||
|
|
1
|
+
{"version":3,"file":"PreviewPhone.vue2.mjs","sources":["../../../../src/page-diy/src/components/PreviewPhone.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'PreviewPhone',\n});\n</script>\n<template>\n <div class=\"preview-phone\">\n <div class=\"phone\">\n <div class=\"phone-header\">\n <div class=\"phone-header-top\">\n <div class=\"phone-time\">\n <span>{{ time }}</span>\n <van-icon name=\"wechat\" color=\"#2ddd71\" />\n </div>\n <div />\n <div class=\"phone-battery\">\n <span class=\"m-r-4px\">100%</span>\n <dk-icon icon=\"gg:battery-full\" :size=\"18\" color=\"#555\" hover-color=\"#f00\"></dk-icon>\n </div>\n </div>\n <div class=\"phone-title\">\n <div class=\"phone-title-icon\">\n <el-dropdown trigger=\"click\" placement=\"bottom-start\">\n <dk-icon icon=\"Close\" hover-color=\"var(--el-color-primary)\" :size=\"20\" style=\"cursor: pointer\"></dk-icon>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item @click=\"clear('rule')\">清除组件</el-dropdown-item>\n <el-dropdown-item @click=\"clear('page')\">清除页面</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n </div>\n <div>页面标题</div>\n <div class=\"phone-title-icon\">\n <el-popover placement=\"bottom\" :width=\"200\" trigger=\"click\">\n <template #reference>\n <dk-icon icon=\"MoreFilled\" :size=\"20\" hover-color=\"var(--el-color-primary)\" style=\"cursor: pointer\" />\n </template>\n <el-form-item label=\"显示网格\">\n <template #label>\n <el-tooltip class=\"box-item\" effect=\"dark\" content=\"显示组件网格线\" placement=\"right-start\">\n 显示网格\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.showLine\" @change=\"changeForm()\" />\n </el-form-item>\n <el-form-item label=\"网格间距\">\n <template #label>\n <el-tooltip class=\"box-item\" effect=\"dark\" content=\"设置组件之间的网格间距\" placement=\"right-start\">\n 网格间距\n </el-tooltip>\n </template>\n <el-slider v-model=\"form.margin\" :min=\"0\" :step=\"1\" show-stops :max=\"20\" @change=\"changeForm()\" />\n </el-form-item>\n <el-form-item label=\"效果预览\">\n <template #label>\n <el-tooltip\n class=\"box-item\"\n effect=\"dark\"\n content=\"清除所有网格、间距效果，大致和真实差不多\"\n placement=\"right-start\"\n >\n 效果预览\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.preview\" @change=\"changeForm()\" />\n </el-form-item>\n <el-form-item label=\"关闭动画\">\n <template #label>\n <el-tooltip class=\"box-item\" effect=\"dark\" content=\"关闭所有预览的动画效果\" placement=\"right-start\">\n 关闭动画\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.closeAnimate\" @change=\"changeForm()\" />\n </el-form-item>\n </el-popover>\n </div>\n </div>\n </div>\n <div class=\"phone-body _fc-m-drag\" :style=\"_style\">\n <slot />\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, inject, provide } from 'vue'\nimport { storage } from '@vipl520/utils'\nimport { ElMessage, ElMessageBox } from 'element-plus'\n\nconst diy: any = inject('diy')\nconst props = defineProps({\n value: {\n default: '',\n type: String,\n },\n pageConfig: {\n default: () => {},\n type: [Object],\n },\n})\n\nconst key = 'preview-phone'\nconst cache: any = JSON.parse(storage.get(key) || '{}')\n\nconst form = ref({\n showLine: cache.showLine || true,\n margin: cache.margin || 2,\n preview: cache.preview || false,\n closeAnimate: cache.closeAnimate || false,\n})\n\nprovide('previewSetting', form)\n\nconst changeForm = () => {\n storage.set(key, JSON.stringify(form.value))\n}\nconst clear = (type = '') => {\n const { proxy } = diy\n const typeName: any = {\n rule: '组件',\n config: '配置',\n }\n ElMessageBox.confirm('当前要清除' + typeName[type] + '，是否继续?', '警告', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning',\n })\n .then(() => {\n proxy.clear(type)\n ElMessage.success('清除成功')\n })\n .catch(() => {})\n}\nconst _style = computed(() => {\n let line: any = {\n '--padding': '0',\n '--overflow': 'initial',\n }\n if (form.value.showLine && !form.value.preview) {\n line = {\n '--margin': form.value.margin + 'px',\n '--showDashed': '1px',\n }\n }\n if (form.value.preview) {\n line['--padding'] = '0'\n line['--overflow'] = 'hidden'\n line['--minHeight'] = '0px'\n } else {\n line['--padding'] = '2px 0'\n line['--overflow'] = 'initial'\n line['--minHeight'] = '30px'\n }\n return {\n ...props.pageConfig.style,\n ...line,\n }\n})\n\nconst time = computed(() => {\n const d = new Date()\n const hour = d.getHours() // 得到小时数\n const minute = d.getMinutes() // 得到分钟数\n return hour + ':' + minute\n})\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":"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"}
|
|
@@ -61,7 +61,6 @@ const _sfc_main = {
|
|
|
61
61
|
},
|
|
62
62
|
// 更新事件
|
|
63
63
|
onUpdateEvent() {
|
|
64
|
-
console.log('children', this.children);
|
|
65
64
|
for (let i = 0; i < this.children.length; i++) {
|
|
66
65
|
if (this.children[i].children.length > 0) {
|
|
67
66
|
// 当前节点
|
|
@@ -91,7 +90,6 @@ const _sfc_main = {
|
|
|
91
90
|
},
|
|
92
91
|
// 寻找事件
|
|
93
92
|
findDkEventCreateInput(data, propsData) {
|
|
94
|
-
console.log('findDkEventCreateInput', data);
|
|
95
93
|
const result = [];
|
|
96
94
|
data.forEach((element) => {
|
|
97
95
|
if (element.children) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DkEventSelectInput.vue.mjs","sources":["../../../../../src/page-diy/src/components/forms/DkEventSelectInput.vue"],"sourcesContent":["<template>\n <div style=\"display: flex\">\n <el-select v-model=\"data\" placeholder=\"请选择要触发事件\" style=\"width: 100%\" allow-create filterable>\n <el-option\n v-for=\"item in eventData\"\n :key=\"item.value\"\n :label=\"item.label + '（' + item.value + '）'\"\n :value=\"item.value\"\n >\n <span style=\"float: left\">{{ item.label }}</span>\n <span style=\"float: right; color: #8492a6; font-size: 13px\">{{ item.value }}</span>\n </el-option>\n </el-select>\n <el-button :loading=\"loading\" @click=\"updateEvent\">刷新</el-button>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'DkEventSelectInput',\n inject: ['diy'],\n props: {\n modelValue: {\n default: '',\n type: String,\n },\n placeholder: {\n default: '',\n type: String,\n },\n },\n emits: ['update:modelValue'],\n data() {\n return {\n data: '',\n loading: false,\n eventData: [],\n }\n },\n computed: {\n EventData() {\n return this.diy.proxy.eventData\n },\n children() {\n return this.diy.proxy.children\n },\n },\n watch: {\n data() {\n this.$emit('update:modelValue', this.data)\n },\n },\n mounted() {\n this.data = this.modelValue || ''\n this.updateEvent()\n },\n methods: {\n updateEvent() {\n this.loading = true\n this.EventData.removeAllEvent()\n this.onUpdateEvent()\n this.loading = false\n },\n onClick() {\n this.data = this.randomString(10)\n },\n randomString(e) {\n e = e || 32\n const t = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'\n const a = t.length\n let n = ''\n for (let i = 0; i < e; i++) {\n n += t.charAt(Math.floor(Math.random() * a))\n }\n return n\n },\n // 更新事件\n onUpdateEvent() {\n
|
|
1
|
+
{"version":3,"file":"DkEventSelectInput.vue.mjs","sources":["../../../../../src/page-diy/src/components/forms/DkEventSelectInput.vue"],"sourcesContent":["<template>\n <div style=\"display: flex\">\n <el-select v-model=\"data\" placeholder=\"请选择要触发事件\" style=\"width: 100%\" allow-create filterable>\n <el-option\n v-for=\"item in eventData\"\n :key=\"item.value\"\n :label=\"item.label + '（' + item.value + '）'\"\n :value=\"item.value\"\n >\n <span style=\"float: left\">{{ item.label }}</span>\n <span style=\"float: right; color: #8492a6; font-size: 13px\">{{ item.value }}</span>\n </el-option>\n </el-select>\n <el-button :loading=\"loading\" @click=\"updateEvent\">刷新</el-button>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'DkEventSelectInput',\n inject: ['diy'],\n props: {\n modelValue: {\n default: '',\n type: String,\n },\n placeholder: {\n default: '',\n type: String,\n },\n },\n emits: ['update:modelValue'],\n data() {\n return {\n data: '',\n loading: false,\n eventData: [],\n }\n },\n computed: {\n EventData() {\n return this.diy.proxy.eventData\n },\n children() {\n return this.diy.proxy.children\n },\n },\n watch: {\n data() {\n this.$emit('update:modelValue', this.data)\n },\n },\n mounted() {\n this.data = this.modelValue || ''\n this.updateEvent()\n },\n methods: {\n updateEvent() {\n this.loading = true\n this.EventData.removeAllEvent()\n this.onUpdateEvent()\n this.loading = false\n },\n onClick() {\n this.data = this.randomString(10)\n },\n randomString(e) {\n e = e || 32\n const t = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'\n const a = t.length\n let n = ''\n for (let i = 0; i < e; i++) {\n n += t.charAt(Math.floor(Math.random() * a))\n }\n return n\n },\n // 更新事件\n onUpdateEvent() {\n for (let i = 0; i < this.children.length; i++) {\n if (this.children[i].children.length > 0) {\n // 当前节点\n const children = this.children[i].children[0]\n // 当前节点的props数据\n const propsData = children.props\n // 当前节点的配置数据\n const config = children.config.config\n const isEvent = config.event || false\n if (isEvent) {\n // 表单配置数据\n const eventProps = config.props()\n this.findDkEventCreateInput(eventProps, propsData).forEach((item) => {\n const data = {\n id: children._id,\n label: item.props?.label || config.label,\n value: propsData[item.field],\n }\n if (data.value && data.id && data.label) {\n this.EventData.addEvent(data)\n }\n })\n }\n }\n }\n this.eventData = this.EventData.getAllEvents()\n },\n // 寻找事件\n findDkEventCreateInput(data, propsData) {\n const result = []\n data.forEach((element) => {\n if (element.children) {\n result.push(...this.findDkEventCreateInput(element.children))\n }\n if (element.control && Array.isArray(element.control)) {\n element.control.forEach((control) => {\n if (control.rule.length > 0) {\n result.push(...this.findDkEventCreateInput(control.rule))\n }\n })\n }\n if (element.type === 'DkEventCreateInput') {\n result.push(element)\n }\n })\n return result\n },\n },\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_Fragment","_renderList","_createBlock","_createElementVNode","_toDisplayString"],"mappings":";;;AAkBA,MAAK,SAAU,GAAA;EACb,IAAI,EAAE,oBAAoB;AAC1B,EAAA,MAAM,EAAE,CAAC,KAAK,CAAC;AACf,EAAA,KAAK,EAAE;IACL,UAAU,EAAE;MACV,OAAO,EAAE,EAAE;MACX,IAAI,EAAE,MAAM;KACb;IACD,WAAW,EAAE;MACX,OAAO,EAAE,EAAE;MACX,IAAI,EAAE,MAAM;KACb;GACF;EACD,KAAK,EAAE,CAAC,mBAAmB,CAAC;AAC5B,EAAA,IAAI,GAAG;AACL,IAAA,OAAO;AACL,MAAA,IAAI,EAAE,EAAE;MACR,OAAO,EAAE,KAAK;MACd,SAAS,EAAE,EAAE;AACf,KAAA;GACD;AACD,EAAA,QAAQ,EAAE;IACR,SAAS,GAAG;MACV,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAQ;KAC/B;IACD,QAAQ,GAAG;MACT,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAO;KAC9B;GACF;AACD,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,GAAG;AACL,MAAA,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,IAAI,CAAC,IAAI,EAAA;KAC1C;GACF;AACD,EAAA,OAAO,GAAG;IACR,IAAI,CAAC,IAAK,GAAE,IAAI,CAAC,UAAS,IAAK,GAAC;AAChC,IAAA,IAAI,CAAC,WAAW,GAAC;GAClB;AACD,EAAA,OAAO,EAAE;IACP,WAAW,GAAG;AACZ,MAAA,IAAI,CAAC,OAAM,GAAI,KAAG;AAClB,MAAA,IAAI,CAAC,SAAS,CAAC,cAAc,GAAC;AAC9B,MAAA,IAAI,CAAC,aAAa,GAAC;AACnB,MAAA,IAAI,CAAC,OAAQ,GAAE,MAAI;KACpB;AACD,IAAA,OAAO,GAAG;AACR,MAAA,IAAI,CAAC,IAAG,GAAI,IAAI,CAAC,YAAY,CAAC,EAAE,EAAA;KACjC;AACD,IAAA,YAAY,CAAC,CAAC,EAAE;AACd,MAAA,CAAA,GAAI,CAAA,IAAK,GAAC;MACV,MAAM,CAAA,GAAI,mDAAiD;AAC3D,MAAA,MAAM,CAAE,GAAE,CAAC,CAAC,OAAK;AACjB,MAAA,IAAI,CAAE,GAAE,GAAC;AACT,MAAA,KAAK,IAAI,CAAE,GAAE,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;AAC1B,QAAA,CAAA,IAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAG,GAAE,CAAC,CAAC,EAAA;AAC7C,OAAA;AACA,MAAA,OAAO,CAAA;KACR;;AAED,IAAA,aAAa,GAAG;AACd,MAAA,KAAK,IAAI,CAAE,GAAE,CAAC,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC7C,QAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAO,GAAE,CAAC,EAAE;;AAExC,UAAA,MAAM,QAAS,GAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAA;;UAE5C,MAAM,SAAQ,GAAI,QAAQ,CAAC,MAAI;;AAE/B,UAAA,MAAM,MAAK,GAAI,QAAQ,CAAC,MAAM,CAAC,OAAK;AACpC,UAAA,MAAM,OAAQ,GAAE,MAAM,CAAC,KAAI,IAAK,MAAI;UACpC,IAAI,OAAO,EAAE;AACX;YACA,MAAM,UAAW,GAAE,MAAM,CAAC,KAAK,GAAC;AAChC,YAAA,IAAI,CAAC,sBAAsB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK;cACnE,MAAM,OAAO;AACX,gBAAA,EAAE,EAAE,QAAQ,CAAC,GAAG;AAChB,gBAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAI,IAAK,MAAM,CAAC,KAAK;gBACxC,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,gBAAA;AACA,cAAA,IAAI,IAAI,CAAC,KAAM,IAAG,IAAI,CAAC,EAAG,IAAG,IAAI,CAAC,KAAK,EAAE;gBACvC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAA;AAC9B,eAAA;aACD,EAAA;AACH,WAAA;AACF,SAAA;AACF,OAAA;AACA,MAAA,IAAI,CAAC,SAAU,GAAE,IAAI,CAAC,SAAS,CAAC,YAAY,GAAC;KAC9C;;AAED,IAAA,sBAAsB,CAAC,IAAI,EAAE,SAAS,EAAE;MACtC,MAAM,MAAO,GAAE,GAAC;MAChB,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK;AACxB,QAAA,IAAI,OAAO,CAAC,QAAQ,EAAE;UACpB,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAA;AAC9D,SAAA;QACA,IAAI,OAAO,CAAC,OAAM,IAAK,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;AACrD,UAAA,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK;YACnC,IAAI,OAAO,CAAC,IAAI,CAAC,MAAK,GAAI,CAAC,EAAE;cAC3B,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAA;AAC1D,aAAA;WACD,EAAA;AACH,SAAA;AACA,QAAA,IAAI,OAAO,CAAC,IAAK,KAAI,oBAAoB,EAAE;AACzC,UAAA,MAAM,CAAC,IAAI,CAAC,OAAO,EAAA;AACrB,SAAA;OACD,EAAA;MACD,OAAO,MAAK;KACb;GACF;AACH,EAAA;;AA7HO,MAAA,UAAA,GAAA,EAAA,KAAqB,EAArB,CAAqB,SAAA,CAAA,MAAA,CAAA,GAAA;AAQd,MAAA,UAAA,GAAA,EAAA,KAAmB,EAAnB,CAAmB,OAAA,CAAA,MAAA,CAAA,GAAA;AACnB,MAAA,UAAA,GAAA,EAAA,KAAqD,EAArD,CAAqD,OAAA,CAAA,OAAA,CAAA,OAAA,CAAA,SAAA,CAAA,WAAA,CAAA,MAAA,CAAA,GAAA;;;;;;;AATjE,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,CAaM,OAbN,UAaM,EAAA;IAZJC,WAUY,CAAA,oBAAA,EAAA;kBAVQ,KAAI,CAAA,IAAA;mEAAJ,KAAI,CAAA,IAAA,IAAA,MAAA,CAAA,CAAA;AAAE,MAAA,WAAW,EAAC,UAAU;AAAC,MAAA,KAAmB,EAAnB,CAAmB,OAAA,CAAA,MAAA,CAAA;AAAC,MAAA,cAAY,EAAZ,EAAY;AAAC,MAAA,UAAU,EAAV,EAAU;;uBAExF,MAAyB;0BAD3BD,kBAQY,CAAAE,QAAA,EAAA,IAAA,EAAAC,UAAA,CAPK,KAAS,CAAA,SAAA,EAAA,CAAjB,IAAI,KAAA;+BADbC,WAQY,CAAA,oBAAA,EAAA;YANT,GAAG,EAAE,IAAI,CAAC,KAAK;AACf,YAAA,KAAK,EAAE,IAAI,CAAC,KAAK,GAAS,GAAA,GAAA,IAAI,CAAC,KAAK,GAAA,GAAA;YACpC,KAAK,EAAE,IAAI,CAAC,KAAK;;6BAElB,MAAiD;AAAjD,cAAAC,kBAAA,CAAiD,MAAjD,EAAA,UAAiD,EAApBC,eAAA,CAAA,IAAI,CAAC,KAAK,CAAA,EAAA,CAAA,YAAA;AACvC,cAAAD,kBAAA,CAAmF,MAAnF,EAAA,UAAmF,EAApBC,eAAA,CAAA,IAAI,CAAC,KAAK,CAAA,EAAA,CAAA,YAAA;;;;;;;;IAG7EL,WAAiE,CAAA,oBAAA,EAAA;AAArD,MAAA,OAAO,EAAE,KAAO,CAAA,OAAA;AAAG,MAAA,OAAK,EAAE,QAAW,CAAA,WAAA;;uBAAE,MAAE;wBAAF,IAAE,CAAA;;;;;;;;;;"}
|
|
@@ -58,8 +58,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
58
58
|
const key = "preview-phone";
|
|
59
59
|
const cache = JSON.parse(utils.storage.get(key) || "{}");
|
|
60
60
|
const form = vue.ref({
|
|
61
|
-
showLine: cache.showLine ||
|
|
62
|
-
margin: cache.margin ||
|
|
61
|
+
showLine: cache.showLine || true,
|
|
62
|
+
margin: cache.margin || 2,
|
|
63
63
|
preview: cache.preview || false,
|
|
64
64
|
closeAnimate: cache.closeAnimate || false
|
|
65
65
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreviewPhone.vue2.js","sources":["../../../../src/page-diy/src/components/PreviewPhone.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'PreviewPhone',\n});\n</script>\n<template>\n <div class=\"preview-phone\">\n <div class=\"phone\">\n <div class=\"phone-header\">\n <div class=\"phone-header-top\">\n <div class=\"phone-time\">\n <span>{{ time }}</span>\n <van-icon name=\"wechat\" color=\"#2ddd71\" />\n </div>\n <div />\n <div class=\"phone-battery\">\n <span class=\"m-r-4px\">100%</span>\n <dk-icon icon=\"gg:battery-full\" :size=\"18\" color=\"#555\" hover-color=\"#f00\"></dk-icon>\n </div>\n </div>\n <div class=\"phone-title\">\n <div class=\"phone-title-icon\">\n <el-dropdown trigger=\"click\" placement=\"bottom-start\">\n <dk-icon icon=\"Close\" hover-color=\"var(--el-color-primary)\" :size=\"20\" style=\"cursor: pointer\"></dk-icon>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item @click=\"clear('rule')\">清除组件</el-dropdown-item>\n <el-dropdown-item @click=\"clear('page')\">清除页面</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n </div>\n <div>页面标题</div>\n <div class=\"phone-title-icon\">\n <el-popover placement=\"bottom\" :width=\"200\" trigger=\"click\">\n <template #reference>\n <dk-icon icon=\"MoreFilled\" :size=\"20\" hover-color=\"var(--el-color-primary)\" style=\"cursor: pointer\" />\n </template>\n <el-form-item label=\"显示网格\">\n <template #label>\n <el-tooltip class=\"box-item\" effect=\"dark\" content=\"显示组件网格线\" placement=\"right-start\">\n 显示网格\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.showLine\" @change=\"changeForm()\" />\n </el-form-item>\n <el-form-item label=\"网格间距\">\n <template #label>\n <el-tooltip class=\"box-item\" effect=\"dark\" content=\"设置组件之间的网格间距\" placement=\"right-start\">\n 网格间距\n </el-tooltip>\n </template>\n <el-slider v-model=\"form.margin\" :min=\"0\" :step=\"1\" show-stops :max=\"20\" @change=\"changeForm()\" />\n </el-form-item>\n <el-form-item label=\"效果预览\">\n <template #label>\n <el-tooltip\n class=\"box-item\"\n effect=\"dark\"\n content=\"清除所有网格、间距效果，大致和真实差不多\"\n placement=\"right-start\"\n >\n 效果预览\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.preview\" @change=\"changeForm()\" />\n </el-form-item>\n <el-form-item label=\"关闭动画\">\n <template #label>\n <el-tooltip class=\"box-item\" effect=\"dark\" content=\"关闭所有预览的动画效果\" placement=\"right-start\">\n 关闭动画\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.closeAnimate\" @change=\"changeForm()\" />\n </el-form-item>\n </el-popover>\n </div>\n </div>\n </div>\n <div class=\"phone-body _fc-m-drag\" :style=\"_style\">\n <slot />\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, inject, provide } from 'vue'\nimport { storage } from '@vipl520/utils'\nimport { ElMessage, ElMessageBox } from 'element-plus'\n\nconst diy: any = inject('diy')\nconst props = defineProps({\n value: {\n default: '',\n type: String,\n },\n pageConfig: {\n default: () => {},\n type: [Object],\n },\n})\n\nconst key = 'preview-phone'\nconst cache: any = JSON.parse(storage.get(key) || '{}')\n\nconst form = ref({\n showLine: cache.showLine ||
|
|
1
|
+
{"version":3,"file":"PreviewPhone.vue2.js","sources":["../../../../src/page-diy/src/components/PreviewPhone.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'PreviewPhone',\n});\n</script>\n<template>\n <div class=\"preview-phone\">\n <div class=\"phone\">\n <div class=\"phone-header\">\n <div class=\"phone-header-top\">\n <div class=\"phone-time\">\n <span>{{ time }}</span>\n <van-icon name=\"wechat\" color=\"#2ddd71\" />\n </div>\n <div />\n <div class=\"phone-battery\">\n <span class=\"m-r-4px\">100%</span>\n <dk-icon icon=\"gg:battery-full\" :size=\"18\" color=\"#555\" hover-color=\"#f00\"></dk-icon>\n </div>\n </div>\n <div class=\"phone-title\">\n <div class=\"phone-title-icon\">\n <el-dropdown trigger=\"click\" placement=\"bottom-start\">\n <dk-icon icon=\"Close\" hover-color=\"var(--el-color-primary)\" :size=\"20\" style=\"cursor: pointer\"></dk-icon>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item @click=\"clear('rule')\">清除组件</el-dropdown-item>\n <el-dropdown-item @click=\"clear('page')\">清除页面</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n </div>\n <div>页面标题</div>\n <div class=\"phone-title-icon\">\n <el-popover placement=\"bottom\" :width=\"200\" trigger=\"click\">\n <template #reference>\n <dk-icon icon=\"MoreFilled\" :size=\"20\" hover-color=\"var(--el-color-primary)\" style=\"cursor: pointer\" />\n </template>\n <el-form-item label=\"显示网格\">\n <template #label>\n <el-tooltip class=\"box-item\" effect=\"dark\" content=\"显示组件网格线\" placement=\"right-start\">\n 显示网格\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.showLine\" @change=\"changeForm()\" />\n </el-form-item>\n <el-form-item label=\"网格间距\">\n <template #label>\n <el-tooltip class=\"box-item\" effect=\"dark\" content=\"设置组件之间的网格间距\" placement=\"right-start\">\n 网格间距\n </el-tooltip>\n </template>\n <el-slider v-model=\"form.margin\" :min=\"0\" :step=\"1\" show-stops :max=\"20\" @change=\"changeForm()\" />\n </el-form-item>\n <el-form-item label=\"效果预览\">\n <template #label>\n <el-tooltip\n class=\"box-item\"\n effect=\"dark\"\n content=\"清除所有网格、间距效果，大致和真实差不多\"\n placement=\"right-start\"\n >\n 效果预览\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.preview\" @change=\"changeForm()\" />\n </el-form-item>\n <el-form-item label=\"关闭动画\">\n <template #label>\n <el-tooltip class=\"box-item\" effect=\"dark\" content=\"关闭所有预览的动画效果\" placement=\"right-start\">\n 关闭动画\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.closeAnimate\" @change=\"changeForm()\" />\n </el-form-item>\n </el-popover>\n </div>\n </div>\n </div>\n <div class=\"phone-body _fc-m-drag\" :style=\"_style\">\n <slot />\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, inject, provide } from 'vue'\nimport { storage } from '@vipl520/utils'\nimport { ElMessage, ElMessageBox } from 'element-plus'\n\nconst diy: any = inject('diy')\nconst props = defineProps({\n value: {\n default: '',\n type: String,\n },\n pageConfig: {\n default: () => {},\n type: [Object],\n },\n})\n\nconst key = 'preview-phone'\nconst cache: any = JSON.parse(storage.get(key) || '{}')\n\nconst form = ref({\n showLine: cache.showLine || true,\n margin: cache.margin || 2,\n preview: cache.preview || false,\n closeAnimate: cache.closeAnimate || false,\n})\n\nprovide('previewSetting', form)\n\nconst changeForm = () => {\n storage.set(key, JSON.stringify(form.value))\n}\nconst clear = (type = '') => {\n const { proxy } = diy\n const typeName: any = {\n rule: '组件',\n config: '配置',\n }\n ElMessageBox.confirm('当前要清除' + typeName[type] + '，是否继续?', '警告', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning',\n })\n .then(() => {\n proxy.clear(type)\n ElMessage.success('清除成功')\n })\n .catch(() => {})\n}\nconst _style = computed(() => {\n let line: any = {\n '--padding': '0',\n '--overflow': 'initial',\n }\n if (form.value.showLine && !form.value.preview) {\n line = {\n '--margin': form.value.margin + 'px',\n '--showDashed': '1px',\n }\n }\n if (form.value.preview) {\n line['--padding'] = '0'\n line['--overflow'] = 'hidden'\n line['--minHeight'] = '0px'\n } else {\n line['--padding'] = '2px 0'\n line['--overflow'] = 'initial'\n line['--minHeight'] = '30px'\n }\n return {\n ...props.pageConfig.style,\n ...line,\n }\n})\n\nconst time = computed(() => {\n const d = new Date()\n const hour = d.getHours() // 得到小时数\n const minute = d.getMinutes() // 得到分钟数\n return hour + ':' + minute\n})\n</script>\n"],"names":["__MACROS_defineComponent","inject","storage","ref","provide","ElMessageBox","ElMessage","computed"],"mappings":"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"}
|
|
@@ -65,7 +65,6 @@ const _sfc_main = {
|
|
|
65
65
|
},
|
|
66
66
|
// 更新事件
|
|
67
67
|
onUpdateEvent() {
|
|
68
|
-
console.log('children', this.children);
|
|
69
68
|
for (let i = 0; i < this.children.length; i++) {
|
|
70
69
|
if (this.children[i].children.length > 0) {
|
|
71
70
|
// 当前节点
|
|
@@ -95,7 +94,6 @@ const _sfc_main = {
|
|
|
95
94
|
},
|
|
96
95
|
// 寻找事件
|
|
97
96
|
findDkEventCreateInput(data, propsData) {
|
|
98
|
-
console.log('findDkEventCreateInput', data);
|
|
99
97
|
const result = [];
|
|
100
98
|
data.forEach((element) => {
|
|
101
99
|
if (element.children) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DkEventSelectInput.vue.js","sources":["../../../../../src/page-diy/src/components/forms/DkEventSelectInput.vue"],"sourcesContent":["<template>\n <div style=\"display: flex\">\n <el-select v-model=\"data\" placeholder=\"请选择要触发事件\" style=\"width: 100%\" allow-create filterable>\n <el-option\n v-for=\"item in eventData\"\n :key=\"item.value\"\n :label=\"item.label + '（' + item.value + '）'\"\n :value=\"item.value\"\n >\n <span style=\"float: left\">{{ item.label }}</span>\n <span style=\"float: right; color: #8492a6; font-size: 13px\">{{ item.value }}</span>\n </el-option>\n </el-select>\n <el-button :loading=\"loading\" @click=\"updateEvent\">刷新</el-button>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'DkEventSelectInput',\n inject: ['diy'],\n props: {\n modelValue: {\n default: '',\n type: String,\n },\n placeholder: {\n default: '',\n type: String,\n },\n },\n emits: ['update:modelValue'],\n data() {\n return {\n data: '',\n loading: false,\n eventData: [],\n }\n },\n computed: {\n EventData() {\n return this.diy.proxy.eventData\n },\n children() {\n return this.diy.proxy.children\n },\n },\n watch: {\n data() {\n this.$emit('update:modelValue', this.data)\n },\n },\n mounted() {\n this.data = this.modelValue || ''\n this.updateEvent()\n },\n methods: {\n updateEvent() {\n this.loading = true\n this.EventData.removeAllEvent()\n this.onUpdateEvent()\n this.loading = false\n },\n onClick() {\n this.data = this.randomString(10)\n },\n randomString(e) {\n e = e || 32\n const t = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'\n const a = t.length\n let n = ''\n for (let i = 0; i < e; i++) {\n n += t.charAt(Math.floor(Math.random() * a))\n }\n return n\n },\n // 更新事件\n onUpdateEvent() {\n
|
|
1
|
+
{"version":3,"file":"DkEventSelectInput.vue.js","sources":["../../../../../src/page-diy/src/components/forms/DkEventSelectInput.vue"],"sourcesContent":["<template>\n <div style=\"display: flex\">\n <el-select v-model=\"data\" placeholder=\"请选择要触发事件\" style=\"width: 100%\" allow-create filterable>\n <el-option\n v-for=\"item in eventData\"\n :key=\"item.value\"\n :label=\"item.label + '（' + item.value + '）'\"\n :value=\"item.value\"\n >\n <span style=\"float: left\">{{ item.label }}</span>\n <span style=\"float: right; color: #8492a6; font-size: 13px\">{{ item.value }}</span>\n </el-option>\n </el-select>\n <el-button :loading=\"loading\" @click=\"updateEvent\">刷新</el-button>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'DkEventSelectInput',\n inject: ['diy'],\n props: {\n modelValue: {\n default: '',\n type: String,\n },\n placeholder: {\n default: '',\n type: String,\n },\n },\n emits: ['update:modelValue'],\n data() {\n return {\n data: '',\n loading: false,\n eventData: [],\n }\n },\n computed: {\n EventData() {\n return this.diy.proxy.eventData\n },\n children() {\n return this.diy.proxy.children\n },\n },\n watch: {\n data() {\n this.$emit('update:modelValue', this.data)\n },\n },\n mounted() {\n this.data = this.modelValue || ''\n this.updateEvent()\n },\n methods: {\n updateEvent() {\n this.loading = true\n this.EventData.removeAllEvent()\n this.onUpdateEvent()\n this.loading = false\n },\n onClick() {\n this.data = this.randomString(10)\n },\n randomString(e) {\n e = e || 32\n const t = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'\n const a = t.length\n let n = ''\n for (let i = 0; i < e; i++) {\n n += t.charAt(Math.floor(Math.random() * a))\n }\n return n\n },\n // 更新事件\n onUpdateEvent() {\n for (let i = 0; i < this.children.length; i++) {\n if (this.children[i].children.length > 0) {\n // 当前节点\n const children = this.children[i].children[0]\n // 当前节点的props数据\n const propsData = children.props\n // 当前节点的配置数据\n const config = children.config.config\n const isEvent = config.event || false\n if (isEvent) {\n // 表单配置数据\n const eventProps = config.props()\n this.findDkEventCreateInput(eventProps, propsData).forEach((item) => {\n const data = {\n id: children._id,\n label: item.props?.label || config.label,\n value: propsData[item.field],\n }\n if (data.value && data.id && data.label) {\n this.EventData.addEvent(data)\n }\n })\n }\n }\n }\n this.eventData = this.EventData.getAllEvents()\n },\n // 寻找事件\n findDkEventCreateInput(data, propsData) {\n const result = []\n data.forEach((element) => {\n if (element.children) {\n result.push(...this.findDkEventCreateInput(element.children))\n }\n if (element.control && Array.isArray(element.control)) {\n element.control.forEach((control) => {\n if (control.rule.length > 0) {\n result.push(...this.findDkEventCreateInput(control.rule))\n }\n })\n }\n if (element.type === 'DkEventCreateInput') {\n result.push(element)\n }\n })\n return result\n },\n },\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_Fragment","_renderList","_createBlock","_createElementVNode","_toDisplayString"],"mappings":"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"}
|