@vipl520/dk-ui 1.0.11 → 1.0.13

package/es/index.scss

@@ -21,6 +21,7 @@
 @import './form/style/index.scss';
 @import './table/style/index.scss';
 @import './poster-input/style/index.scss';
+@import './hot-area-input/style/index.scss';
 
 //
 ::-webkit-scrollbar {
@@ -45,66 +46,4 @@
 *::after {
   box-sizing: border-box;
 }
-
-/* 由于unocss不支持 单独提取 */
-//.visible{visibility:visible;}
-//.absolute{position:absolute;}
-//.fixed{position:fixed;}
-//.relative{position:relative;}
-//.left-0{left:0;}
-//.left-5\%{left:5%;}
-//.left-99\%{left:99%;}
-//.right-0{right:0;}
-//.right-5\%{right:5%;}
-//.right-99\%{right:99%;}
-//.top-\[50\%\]{top:50%;}
-//.top-10px{top:10px;}
-//.grid{display:grid;}
-//.float-right{float:right;}
-//.m-1px{margin:1px;}
-//.m2{margin:0.5rem;}
-//.m-b-10px{margin-bottom:10px;}
-//.m-b-5px{margin-bottom:5px;}
-//.m-l-20px{margin-left:20px;}
-//.m-l-5px{margin-left:5px;}
-//.m-l-6px{margin-left:6px;}
-//.m-r-4px{margin-right:4px;}
-//.m-r-5px{margin-right:5px;}
-//.m-t-10px{margin-top:10px;}
-//.m-t-5px{margin-top:5px;}
-//.ml-10px{margin-left:10px;}
-//.mr{margin-right:1rem;}
-//.mr-1{margin-right:0.25rem;}
-//.mr-10px{margin-right:10px;}
-//.block{display:block;}
-//.hidden{display:none;}
-//.w-100\%{width:100%;}
-//.w-40px{width:40px;}
-//.w100{width:25rem;}
-//.flex{display:flex;}
-//.table{display:table;}
-//.translate-y-\[-50\%\]{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-//.cursor-pointer{cursor:pointer;}
-//.resize{resize:both;}
-//.content-center{align-content:center;}
-//.items-center{align-items:center;}
-//.justify-center{justify-content:center;}
-//.justify-between{justify-content:space-between;}
-//.border{border-width:1px;}
-//.rd-4px{border-radius:4px;}
-//.p-10px{padding:10px;}
-//.p-5px{padding:5px;}
-//.p2{padding:0.5rem;}
-//.px{padding-left:1rem;padding-right:1rem;}
-//.pb-5px{padding-bottom:5px;}
-//.pl-20{padding-left:5rem;}
-//.pt-5px{padding-top:5px;}
-//.text-center{text-align:center;}
-//.vertical-text-top{vertical-align:text-top;}
-//.italic{font-style:italic;}
-//.color-blue{--un-text-opacity:1;color:rgba(96,165,250,var(--un-text-opacity));}
-//.line-through{text-decoration-line:line-through;}
-//.underline{text-decoration-line:underline;}
-//.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-
 /* stylelint-enable */

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

@@ -1,11 +1,29 @@
-export declare const PageDiy: import("@vipl520/utils").WithInstall<import("vue").DefineComponent<Readonly<{
-    config?: any;
-    loading?: any;
-    menu?: any;
-    mask?: any;
-    height?: any;
-    locale?: any;
-}>, {
+export declare const PageDiy: import("@vipl520/utils").WithInstall<import("vue").DefineComponent<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    menu: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    config: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    mask: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}, {
     countObj: import("vue").ComputedRef<{}>;
     diyTree: import("vue").ComputedRef<any[]>;
     clear(type?: string): void;
@@ -96,7 +114,7 @@ export declare const PageDiy: import("@vipl520/utils").WithInstall<import("vue")
     activeTab: import("vue").Ref<string>;
     activeRule: import("vue").Ref<null>;
     children: import("vue").Ref<never[]>;
-    menuList: import("vue").Ref<any>;
+    menuList: import("vue").Ref<Record<string, any>>;
     showBaseRule: import("vue").Ref<boolean>;
     showDkSettingRule: import("vue").Ref<boolean>;
     visible: import("vue").Ref<{
@@ -227,20 +245,38 @@ export declare const PageDiy: import("@vipl520/utils").WithInstall<import("vue")
         hide: boolean;
         treeData: never[];
     }>;
-}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
-    config?: any;
-    loading?: any;
-    menu?: any;
-    mask?: any;
-    height?: any;
-    locale?: any;
-}>>>, {
-    readonly config?: any;
-    readonly loading?: any;
-    readonly menu?: any;
-    readonly mask?: any;
-    readonly height?: any;
-    readonly locale?: any;
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    menu: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    config: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    mask: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>>, {
+    type: string;
+    config: Record<string, any>;
+    loading: boolean;
+    menu: Record<string, any>;
+    mask: string;
+    height: string;
 }, {}>>;
 export default PageDiy;
 export * from './src/props';

package/es/page-diy/index.mjs

@@ -5,7 +5,6 @@ import DragBox from './src/components/DragBox.vue.mjs';
 import { designerForm, viewForm } from './src/utils/form.mjs';
 import draggable from 'vuedraggable/src/vuedraggable';
 import './src/utils/index.mjs';
-import views from './src/views/index.mjs';
 export { pageDiyProps } from './src/props.mjs';
 import { uniqueId } from './src/utils/unique.mjs';
 
@@ -16,9 +15,6 @@ const addComponent = (id, component) => {
 designerForm.component("Draggable", draggable);
 designerForm.component("DragTool", DragTool);
 designerForm.component("DragBox", DragBox);
-for (const name in views) {
-  designerForm.component(name, views[name]);
-}
 designerForm.register("_fc", {
   init(fc, rule) {
     rule._id = uniqueId();

package/es/page-diy/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/page-diy/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _PageDiy from './src/page-diy.vue'\nimport DragTool from './src/components/DragTool.vue'\nimport DragBox from './src/components/DragBox.vue'\nimport formCreate, { designerForm } from './src/utils/form'\nimport draggable from 'vuedraggable/src/vuedraggable'\nimport { uniqueId } from './src/utils'\nimport views from './src/views'\n\nconst addComponent = (id: any, component: any) => {\n  designerForm.component(id, component)\n  formCreate.component(id, component)\n}\n\ndesignerForm.component('Draggable', draggable)\ndesignerForm.component('DragTool', DragTool)\ndesignerForm.component('DragBox', DragBox)\n\nfor (const name in views) {\n  designerForm.component(name, views[name])\n}\n\ndesignerForm.register('_fc', {\n  init(fc: any, rule: any) {\n    rule._id = uniqueId()\n    if (fc.value) {\n      rule.effect._fc = false\n    }\n  },\n})\n\ndesignerForm.register('_fc_tool', {\n  init(_, rule: any) {\n    rule.props.unique = uniqueId()\n  },\n})\n\n_PageDiy.formCreate = formCreate\n_PageDiy.designerForm = designerForm\n_PageDiy.component = addComponent\nexport const PageDiy = withInstall(_PageDiy)\nexport default PageDiy\n\nexport * from './src/props'\n"],"names":["formCreate"],"mappings":";;;;;;;;;;;AASA,MAAM,YAAA,GAAe,CAAC,EAAA,EAAS,SAAmB,KAAA;AAChD,EAAa,YAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AACpC,EAAWA,QAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AACpC,CAAA,CAAA;AAEA,YAAa,CAAA,SAAA,CAAU,aAAa,SAAS,CAAA,CAAA;AAC7C,YAAa,CAAA,SAAA,CAAU,YAAY,QAAQ,CAAA,CAAA;AAC3C,YAAa,CAAA,SAAA,CAAU,WAAW,OAAO,CAAA,CAAA;AAEzC,KAAA,MAAW,QAAQ,KAAO,EAAA;AACxB,EAAA,YAAA,CAAa,SAAU,CAAA,IAAA,EAAM,KAAM,CAAA,IAAI,CAAC,CAAA,CAAA;AAC1C,CAAA;AAEA,YAAA,CAAa,SAAS,KAAO,EAAA;AAAA,EAC3B,IAAA,CAAK,IAAS,IAAW,EAAA;AACvB,IAAA,IAAA,CAAK,MAAM,QAAS,EAAA,CAAA;AACpB,IAAA,IAAI,GAAG,KAAO,EAAA;AACZ,MAAA,IAAA,CAAK,OAAO,GAAM,GAAA,KAAA,CAAA;AAAA,KACpB;AAAA,GACF;AACF,CAAC,CAAA,CAAA;AAED,YAAA,CAAa,SAAS,UAAY,EAAA;AAAA,EAChC,IAAA,CAAK,GAAG,IAAW,EAAA;AACjB,IAAK,IAAA,CAAA,KAAA,CAAM,SAAS,QAAS,EAAA,CAAA;AAAA,GAC/B;AACF,CAAC,CAAA,CAAA;AAED,QAAA,CAAS,UAAa,GAAAA,QAAA,CAAA;AACtB,QAAA,CAAS,YAAe,GAAA,YAAA,CAAA;AACxB,QAAA,CAAS,SAAY,GAAA,YAAA,CAAA;AACR,MAAA,OAAA,GAAU,YAAY,QAAQ;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/page-diy/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _PageDiy from './src/page-diy.vue'\nimport DragTool from './src/components/DragTool.vue'\nimport DragBox from './src/components/DragBox.vue'\nimport formCreate, { designerForm } from './src/utils/form'\nimport draggable from 'vuedraggable/src/vuedraggable'\nimport { uniqueId } from './src/utils'\n// import views from './src/views/web'\n\nconst addComponent = (id: any, component: any) => {\n  designerForm.component(id, component)\n  formCreate.component(id, component)\n}\n\ndesignerForm.component('Draggable', draggable)\ndesignerForm.component('DragTool', DragTool)\ndesignerForm.component('DragBox', DragBox)\n\n// for (const name in views) {\n//   designerForm.component(name, views[name])\n// }\n\ndesignerForm.register('_fc', {\n  init(fc: any, rule: any) {\n    rule._id = uniqueId()\n    if (fc.value) {\n      rule.effect._fc = false\n    }\n  },\n})\n\ndesignerForm.register('_fc_tool', {\n  init(_, rule: any) {\n    rule.props.unique = uniqueId()\n  },\n})\n\n_PageDiy.formCreate = formCreate\n_PageDiy.designerForm = designerForm\n_PageDiy.component = addComponent\nexport const PageDiy = withInstall(_PageDiy)\nexport default PageDiy\n\nexport * from './src/props'\n"],"names":["formCreate"],"mappings":";;;;;;;;;;AASA,MAAM,YAAA,GAAe,CAAC,EAAA,EAAS,SAAmB,KAAA;AAChD,EAAa,YAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AACpC,EAAWA,QAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AACpC,CAAA,CAAA;AAEA,YAAa,CAAA,SAAA,CAAU,aAAa,SAAS,CAAA,CAAA;AAC7C,YAAa,CAAA,SAAA,CAAU,YAAY,QAAQ,CAAA,CAAA;AAC3C,YAAa,CAAA,SAAA,CAAU,WAAW,OAAO,CAAA,CAAA;AAMzC,YAAA,CAAa,SAAS,KAAO,EAAA;AAAA,EAC3B,IAAA,CAAK,IAAS,IAAW,EAAA;AACvB,IAAA,IAAA,CAAK,MAAM,QAAS,EAAA,CAAA;AACpB,IAAA,IAAI,GAAG,KAAO,EAAA;AACZ,MAAA,IAAA,CAAK,OAAO,GAAM,GAAA,KAAA,CAAA;AAAA,KACpB;AAAA,GACF;AACF,CAAC,CAAA,CAAA;AAED,YAAA,CAAa,SAAS,UAAY,EAAA;AAAA,EAChC,IAAA,CAAK,GAAG,IAAW,EAAA;AACjB,IAAK,IAAA,CAAA,KAAA,CAAM,SAAS,QAAS,EAAA,CAAA;AAAA,GAC/B;AACF,CAAC,CAAA,CAAA;AAED,QAAA,CAAS,UAAa,GAAAA,QAAA,CAAA;AACtB,QAAA,CAAS,YAAe,GAAA,YAAA,CAAA;AACxB,QAAA,CAAS,SAAY,GAAA,YAAA,CAAA;AACR,MAAA,OAAA,GAAU,YAAY,QAAQ;;;;"}

package/es/page-diy/src/components/DragBox.vue.mjs

@@ -31,7 +31,7 @@ const _sfc_main = defineComponent({
     })
   },
 });
-var DragBox = /*#__PURE__*/_export_sfc(_sfc_main, [['__file',"E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\page-diy\\src\\components\\DragBox.vue"]]);
+var DragBox = /*#__PURE__*/_export_sfc(_sfc_main, [['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\DragBox.vue"]]);
 
 export { DragBox as default };
 //# sourceMappingURL=DragBox.vue.mjs.map

package/es/page-diy/src/components/DragTool.vue.mjs

@@ -127,7 +127,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6 /* CLASS, STYLE */))
 }
-var DragTool = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\page-diy\\src\\components\\DragTool.vue"]]);
+var DragTool = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\DragTool.vue"]]);
 
 export { DragTool as default };
 //# sourceMappingURL=DragTool.vue.mjs.map

package/es/page-diy/src/components/PreviewPhone.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from './PreviewPhone.vue2.mjs';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var PreviewPhone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\page-diy\\src\\components\\PreviewPhone.vue"]]);
+var PreviewPhone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\PreviewPhone.vue"]]);
 
 export { PreviewPhone as default };
 //# sourceMappingURL=PreviewPhone.vue.mjs.map

package/es/page-diy/src/components/PreviewPhone.vue2.mjs

@@ -127,7 +127,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 _hoisted_8,
                 createVNode(_component_dk_icon, {
                   icon: "gg:battery-full",
-                  size: 30,
+                  size: 18,
                   color: "#555",
                   "hover-color": "#f00"
                 })

package/es/page-diy/src/components/PreviewPhone.vue2.mjs.map

@@ -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\n              icon=\"gg:battery-full\"\n              :size=\"30\"\n              color=\"#555\"\n              hover-color=\"#f00\"\n            ></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\n                icon=\"Close\"\n                hover-color=\"var(--el-color-primary)\"\n                :size=\"20\"\n                style=\"cursor: pointer\"\n              ></dk-icon>\n              <template #dropdown>\n                <el-dropdown-menu>\n                  <el-dropdown-item @click=\"clear('rule')\"\n                    >清除组件</el-dropdown-item\n                  >\n                  <el-dropdown-item @click=\"clear('page')\"\n                    >清除页面</el-dropdown-item\n                  >\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\n                  icon=\"MoreFilled\"\n                  :size=\"20\"\n                  hover-color=\"var(--el-color-primary)\"\n                  style=\"cursor: pointer\"\n                />\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\n                  v-model=\"form.margin\"\n                  :min=\"0\"\n                  :step=\"1\"\n                  show-stops\n                  :max=\"10\"\n                  @change=\"changeForm()\"\n                />\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})\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 = {}\n  if (form.value.showLine) {\n    line = {\n      '--margin': form.value.margin + 'px',\n      '--showDashed': '1px',\n    }\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;AAmFD,IAAM,MAAA,GAAA,GAAW,OAAO,KAAK,CAAA,CAAA;AAY7B,IAAA,MAAM,GAAM,GAAA,eAAA,CAAA;AACZ,IAAA,MAAM,QAAa,IAAK,CAAA,KAAA,CAAM,QAAQ,GAAI,CAAA,GAAG,KAAK,IAAI,CAAA,CAAA;AAEtD,IAAA,MAAM,OAAO,GAAI,CAAA;AAAA,MACf,QAAA,EAAU,MAAM,QAAY,IAAA,KAAA;AAAA,MAC5B,MAAA,EAAQ,MAAM,MAAU,IAAA,CAAA;AAAA,KACzB,CAAA,CAAA;AAED,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,OAAA,CAAQ,IAAI,GAAK,EAAA,IAAA,CAAK,SAAU,CAAA,IAAA,CAAK,KAAK,CAAC,CAAA,CAAA;AAAA,KAC7C,CAAA;AACA,IAAM,MAAA,KAAA,GAAQ,CAAC,IAAA,GAAO,EAAO,KAAA;AAC3B,MAAM,MAAA,EAAE,OAAU,GAAA,GAAA,CAAA;AAClB,MAAA,MAAM,QAAgB,GAAA;AAAA,QACpB,IAAM,EAAA,cAAA;AAAA,QACN,MAAQ,EAAA,cAAA;AAAA,OACV,CAAA;AACA,MAAA,YAAA,CAAa,QAAQ,gCAAU,GAAA,QAAA,CAAS,IAAI,CAAA,GAAI,mCAAU,cAAM,EAAA;AAAA,QAC9D,iBAAmB,EAAA,cAAA;AAAA,QACnB,gBAAkB,EAAA,cAAA;AAAA,QAClB,IAAM,EAAA,SAAA;AAAA,OACP,CACE,CAAA,IAAA,CAAK,MAAM;AACV,QAAA,KAAA,CAAM,MAAM,IAAI,CAAA,CAAA;AAChB,QAAA,SAAA,CAAU,QAAQ,0BAAM,CAAA,CAAA;AAAA,OACzB,CACA,CAAA,KAAA,CAAM,MAAM;AAAA,OAAE,CAAA,CAAA;AAAA,KACnB,CAAA;AACA,IAAM,MAAA,MAAA,GAAS,SAAS,MAAM;AAC5B,MAAA,IAAI,OAAO,EAAC,CAAA;AACZ,MAAI,IAAA,IAAA,CAAK,MAAM,QAAU,EAAA;AACvB,QAAO,IAAA,GAAA;AAAA,UACL,UAAA,EAAY,IAAK,CAAA,KAAA,CAAM,MAAS,GAAA,IAAA;AAAA,UAChC,cAAgB,EAAA,KAAA;AAAA,SAClB,CAAA;AAAA,OACF;AACA,MAAO,OAAA;AAAA,QACL,GAAG,MAAM,UAAW,CAAA,KAAA;AAAA,QACpB,GAAG,IAAA;AAAA,OACL,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAO,SAAS,MAAM;AAC1B,MAAM,MAAA,CAAA,uBAAQ,IAAK,EAAA,CAAA;AACnB,MAAM,MAAA,IAAA,GAAO,EAAE,QAAS,EAAA,CAAA;AACxB,MAAM,MAAA,MAAA,GAAS,EAAE,UAAW,EAAA,CAAA;AAC5B,MAAA,OAAO,OAAO,GAAM,GAAA,MAAA,CAAA;AAAA,KACrB,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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                <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=\"10\" @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})\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 = {}\n  if (form.value.showLine) {\n    line = {\n      '--margin': form.value.margin + 'px',\n      '--showDashed': '1px',\n    }\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;AAyDD,IAAM,MAAA,GAAA,GAAW,OAAO,KAAK,CAAA,CAAA;AAY7B,IAAA,MAAM,GAAM,GAAA,eAAA,CAAA;AACZ,IAAA,MAAM,QAAa,IAAK,CAAA,KAAA,CAAM,QAAQ,GAAI,CAAA,GAAG,KAAK,IAAI,CAAA,CAAA;AAEtD,IAAA,MAAM,OAAO,GAAI,CAAA;AAAA,MACf,QAAA,EAAU,MAAM,QAAY,IAAA,KAAA;AAAA,MAC5B,MAAA,EAAQ,MAAM,MAAU,IAAA,CAAA;AAAA,KACzB,CAAA,CAAA;AAED,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,OAAA,CAAQ,IAAI,GAAK,EAAA,IAAA,CAAK,SAAU,CAAA,IAAA,CAAK,KAAK,CAAC,CAAA,CAAA;AAAA,KAC7C,CAAA;AACA,IAAM,MAAA,KAAA,GAAQ,CAAC,IAAA,GAAO,EAAO,KAAA;AAC3B,MAAM,MAAA,EAAE,OAAU,GAAA,GAAA,CAAA;AAClB,MAAA,MAAM,QAAgB,GAAA;AAAA,QACpB,IAAM,EAAA,cAAA;AAAA,QACN,MAAQ,EAAA,cAAA;AAAA,OACV,CAAA;AACA,MAAA,YAAA,CAAa,QAAQ,gCAAU,GAAA,QAAA,CAAS,IAAI,CAAA,GAAI,mCAAU,cAAM,EAAA;AAAA,QAC9D,iBAAmB,EAAA,cAAA;AAAA,QACnB,gBAAkB,EAAA,cAAA;AAAA,QAClB,IAAM,EAAA,SAAA;AAAA,OACP,CACE,CAAA,IAAA,CAAK,MAAM;AACV,QAAA,KAAA,CAAM,MAAM,IAAI,CAAA,CAAA;AAChB,QAAA,SAAA,CAAU,QAAQ,0BAAM,CAAA,CAAA;AAAA,OACzB,CACA,CAAA,KAAA,CAAM,MAAM;AAAA,OAAE,CAAA,CAAA;AAAA,KACnB,CAAA;AACA,IAAM,MAAA,MAAA,GAAS,SAAS,MAAM;AAC5B,MAAA,IAAI,OAAO,EAAC,CAAA;AACZ,MAAI,IAAA,IAAA,CAAK,MAAM,QAAU,EAAA;AACvB,QAAO,IAAA,GAAA;AAAA,UACL,UAAA,EAAY,IAAK,CAAA,KAAA,CAAM,MAAS,GAAA,IAAA;AAAA,UAChC,cAAgB,EAAA,KAAA;AAAA,SAClB,CAAA;AAAA,OACF;AACA,MAAO,OAAA;AAAA,QACL,GAAG,MAAM,UAAW,CAAA,KAAA;AAAA,QACpB,GAAG,IAAA;AAAA,OACL,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAO,SAAS,MAAM;AAC1B,MAAM,MAAA,CAAA,uBAAQ,IAAK,EAAA,CAAA;AACnB,MAAM,MAAA,IAAA,GAAO,EAAE,QAAS,EAAA,CAAA;AACxB,MAAM,MAAA,MAAA,GAAS,EAAE,UAAW,EAAA,CAAA;AAC5B,MAAA,OAAO,OAAO,GAAM,GAAA,MAAA,CAAA;AAAA,KACrB,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/page-diy/src/config/base/dkPage.mjs

@@ -7,55 +7,6 @@ function dkPage() {
       title: "",
       props: {}
     }
-    // { type: 'DkBoxSizeInput', field: 'padding', value: '0px', title: '内边距' },
-    // { type: 'DkBoxSizeInput', field: 'margin', value: '0px', title: '外边距' },
-    // {
-    //   type: 'DkImageInput',
-    //   field: 'bg_img',
-    //   value: '',
-    //   title: '背景图片',
-    //   props: { showInput: false },
-    // },
-    // {
-    //   type: 'DkColorInput',
-    //   field: 'bg_color',
-    //   title: '背景色',
-    //   value: '#ff7271',
-    // },
-    // {
-    //   type: 'elCol',
-    //   props: { style: 'margin-bottom:10px' },
-    //   children: [
-    //     {
-    //       type: 'h2',
-    //       props: {
-    //         contentPosition: 'left',
-    //       },
-    //       style: 'margin:10px 0px;font-size:14px',
-    //       children: ['偏好设置'],
-    //     },
-    //     {
-    //       type: 'p',
-    //       props: {},
-    //       style: 'margin:10px 0px;color:#999;font-size:12px',
-    //       children: ['当前设置仅为了方便diy使用，不会对实际页面有影响'],
-    //     },
-    //   ],
-    // },
-    // {
-    //   type: 'slider',
-    //   field: 'border_margin',
-    //   title: '模块间距',
-    //   value: 0,
-    //   props: { min: 0, max: 20 },
-    //   // suffix: get_help('方便Diy的时候选择模块，不会对实际页面有影响')
-    // },
-    // {
-    //   type: 'switch',
-    //   field: 'show_dashed',
-    //   title: '显示虚线',
-    //   props: { activeValue: 2, inactiveValue: 0 },
-    // },
   ];
 }
 

