@vipl520/dk-ui 1.0.19 → 1.0.20

package/lib/index.scss

@@ -22,6 +22,8 @@
 @import './table/style/index.scss';
 @import './poster-input/style/index.scss';
 @import './hot-area-input/style/index.scss';
+@import './animate-select/style/index.scss';
+@import './style-animation-input/style/index.scss';
 
 //
 ::-webkit-scrollbar {
@@ -46,4 +48,16 @@
 *::after {
   box-sizing: border-box;
 }
+
+.cl:after {
+  content: '.';
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+.cl {
+  zoom: 1;
+}
 /* stylelint-enable */

package/lib/page-diy/index.d.ts

@@ -148,7 +148,7 @@ export declare const PageDiy: import("@vipl520/utils").WithInstall<import("vue")
         };
     }>;
     dkSettingForm: import("vue").Ref<{
-        rule: {
+        rule: ({
             type: string;
             props: {
                 modelValue: string;
@@ -182,7 +182,73 @@ export declare const PageDiy: import("@vipl520/utils").WithInstall<import("vue")
                     };
                 })[];
             }[];
-        }[];
+        } | {
+            type: string;
+            props: {
+                modelValue: string;
+            };
+            style: string;
+            children: {
+                type: string;
+                props: {
+                    name: string;
+                };
+                children: ({
+                    type: string;
+                    slot: string;
+                    style: string;
+                    children: ({
+                        type: string;
+                        style: string;
+                        children?: undefined;
+                    } | {
+                        type: string;
+                        children: any[];
+                        style?: undefined;
+                    })[];
+                } | {
+                    type: string;
+                    field: string;
+                    value: string;
+                    title: string;
+                    control: ({
+                        handle: (val: any) => boolean;
+                        rule: {
+                            type: string;
+                            field: string;
+                            title: string;
+                            value: {
+                                animationDelay: string;
+                                animationDuration: string;
+                                animationIterationCount: string;
+                            };
+                        }[];
+                    } | {
+                        handle: (val: any) => boolean;
+                        rule: {
+                            type: string;
+                            field: string;
+                            title: string;
+                            value: {
+                                animationDelay: string;
+                                animationDuration: string;
+                                animationIterationCount: number;
+                            };
+                        }[];
+                    })[];
+                    effect?: undefined;
+                } | {
+                    type: string;
+                    field: string;
+                    title: string;
+                    value: boolean;
+                    effect: {
+                        help: string;
+                    };
+                    control?: undefined;
+                })[];
+            }[];
+        })[];
         api: {};
         options: {
             form: {
@@ -290,10 +356,10 @@ export declare const PageDiy: import("@vipl520/utils").WithInstall<import("vue")
     };
 }>>, {
     type: string;
-    config: Record<string, any>;
-    loading: boolean;
     menu: Record<string, any>;
     mask: string;
+    config: Record<string, any>;
+    loading: boolean;
     height: string;
     rightAsideWidth: string;
     leftAsideWidth: string;

package/lib/page-diy/src/components/DragTool.vue.d.ts

@@ -22,10 +22,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     id: import("vue").ComputedRef<string | number>;
     state: any;
+    previewSetting: any;
 }, any, {
     pageConfig(): {};
     _style(): any;
-    _animate(): "";
+    _animate(): string;
 }, {
     active(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/page-diy/src/components/DragTool.vue.js

@@ -34,9 +34,11 @@ const _sfc_main = vue.defineComponent({
     const { unique } = vue.toRefs(props);
     const id = vue.computed(() => unique.value || uni++);
     const state = vue.inject('fcx');
+    const previewSetting = vue.inject('previewSetting');
     return {
       id,
       state,
+      previewSetting,
     }
   },
   computed: {
@@ -44,26 +46,21 @@ const _sfc_main = vue.defineComponent({
       return {}
     },
     _style() {
+      let style = { ...this.setting.style, ...this.setting.animation };
       if (this.setting.is_position) {
-        return {
-          ...this.setting.style,
+        style = Object.assign(style, {
           ...this.setting.position,
           position: 'absolute',
-        }
-      } else {
-        return {
-          ...this.setting.style,
-        }
+        });
       }
+      return style
     },
     _animate() {
-      // if (this.setting.loop_animate) {
-      //   return 'animate__' + this.setting.loop_animate + ' '
-      // } else if (this.setting.animate) {
-      //   return 'animate__' + this.setting.animate
-      // } else {
-      return ''
-      // }
+      if (this.setting.animation_preview !== false && this.setting.animate && !this.previewSetting.closeAnimate) {
+        return 'animate__' + this.setting.animate
+      } else {
+        return ''
+      }
     },
   },
   beforeUnmount() {
@@ -88,7 +85,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dk_icon = vue.resolveComponent("dk-icon");
 
   return (vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(["drag-tool animate__animated", { active: _ctx.state.active === _ctx.id }]),
+    class: vue.normalizeClass(["drag-tool animate__animated", [{ active: _ctx.state.active === _ctx.id }, _ctx._animate]]),
     style: vue.normalizeStyle(_ctx._style),
     onClick: _cache[4] || (_cache[4] = vue.withModifiers((...args) => (_ctx.active && _ctx.active(...args)), ["stop"]))
   }, [

package/lib/page-diy/src/components/DragTool.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragTool.vue.js","sources":["../../../../src/page-diy/src/components/DragTool.vue"],"sourcesContent":["<template>\n  <div\n    class=\"drag-tool animate__animated\"\n    :class=\"{ active: state.active === id }\"\n    :style=\"_style\"\n    @click.stop=\"active\"\n  >\n    <div v-if=\"mask\" class=\"drag-mask\"></div>\n    <div class=\"drag-r\">\n      <div class=\"drag-btn\" title=\"添加当前组件\" @click=\"$emit('create')\">\n        <dk-icon icon=\"CirclePlus\"></dk-icon>\n      </div>\n      <div class=\"drag-btn\" title=\"复制当前组件\" @click=\"$emit('copy')\">\n        <dk-icon icon=\"CopyDocument\"></dk-icon>\n      </div>\n      <div v-if=\"children\" class=\"drag-btn\" title=\"添加子组件\" @click=\"$emit('addChild')\">\n        <dk-icon icon=\"fluent:tab-add-20-regular\"></dk-icon>\n      </div>\n      <div class=\"drag-btn drag-btn-danger\" title=\"删除组件\" @click=\"$emit('delete')\">\n        <dk-icon icon=\"Close\"></dk-icon>\n      </div>\n    </div>\n    <slot name=\"default\"></slot>\n  </div>\n</template>\n\n<script>\nimport { computed, inject, toRefs, defineComponent } from 'vue'\n\nlet uni = 1\nexport default defineComponent({\n  name: 'DragTool',\n  props: {\n    dragBtn: {\n      default: false,\n      type: Boolean,\n    },\n    children: {\n      default: '',\n      type: String,\n    },\n    unique: {\n      default: '',\n      type: String,\n    },\n    mask: {\n      default: false,\n      type: Boolean,\n    },\n    setting: {\n      default: () => {},\n      type: [Object],\n    },\n  },\n  setup(props) {\n    const { unique } = toRefs(props)\n    const id = computed(() => unique.value || uni++)\n    const state = inject('fcx')\n    return {\n      id,\n      state,\n    }\n  },\n  computed: {\n    pageConfig() {\n      return {}\n    },\n    _style() {\n      if (this.setting.is_position) {\n        return {\n          ...this.setting.style,\n          ...this.setting.position,\n          position: 'absolute',\n        }\n      } else {\n        return {\n          ...this.setting.style,\n        }\n      }\n    },\n    _animate() {\n      // if (this.setting.loop_animate) {\n      //   return 'animate__' + this.setting.loop_animate + ' '\n      // } else if (this.setting.animate) {\n      //   return 'animate__' + this.setting.animate\n      // } else {\n      return ''\n      // }\n    },\n  },\n  beforeUnmount() {\n    this.state = {}\n  },\n  methods: {\n    active() {\n      if (this.state.active === this.id) return\n      this.state.active = this.id\n      this.$emit('active')\n    },\n  },\n})\n</script>\n"],"names":["defineComponent","toRefs","computed","inject","_createElementBlock","_openBlock","_createElementVNode","_createVNode","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"DragTool.vue.js","sources":["../../../../src/page-diy/src/components/DragTool.vue"],"sourcesContent":["<template>\n  <div\n    class=\"drag-tool animate__animated\"\n    :class=\"[{ active: state.active === id }, _animate]\"\n    :style=\"_style\"\n    @click.stop=\"active\"\n  >\n    <div v-if=\"mask\" class=\"drag-mask\"></div>\n    <div class=\"drag-r\">\n      <div class=\"drag-btn\" title=\"添加当前组件\" @click=\"$emit('create')\">\n        <dk-icon icon=\"CirclePlus\"></dk-icon>\n      </div>\n      <div class=\"drag-btn\" title=\"复制当前组件\" @click=\"$emit('copy')\">\n        <dk-icon icon=\"CopyDocument\"></dk-icon>\n      </div>\n      <div v-if=\"children\" class=\"drag-btn\" title=\"添加子组件\" @click=\"$emit('addChild')\">\n        <dk-icon icon=\"fluent:tab-add-20-regular\"></dk-icon>\n      </div>\n      <div class=\"drag-btn drag-btn-danger\" title=\"删除组件\" @click=\"$emit('delete')\">\n        <dk-icon icon=\"Close\"></dk-icon>\n      </div>\n    </div>\n    <slot name=\"default\"></slot>\n  </div>\n</template>\n\n<script>\nimport { computed, inject, toRefs, defineComponent } from 'vue'\nlet uni = 1\nexport default defineComponent({\n  name: 'DragTool',\n  props: {\n    dragBtn: {\n      default: false,\n      type: Boolean,\n    },\n    children: {\n      default: '',\n      type: String,\n    },\n    unique: {\n      default: '',\n      type: String,\n    },\n    mask: {\n      default: false,\n      type: Boolean,\n    },\n    setting: {\n      default: () => {},\n      type: [Object],\n    },\n  },\n  setup(props) {\n    const { unique } = toRefs(props)\n    const id = computed(() => unique.value || uni++)\n    const state = inject('fcx')\n    const previewSetting = inject('previewSetting')\n    return {\n      id,\n      state,\n      previewSetting,\n    }\n  },\n  computed: {\n    pageConfig() {\n      return {}\n    },\n    _style() {\n      let style = { ...this.setting.style, ...this.setting.animation }\n      if (this.setting.is_position) {\n        style = Object.assign(style, {\n          ...this.setting.position,\n          position: 'absolute',\n        })\n      }\n      return style\n    },\n    _animate() {\n      if (this.setting.animation_preview !== false && this.setting.animate && !this.previewSetting.closeAnimate) {\n        return 'animate__' + this.setting.animate\n      } else {\n        return ''\n      }\n    },\n  },\n  beforeUnmount() {\n    this.state = {}\n  },\n  methods: {\n    active() {\n      if (this.state.active === this.id) return\n      this.state.active = this.id\n      this.$emit('active')\n    },\n  },\n})\n</script>\n"],"names":["defineComponent","toRefs","computed","inject","_createElementBlock","_normalizeClass","_openBlock","_createElementVNode","_createVNode","_renderSlot"],"mappings":"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"}

package/lib/page-diy/src/components/PreviewPhone.vue2.js

@@ -60,8 +60,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const form = vue.ref({
       showLine: cache.showLine || false,
       margin: cache.margin || 0,
-      preview: cache.preview || false
+      preview: cache.preview || false,
+      closeAnimate: cache.closeAnimate || false
     });
+    vue.provide("previewSetting", form);
     const changeForm = () => {
       utils.storage.set(key, JSON.stringify(form.value));
     };
@@ -95,9 +97,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if (form.value.preview) {
         line["--padding"] = "0";
         line["--overflow"] = "hidden";
+        line["--minHeight"] = "0px";
       } else {
         line["--padding"] = "2px 0";
         line["--overflow"] = "initial";
+        line["--minHeight"] = "30px";
       }
       return {
         ...props.pageConfig.style,
@@ -116,6 +120,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
       const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
       const _component_el_dropdown = vue.resolveComponent("el-dropdown");
+      const _component_el_tooltip = vue.resolveComponent("el-tooltip");
       const _component_el_switch = vue.resolveComponent("el-switch");
       const _component_el_form_item = vue.resolveComponent("el-form-item");
       const _component_el_slider = vue.resolveComponent("el-slider");
@@ -209,6 +214,20 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   default: vue.withCtx(() => [
                     vue.createVNode(_component_el_form_item, { label: "\u663E\u793A\u7F51\u683C" }, {
+                      label: vue.withCtx(() => [
+                        vue.createVNode(_component_el_tooltip, {
+                          class: "box-item",
+                          effect: "dark",
+                          content: "\u663E\u793A\u7EC4\u4EF6\u7F51\u683C\u7EBF",
+                          placement: "right-start"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" \u663E\u793A\u7F51\u683C ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
                       default: vue.withCtx(() => [
                         vue.createVNode(_component_el_switch, {
                           modelValue: form.value.showLine,
@@ -220,6 +239,20 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       /* STABLE */
                     }),
                     vue.createVNode(_component_el_form_item, { label: "\u7F51\u683C\u95F4\u8DDD" }, {
+                      label: vue.withCtx(() => [
+                        vue.createVNode(_component_el_tooltip, {
+                          class: "box-item",
+                          effect: "dark",
+                          content: "\u8BBE\u7F6E\u7EC4\u4EF6\u4E4B\u95F4\u7684\u7F51\u683C\u95F4\u8DDD",
+                          placement: "right-start"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" \u7F51\u683C\u95F4\u8DDD ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
                       default: vue.withCtx(() => [
                         vue.createVNode(_component_el_slider, {
                           modelValue: form.value.margin,
@@ -235,6 +268,20 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       /* STABLE */
                     }),
                     vue.createVNode(_component_el_form_item, { label: "\u6548\u679C\u9884\u89C8" }, {
+                      label: vue.withCtx(() => [
+                        vue.createVNode(_component_el_tooltip, {
+                          class: "box-item",
+                          effect: "dark",
+                          content: "\u6E05\u9664\u6240\u6709\u7F51\u683C\u3001\u95F4\u8DDD\u6548\u679C\uFF0C\u5927\u81F4\u548C\u771F\u5B9E\u5DEE\u4E0D\u591A",
+                          placement: "right-start"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" \u6548\u679C\u9884\u89C8 ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
                       default: vue.withCtx(() => [
                         vue.createVNode(_component_el_switch, {
                           modelValue: form.value.preview,
@@ -244,6 +291,31 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       ]),
                       _: 1
                       /* STABLE */
+                    }),
+                    vue.createVNode(_component_el_form_item, { label: "\u5173\u95ED\u52A8\u753B" }, {
+                      label: vue.withCtx(() => [
+                        vue.createVNode(_component_el_tooltip, {
+                          class: "box-item",
+                          effect: "dark",
+                          content: "\u5173\u95ED\u6240\u6709\u9884\u89C8\u7684\u52A8\u753B\u6548\u679C",
+                          placement: "right-start"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" \u5173\u95ED\u52A8\u753B ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_switch, {
+                          modelValue: form.value.closeAnimate,
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => form.value.closeAnimate = $event),
+                          onChange: _cache[9] || (_cache[9] = ($event) => changeForm())
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                      /* STABLE */
                     })
                   ]),
                   _: 1

package/lib/page-diy/src/components/PreviewPhone.vue2.js.map

@@ -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                <el-switch v-model=\"form.showLine\" @change=\"changeForm()\" />\n              </el-form-item>\n              <el-form-item label=\"网格间距\">\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                <el-switch v-model=\"form.preview\" @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 } 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 || false,\n  margin: cache.margin || 0,\n  preview: cache.preview || false,\n})\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  } else {\n    line['--padding'] = '2px 0'\n    line['--overflow'] = 'initial'\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","ElMessageBox","ElMessage","computed"],"mappings":"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"}
+{"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 || false,\n  margin: cache.margin || 0,\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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"}

package/lib/page-diy/src/config/base/dkSetting.d.ts

@@ -1,4 +1,4 @@
-export default function dkSetting(rule?: null): {
+export default function dkSetting(rule?: null): ({
     type: string;
     props: {
         modelValue: string;
@@ -32,4 +32,70 @@ export default function dkSetting(rule?: null): {
             };
         })[];
     }[];
-}[];
+} | {
+    type: string;
+    props: {
+        modelValue: string;
+    };
+    style: string;
+    children: {
+        type: string;
+        props: {
+            name: string;
+        };
+        children: ({
+            type: string;
+            slot: string;
+            style: string;
+            children: ({
+                type: string;
+                style: string;
+                children?: undefined;
+            } | {
+                type: string;
+                children: any[];
+                style?: undefined;
+            })[];
+        } | {
+            type: string;
+            field: string;
+            value: string;
+            title: string;
+            control: ({
+                handle: (val: any) => boolean;
+                rule: {
+                    type: string;
+                    field: string;
+                    title: string;
+                    value: {
+                        animationDelay: string;
+                        animationDuration: string;
+                        animationIterationCount: string;
+                    };
+                }[];
+            } | {
+                handle: (val: any) => boolean;
+                rule: {
+                    type: string;
+                    field: string;
+                    title: string;
+                    value: {
+                        animationDelay: string;
+                        animationDuration: string;
+                        animationIterationCount: number;
+                    };
+                }[];
+            })[];
+            effect?: undefined;
+        } | {
+            type: string;
+            field: string;
+            title: string;
+            value: boolean;
+            effect: {
+                help: string;
+            };
+            control?: undefined;
+        })[];
+    }[];
+})[];

package/lib/page-diy/src/config/base/dkSetting.js

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var animates = require('../../../../animate-select/src/animates.js');
+
 function createTitle(title) {
   return {
     type: "h2",
@@ -16,6 +18,15 @@ function createTitle(title) {
     ]
   };
 }
+function inLoop(val) {
+  const animate = animates.default[0].animate;
+  for (let i = 0; i < animate.length; i++) {
+    if (animate[i].value === val) {
+      return true;
+    }
+  }
+  return false;
+}
 function dkSetting(rule = null) {
   const form = [
     {
@@ -41,6 +52,78 @@ function dkSetting(rule = null) {
           ]
         }
       ]
+    },
+    {
+      type: "el-collapse",
+      props: {
+        modelValue: "base"
+      },
+      style: "width:100%",
+      children: [
+        // 基础配置
+        {
+          type: "el-collapse-item",
+          props: { name: "base" },
+          children: [
+            createTitle("\u52A8\u753B\u914D\u7F6E"),
+            {
+              type: "DkAnimateSelect",
+              field: "animate",
+              value: "",
+              title: "\u9009\u62E9\u52A8\u753B",
+              control: [
+                {
+                  handle: function(val) {
+                    if (!val)
+                      return false;
+                    return inLoop(val);
+                  },
+                  rule: [
+                    {
+                      type: "dk-style-animation-input",
+                      field: "animation",
+                      title: "",
+                      value: {
+                        animationDelay: "0s",
+                        animationDuration: "1s",
+                        animationIterationCount: "infinite"
+                      }
+                    }
+                  ]
+                },
+                {
+                  handle: function(val) {
+                    if (!val)
+                      return false;
+                    return !inLoop(val);
+                  },
+                  rule: [
+                    {
+                      type: "dk-style-animation-input",
+                      field: "animation",
+                      title: "",
+                      value: {
+                        animationDelay: "0s",
+                        animationDuration: "1s",
+                        animationIterationCount: 1
+                      }
+                    }
+                  ]
+                }
+              ]
+            },
+            {
+              type: "switch",
+              field: "animation_preview",
+              title: "\u5B9E\u65F6\u9884\u89C8",
+              value: true,
+              effect: {
+                help: "\u8BBE\u7F6E\u5F53\u524D\u7EC4\u4EF6\u5FAA\u73AF\u52A8\u753B\u5B9E\u65F6\u9884\u89C8\uFF0C\u5F53\u524D\u4EC5\u4E3A\u8C03\u8BD5\u9879"
+              }
+            }
+          ]
+        }
+      ]
     }
   ];
   if (rule) {

package/lib/page-diy/src/config/base/dkSetting.js.map

@@ -1 +1 @@
-{"version":3,"file":"dkSetting.js","sources":["../../../../../src/page-diy/src/config/base/dkSetting.js"],"sourcesContent":["function createTitle(title) {\n  return {\n    type: 'h2',\n    slot: 'title',\n    style: 'display: flex;align-items: center;font-size: 14px;font-weight: 600;margin:0;padding:0',\n    children: [\n      {\n        type: 'em',\n        style: 'width: 6px; height: 18px; background: rgb(64, 158, 255); display: block; margin-right: 5px;',\n      },\n      { type: 'span', children: [title] },\n    ],\n  }\n}\nexport default function dkSetting(rule = null) {\n  const form = [\n    {\n      type: 'el-collapse',\n      props: {\n        modelValue: 'base',\n      },\n      style: 'width:100%',\n      children: [\n        // 基础配置\n        {\n          type: 'el-collapse-item',\n          props: { name: 'base' },\n\n          children: [\n            createTitle('基础配置'),\n            {\n              type: 'DkStyleInput',\n              field: 'style',\n              value: {},\n              title: '',\n              props: { height: 180 },\n            },\n          ],\n        },\n      ],\n    },\n  ]\n  // 判断是否允许开启悬浮\n  if (rule) {\n    if (rule.config.config.rule().fixed) {\n      const fixedChildren = [\n        createTitle('悬浮配置'),\n        {\n          type: 'switch',\n          field: 'is_position',\n          value: false,\n          title: '开启悬浮',\n          effect: {\n            help: '设置组件是否开启悬浮',\n          },\n          control: [\n            {\n              value: true,\n              rule: [\n                {\n                  type: 'DkStylePositionInput',\n                  field: 'position',\n                  value: {},\n                  title: '',\n                },\n              ],\n            },\n          ],\n        },\n      ]\n      const collapseFixed = {\n        type: 'el-collapse-item',\n        props: { name: 'fixed' },\n        children: fixedChildren,\n      }\n      form[0].children.push(collapseFixed)\n    }\n  }\n  return form\n}\n"],"names":[],"mappings":";;;;AAAA,SAAS,YAAY,KAAO,EAAA;AAC1B,EAAO,OAAA;AAAA,IACL,IAAM,EAAA,IAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,KAAO,EAAA,uFAAA;AAAA,IACP,QAAU,EAAA;AAAA,MACR;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,QACN,KAAO,EAAA,6FAAA;AAAA,OACT;AAAA,MACA,EAAE,IAAM,EAAA,MAAA,EAAQ,QAAU,EAAA,CAAC,KAAK,CAAE,EAAA;AAAA,KACpC;AAAA,GACF,CAAA;AACF,CAAA;AACwB,SAAA,SAAA,CAAU,OAAO,IAAM,EAAA;AAC7C,EAAA,MAAM,IAAO,GAAA;AAAA,IACX;AAAA,MACE,IAAM,EAAA,aAAA;AAAA,MACN,KAAO,EAAA;AAAA,QACL,UAAY,EAAA,MAAA;AAAA,OACd;AAAA,MACA,KAAO,EAAA,YAAA;AAAA,MACP,QAAU,EAAA;AAAA;AAAA,QAER;AAAA,UACE,IAAM,EAAA,kBAAA;AAAA,UACN,KAAA,EAAO,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,UAEtB,QAAU,EAAA;AAAA,YACR,YAAY,0BAAM,CAAA;AAAA,YAClB;AAAA,cACE,IAAM,EAAA,cAAA;AAAA,cACN,KAAO,EAAA,OAAA;AAAA,cACP,OAAO,EAAC;AAAA,cACR,KAAO,EAAA,EAAA;AAAA,cACP,KAAA,EAAO,EAAE,MAAA,EAAQ,GAAI,EAAA;AAAA,aACvB;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,IAAI,IAAM,EAAA;AACR,IAAA,IAAI,IAAK,CAAA,MAAA,CAAO,MAAO,CAAA,IAAA,GAAO,KAAO,EAAA;AACnC,MAAA,MAAM,aAAgB,GAAA;AAAA,QACpB,YAAY,0BAAM,CAAA;AAAA,QAClB;AAAA,UACE,IAAM,EAAA,QAAA;AAAA,UACN,KAAO,EAAA,aAAA;AAAA,UACP,KAAO,EAAA,KAAA;AAAA,UACP,KAAO,EAAA,0BAAA;AAAA,UACP,MAAQ,EAAA;AAAA,YACN,IAAM,EAAA,8DAAA;AAAA,WACR;AAAA,UACA,OAAS,EAAA;AAAA,YACP;AAAA,cACE,KAAO,EAAA,IAAA;AAAA,cACP,IAAM,EAAA;AAAA,gBACJ;AAAA,kBACE,IAAM,EAAA,sBAAA;AAAA,kBACN,KAAO,EAAA,UAAA;AAAA,kBACP,OAAO,EAAC;AAAA,kBACR,KAAO,EAAA,EAAA;AAAA,iBACT;AAAA,eACF;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA,OACF,CAAA;AACA,MAAA,MAAM,aAAgB,GAAA;AAAA,QACpB,IAAM,EAAA,kBAAA;AAAA,QACN,KAAA,EAAO,EAAE,IAAA,EAAM,OAAQ,EAAA;AAAA,QACvB,QAAU,EAAA,aAAA;AAAA,OACZ,CAAA;AACA,MAAA,IAAA,CAAK,CAAC,CAAA,CAAE,QAAS,CAAA,IAAA,CAAK,aAAa,CAAA,CAAA;AAAA,KACrC;AAAA,GACF;AACA,EAAO,OAAA,IAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"dkSetting.js","sources":["../../../../../src/page-diy/src/config/base/dkSetting.js"],"sourcesContent":["import Animates from '../../../../animate-select/src/animates'\n\nfunction createTitle(title) {\n  return {\n    type: 'h2',\n    slot: 'title',\n    style: 'display: flex;align-items: center;font-size: 14px;font-weight: 600;margin:0;padding:0',\n    children: [\n      {\n        type: 'em',\n        style: 'width: 6px; height: 18px; background: rgb(64, 158, 255); display: block; margin-right: 5px;',\n      },\n      { type: 'span', children: [title] },\n    ],\n  }\n}\n\nfunction inLoop(val) {\n  const animate = Animates[0].animate\n  for (let i = 0; i < animate.length; i++) {\n    if (animate[i].value === val) {\n      return true\n    }\n  }\n  return false\n}\n\nexport default function dkSetting(rule = null) {\n  const form = [\n    {\n      type: 'el-collapse',\n      props: {\n        modelValue: 'base',\n      },\n      style: 'width:100%',\n      children: [\n        // 基础配置\n        {\n          type: 'el-collapse-item',\n          props: { name: 'base' },\n\n          children: [\n            createTitle('基础配置'),\n            {\n              type: 'DkStyleInput',\n              field: 'style',\n              value: {},\n              title: '',\n              props: { height: 180 },\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'el-collapse',\n      props: {\n        modelValue: 'base',\n      },\n      style: 'width:100%',\n      children: [\n        // 基础配置\n        {\n          type: 'el-collapse-item',\n          props: { name: 'base' },\n\n          children: [\n            createTitle('动画配置'),\n            {\n              type: 'DkAnimateSelect',\n              field: 'animate',\n              value: '',\n              title: '选择动画',\n              control: [\n                {\n                  handle: function (val) {\n                    if (!val) return false\n                    return inLoop(val)\n                  },\n                  rule: [\n                    {\n                      type: 'dk-style-animation-input',\n                      field: 'animation',\n                      title: '',\n                      value: {\n                        animationDelay: '0s',\n                        animationDuration: '1s',\n                        animationIterationCount: 'infinite',\n                      },\n                    },\n                  ],\n                },\n                {\n                  handle: function (val) {\n                    if (!val) return false\n                    return !inLoop(val)\n                  },\n                  rule: [\n                    {\n                      type: 'dk-style-animation-input',\n                      field: 'animation',\n                      title: '',\n                      value: {\n                        animationDelay: '0s',\n                        animationDuration: '1s',\n                        animationIterationCount: 1,\n                      },\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              type: 'switch',\n              field: 'animation_preview',\n              title: '实时预览',\n              value: true,\n              effect: {\n                help: '设置当前组件循环动画实时预览，当前仅为调试项',\n              },\n            },\n          ],\n        },\n      ],\n    },\n  ]\n  // 判断是否允许开启悬浮\n  if (rule) {\n    if (rule.config.config.rule().fixed) {\n      const fixedChildren = [\n        createTitle('悬浮配置'),\n        {\n          type: 'switch',\n          field: 'is_position',\n          value: false,\n          title: '开启悬浮',\n          effect: {\n            help: '设置组件是否开启悬浮',\n          },\n          control: [\n            {\n              value: true,\n              rule: [\n                {\n                  type: 'DkStylePositionInput',\n                  field: 'position',\n                  value: {},\n                  title: '',\n                },\n              ],\n            },\n          ],\n        },\n      ]\n      const collapseFixed = {\n        type: 'el-collapse-item',\n        props: { name: 'fixed' },\n        children: fixedChildren,\n      }\n      form[0].children.push(collapseFixed)\n    }\n  }\n  return form\n}\n"],"names":["Animates"],"mappings":"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"}