package/es/page-diy/src/config/base/dkPage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dkPage.mjs","sources":["../../../../../src/page-diy/src/config/base/dkPage.js"],"sourcesContent":["// import { get_help } from '../../../DkPageDiy/utils'\n\nexport default function dkPage() {\n  return [\n    {\n      type: 'DkStyleInput',\n      field: 'style',\n      value: {},\n      title: '',\n      props: {},\n    },\n    // { type: 'DkBoxSizeInput', field: 'padding', value: '0px', title: '内边距' },\n    // { type: 'DkBoxSizeInput', field: 'margin', value: '0px', title: '外边距' },\n    // {\n    //   type: 'DkImageInput',\n    //   field: 'bg_img',\n    //   value: '',\n    //   title: '背景图片',\n    //   props: { showInput: false },\n    // },\n    // {\n    //   type: 'DkColorInput',\n    //   field: 'bg_color',\n    //   title: '背景色',\n    //   value: '#ff7271',\n    // },\n    // {\n    //   type: 'elCol',\n    //   props: { style: 'margin-bottom:10px' },\n    //   children: [\n    //     {\n    //       type: 'h2',\n    //       props: {\n    //         contentPosition: 'left',\n    //       },\n    //       style: 'margin:10px 0px;font-size:14px',\n    //       children: ['偏好设置'],\n    //     },\n    //     {\n    //       type: 'p',\n    //       props: {},\n    //       style: 'margin:10px 0px;color:#999;font-size:12px',\n    //       children: ['当前设置仅为了方便diy使用，不会对实际页面有影响'],\n    //     },\n    //   ],\n    // },\n    // {\n    //   type: 'slider',\n    //   field: 'border_margin',\n    //   title: '模块间距',\n    //   value: 0,\n    //   props: { min: 0, max: 20 },\n    //   // suffix: get_help('方便Diy的时候选择模块，不会对实际页面有影响')\n    // },\n    // {\n    //   type: 'switch',\n    //   field: 'show_dashed',\n    //   title: '显示虚线',\n    //   props: { activeValue: 2, inactiveValue: 0 },\n    // },\n  ]\n}\n"],"names":[],"mappings":"AAEA,SAAwB,MAAS,GAAA;AAC/B,EAAO,OAAA;AAAA,IACL;AAAA,MACE,IAAM,EAAA,cAAA;AAAA,MACN,KAAO,EAAA,OAAA;AAAA,MACP,OAAO,EAAC;AAAA,MACR,KAAO,EAAA,EAAA;AAAA,MACP,OAAO,EAAC;AAAA,KACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkDF,CAAA;AACF;;;;"}
+{"version":3,"file":"dkPage.mjs","sources":["../../../../../src/page-diy/src/config/base/dkPage.js"],"sourcesContent":["export default function dkPage() {\n  return [\n    {\n      type: 'DkStyleInput',\n      field: 'style',\n      value: {},\n      title: '',\n      props: {},\n    },\n  ]\n}\n"],"names":[],"mappings":"AAAA,SAAwB,MAAS,GAAA;AAC/B,EAAO,OAAA;AAAA,IACL;AAAA,MACE,IAAM,EAAA,cAAA;AAAA,MACN,KAAO,EAAA,OAAA;AAAA,MACP,OAAO,EAAC;AAAA,MACR,KAAO,EAAA,EAAA;AAAA,MACP,OAAO,EAAC;AAAA,KACV;AAAA,GACF,CAAA;AACF;;;;"}

package/es/page-diy/src/config/base/dkSetting.mjs

@@ -36,134 +36,6 @@ function dkSetting(rule = null) {
             }
           ]
         }
-        // {
-        //   type: 'el-collapse-item',
-        //   props: { name: 'animate' },
-        //   children: [
-        //     createTitle('动画配置'),
-        //     {
-        //       type: 'select',
-        //       field: 'animate',
-        //       value: '',
-        //       title: '入场动画',
-        //       options: [
-        //         { value: '', label: '无' },
-        //         { value: 'bounceIn', label: '弹入' },
-        //         { value: 'bounceInDown', label: '上边弹入' },
-        //         { value: 'bounceInLeft', label: '左边弹入' },
-        //         { value: 'bounceInRight', label: '右边弹入' },
-        //         { value: 'bounceInUp', label: '下边弹入' },
-        //
-        //         { value: 'fadeIn', label: '淡入' },
-        //         { value: 'fadeInDown', label: '上边淡入' },
-        //         { value: 'fadeInDownBig', label: '最上边淡入' },
-        //         { value: 'fadeInLeft', label: '左边淡入' },
-        //         { value: 'fadeInLeftBig', label: '最左边淡入' },
-        //         { value: 'fadeInRight', label: '右边淡入' },
-        //         { value: 'fadeInRightBig', label: '最右边淡入' },
-        //         { value: 'fadeInUp', label: '下边淡入' },
-        //         { value: 'fadeInUpBig', label: '最下边淡入' },
-        //
-        //         { value: 'flipInX', label: 'X轴翻转' },
-        //         { value: 'flipInY', label: 'Y轴翻转' },
-        //
-        //         { value: 'lightSpeedIn', label: '轻轻呈现' },
-        //
-        //         { value: 'rotateIn', label: '旋转进入' },
-        //         { value: 'rotateInDownLeft', label: '左上旋入' },
-        //         { value: 'rotateInDownRight', label: '右上旋入' },
-        //         { value: 'rotateInUpLeft', label: '左下旋入' },
-        //         { value: 'rotateInUpRight', label: '右下旋入' },
-        //
-        //         { value: 'slideInDown', label: '滑入' },
-        //         { value: 'slideInLeft', label: '左滑入' },
-        //         { value: 'slideInRight', label: '右滑入' },
-        //
-        //         { value: 'zoomInDown', label: '其他' },
-        //       ],
-        //     },
-        //     {
-        //       type: 'select',
-        //       field: 'loop_animate',
-        //       value: '',
-        //       title: '循环动画',
-        //       options: [
-        //         { value: '', label: '无' },
-        //         { value: 'bounce', label: '弹跳' },
-        //         { value: 'flash', label: '闪动' },
-        //         { value: 'pulse', label: '脉冲' },
-        //         { value: 'rubberBand', label: '橡皮筋' },
-        //         { value: 'shakeX', label: 'X轴摇晃' },
-        //         { value: 'shakeY', label: 'Y轴摇晃' },
-        //         { value: 'headShake', label: '摇头' },
-        //         { value: 'swing', label: '摆动' },
-        //         { value: 'tada', label: '缩放摆动' },
-        //         { value: 'wobble', label: '大幅摇晃' },
-        //         { value: 'jello', label: '果冻效果' },
-        //         { value: 'heartBeat', label: '心跳' },
-        //       ],
-        //       control: [
-        //         {
-        //           handle(val) {
-        //             return val !== ''
-        //           },
-        //           rule: [
-        //             {
-        //               type: 'switch',
-        //               field: 'animation_preview',
-        //               title: '实时预览',
-        //               value: true,
-        //               effect: {
-        //                 help: '设置当前组件循环动画实时预览，当前仅为调试项',
-        //               },
-        //             },
-        //             {
-        //               type: 'InputNumber',
-        //               field: 'animation_duration',
-        //               title: '动画时间',
-        //               value: 1,
-        //               props: { step: 0.1, min: 0.1, max: 20 },
-        //               effect: {
-        //                 help: '设置当前组件每次完成动画所花费的时间',
-        //               },
-        //             },
-        //             {
-        //               type: 'InputNumber',
-        //               field: 'animation_iteration_count',
-        //               title: '循环次数',
-        //               value: 0,
-        //               props: { step: 1, min: 0 },
-        //               effect: {
-        //                 help: '设置当前组件循环次数，0表示无限循环',
-        //               },
-        //             },
-        //           ],
-        //         },
-        //       ],
-        //       effect: {
-        //         help: '设置循环动画后入场动画将不生效',
-        //       },
-        //     },
-        //   ],
-        // },
-        // {
-        //   type: 'el-collapse-item',
-        //   props: { name: 'other' },
-        //   children: [
-        //     createTitle('其他配置'),
-        //     {
-        //       type: 'input',
-        //       field: 'customStyle',
-        //       title: '自定义CSS',
-        //       props: { type: 'textarea' },
-        //       style: 'width:100%',
-        //       effect: {
-        //         help: '设置当前组件的自定义Css样式，如：我们想改变当前元素的背景色和文字大小：background: #000;font-size:18px;',
-        //       },
-        //     },
-        //   ],
-        // },
-        // 悬浮配置 collapseFixed 判断后添加到这里
       ]
     }
   ];
@@ -193,68 +65,6 @@ function dkSetting(rule = null) {
             }
           ]
         }
-        // {
-        //   type: 'select',
-        //   field: 'position',
-        //   value: '',
-        //   title: '悬浮位置',
-        //   options: [
-        //     { value: '', label: '不悬浮' },
-        //     { value: 'custom', label: '自定义定位' },
-        //     { value: 'right-top', label: '右上角' },
-        //     { value: 'right-down', label: '右下角' },
-        //     { value: 'left-top', label: '左上角' },
-        //     { value: 'left-down', label: '左下角' },
-        //     { value: 'center-down', label: '底部居中' },
-        //     { value: 'center-top', label: '顶部居中' },
-        //   ],
-        //   effect: {
-        //     help: '设置组件悬浮位置，可选择自定义和内置的，如果是内置的，可以通过设置组件的内外边距来调整位置',
-        //   },
-        //   control: [
-        //     {
-        //       value: 'custom',
-        //       rule: [
-        //         {
-        //           title: '距离上',
-        //           value: '',
-        //           type: 'DkDragNumberInput',
-        //           wrap: { labelWidth: '55px' },
-        //           field: 'top',
-        //           props: { direction: 'vertical', icon: 'el-icon-arrow-up' },
-        //           col: { span: 11 },
-        //         },
-        //         {
-        //           title: '距离右',
-        //           value: '',
-        //           type: 'DkDragNumberInput',
-        //           wrap: { labelWidth: '55px' },
-        //           field: 'right',
-        //           props: { icon: 'el-icon-arrow-right' },
-        //           col: { span: 11, offset: 2 },
-        //         },
-        //         {
-        //           title: '距离下',
-        //           value: '',
-        //           type: 'DkDragNumberInput',
-        //           wrap: { labelWidth: '55px' },
-        //           field: 'bottom',
-        //           props: { direction: 'vertical', icon: 'el-icon-arrow-down' },
-        //           col: { span: 11 },
-        //         },
-        //         {
-        //           title: '距离左',
-        //           value: '',
-        //           type: 'DkDragNumberInput',
-        //           wrap: { labelWidth: '55px' },
-        //           field: 'left',
-        //           props: { icon: 'el-icon-arrow-left' },
-        //           col: { span: 11, offset: 2 },
-        //         },
-        //       ],
-        //     },
-        //   ],
-        // },
       ];
       const collapseFixed = {
         type: "el-collapse-item",

package/es/page-diy/src/config/base/dkSetting.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dkSetting.mjs","sources":["../../../../../src/page-diy/src/config/base/dkSetting.js"],"sourcesContent":["function createTitle(title) {\n  return {\n    type: 'h2',\n    slot: 'title',\n    style:\n      'display: flex;align-items: center;font-size: 14px;font-weight: 600;margin:0;padding:0',\n    children: [\n      {\n        type: 'em',\n        style:\n          '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        //   type: 'el-collapse-item',\n        //   props: { name: 'animate' },\n        //   children: [\n        //     createTitle('动画配置'),\n        //     {\n        //       type: 'select',\n        //       field: 'animate',\n        //       value: '',\n        //       title: '入场动画',\n        //       options: [\n        //         { value: '', label: '无' },\n        //         { value: 'bounceIn', label: '弹入' },\n        //         { value: 'bounceInDown', label: '上边弹入' },\n        //         { value: 'bounceInLeft', label: '左边弹入' },\n        //         { value: 'bounceInRight', label: '右边弹入' },\n        //         { value: 'bounceInUp', label: '下边弹入' },\n        //\n        //         { value: 'fadeIn', label: '淡入' },\n        //         { value: 'fadeInDown', label: '上边淡入' },\n        //         { value: 'fadeInDownBig', label: '最上边淡入' },\n        //         { value: 'fadeInLeft', label: '左边淡入' },\n        //         { value: 'fadeInLeftBig', label: '最左边淡入' },\n        //         { value: 'fadeInRight', label: '右边淡入' },\n        //         { value: 'fadeInRightBig', label: '最右边淡入' },\n        //         { value: 'fadeInUp', label: '下边淡入' },\n        //         { value: 'fadeInUpBig', label: '最下边淡入' },\n        //\n        //         { value: 'flipInX', label: 'X轴翻转' },\n        //         { value: 'flipInY', label: 'Y轴翻转' },\n        //\n        //         { value: 'lightSpeedIn', label: '轻轻呈现' },\n        //\n        //         { value: 'rotateIn', label: '旋转进入' },\n        //         { value: 'rotateInDownLeft', label: '左上旋入' },\n        //         { value: 'rotateInDownRight', label: '右上旋入' },\n        //         { value: 'rotateInUpLeft', label: '左下旋入' },\n        //         { value: 'rotateInUpRight', label: '右下旋入' },\n        //\n        //         { value: 'slideInDown', label: '滑入' },\n        //         { value: 'slideInLeft', label: '左滑入' },\n        //         { value: 'slideInRight', label: '右滑入' },\n        //\n        //         { value: 'zoomInDown', label: '其他' },\n        //       ],\n        //     },\n        //     {\n        //       type: 'select',\n        //       field: 'loop_animate',\n        //       value: '',\n        //       title: '循环动画',\n        //       options: [\n        //         { value: '', label: '无' },\n        //         { value: 'bounce', label: '弹跳' },\n        //         { value: 'flash', label: '闪动' },\n        //         { value: 'pulse', label: '脉冲' },\n        //         { value: 'rubberBand', label: '橡皮筋' },\n        //         { value: 'shakeX', label: 'X轴摇晃' },\n        //         { value: 'shakeY', label: 'Y轴摇晃' },\n        //         { value: 'headShake', label: '摇头' },\n        //         { value: 'swing', label: '摆动' },\n        //         { value: 'tada', label: '缩放摆动' },\n        //         { value: 'wobble', label: '大幅摇晃' },\n        //         { value: 'jello', label: '果冻效果' },\n        //         { value: 'heartBeat', label: '心跳' },\n        //       ],\n        //       control: [\n        //         {\n        //           handle(val) {\n        //             return val !== ''\n        //           },\n        //           rule: [\n        //             {\n        //               type: 'switch',\n        //               field: 'animation_preview',\n        //               title: '实时预览',\n        //               value: true,\n        //               effect: {\n        //                 help: '设置当前组件循环动画实时预览，当前仅为调试项',\n        //               },\n        //             },\n        //             {\n        //               type: 'InputNumber',\n        //               field: 'animation_duration',\n        //               title: '动画时间',\n        //               value: 1,\n        //               props: { step: 0.1, min: 0.1, max: 20 },\n        //               effect: {\n        //                 help: '设置当前组件每次完成动画所花费的时间',\n        //               },\n        //             },\n        //             {\n        //               type: 'InputNumber',\n        //               field: 'animation_iteration_count',\n        //               title: '循环次数',\n        //               value: 0,\n        //               props: { step: 1, min: 0 },\n        //               effect: {\n        //                 help: '设置当前组件循环次数，0表示无限循环',\n        //               },\n        //             },\n        //           ],\n        //         },\n        //       ],\n        //       effect: {\n        //         help: '设置循环动画后入场动画将不生效',\n        //       },\n        //     },\n        //   ],\n        // },\n        // {\n        //   type: 'el-collapse-item',\n        //   props: { name: 'other' },\n        //   children: [\n        //     createTitle('其他配置'),\n        //     {\n        //       type: 'input',\n        //       field: 'customStyle',\n        //       title: '自定义CSS',\n        //       props: { type: 'textarea' },\n        //       style: 'width:100%',\n        //       effect: {\n        //         help: '设置当前组件的自定义Css样式，如：我们想改变当前元素的背景色和文字大小：background: #000;font-size:18px;',\n        //       },\n        //     },\n        //   ],\n        // },\n        // 悬浮配置 collapseFixed 判断后添加到这里\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        //   type: 'select',\n        //   field: 'position',\n        //   value: '',\n        //   title: '悬浮位置',\n        //   options: [\n        //     { value: '', label: '不悬浮' },\n        //     { value: 'custom', label: '自定义定位' },\n        //     { value: 'right-top', label: '右上角' },\n        //     { value: 'right-down', label: '右下角' },\n        //     { value: 'left-top', label: '左上角' },\n        //     { value: 'left-down', label: '左下角' },\n        //     { value: 'center-down', label: '底部居中' },\n        //     { value: 'center-top', label: '顶部居中' },\n        //   ],\n        //   effect: {\n        //     help: '设置组件悬浮位置，可选择自定义和内置的，如果是内置的，可以通过设置组件的内外边距来调整位置',\n        //   },\n        //   control: [\n        //     {\n        //       value: 'custom',\n        //       rule: [\n        //         {\n        //           title: '距离上',\n        //           value: '',\n        //           type: 'DkDragNumberInput',\n        //           wrap: { labelWidth: '55px' },\n        //           field: 'top',\n        //           props: { direction: 'vertical', icon: 'el-icon-arrow-up' },\n        //           col: { span: 11 },\n        //         },\n        //         {\n        //           title: '距离右',\n        //           value: '',\n        //           type: 'DkDragNumberInput',\n        //           wrap: { labelWidth: '55px' },\n        //           field: 'right',\n        //           props: { icon: 'el-icon-arrow-right' },\n        //           col: { span: 11, offset: 2 },\n        //         },\n        //         {\n        //           title: '距离下',\n        //           value: '',\n        //           type: 'DkDragNumberInput',\n        //           wrap: { labelWidth: '55px' },\n        //           field: 'bottom',\n        //           props: { direction: 'vertical', icon: 'el-icon-arrow-down' },\n        //           col: { span: 11 },\n        //         },\n        //         {\n        //           title: '距离左',\n        //           value: '',\n        //           type: 'DkDragNumberInput',\n        //           wrap: { labelWidth: '55px' },\n        //           field: 'left',\n        //           props: { icon: 'el-icon-arrow-left' },\n        //           col: { span: 11, offset: 2 },\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":"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"}
+{"version":3,"file":"dkSetting.mjs","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;;;;"}

package/es/page-diy/src/config/rule/min/common/DkMinBlank.d.ts

@@ -0,0 +1,24 @@
+declare namespace _default {
+    export let icon: string;
+    export { label };
+    export { name };
+    export function rule(): {
+        type: string;
+        props: {
+            height: string;
+        };
+        showStyle: boolean;
+    };
+    export function props(): {
+        type: string;
+        field: string;
+        title: string;
+        value: number;
+        effect: {
+            help: string;
+        };
+    }[];
+}
+export default _default;
+declare const label: "空白";
+declare const name: "DkMinBlank";