@vipl520/dk-ui 1.0.74 → 1.0.75

package/dist/tags.json

@@ -214,6 +214,13 @@
     ],
     "description": "组件描述组件描述组件描述组件描述组件描述组件描述。\n\n[Docs](https://github.com/vipl520/dk-starter/components/project/#styleboxinput)"
   },
+  "dk-style-custom-input": {
+    "attributes": [
+      "type",
+      "click"
+    ],
+    "description": "组件描述组件描述组件描述组件描述组件描述组件描述。\n\n[Docs](https://github.com/vipl520/dk-starter/components/project/#stylecustominput)"
+  },
   "dk-style-font-input": {
     "attributes": [
       "type",

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "dk",
-  "version": "1.0.73",
+  "version": "1.0.74",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -1302,6 +1302,40 @@
             ]
           }
         },
+        {
+          "name": "dk-style-custom-input",
+          "source": {
+            "symbol": "DkUIStyleCustomInput"
+          },
+          "description": "组件描述组件描述组件描述组件描述组件描述组件描述。",
+          "doc-url": "https://github.com/vipl520/dk-starter/components/project/#stylecustominput",
+          "props": [
+            {
+              "name": "type",
+              "description": "参数类型",
+              "doc-url": "https://github.com/vipl520/dk-starter/components/project/#stylecustominput-props",
+              "type": [
+                "string"
+              ]
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "自定义默认内容",
+              "doc-url": "https://github.com/vipl520/dk-starter/components/project/#stylecustominput-slots"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "click",
+                "description": "点击触发的事件",
+                "doc-url": "https://github.com/vipl520/dk-starter/components/project/#stylecustominput-events"
+              }
+            ]
+          }
+        },
         {
           "name": "dk-style-font-input",
           "source": {

package/es/index.d.ts

@@ -27,6 +27,7 @@ export * from './style-shadow-input';
 export * from './style-background-input';
 export * from './style-position-input';
 export * from './style-number-input';
+export * from './style-custom-input';
 export * from './table';
 export * from './select';
 export * from './poster-input';

package/es/index.mjs

@@ -28,6 +28,7 @@ import { StyleBackgroundInput } from './style-background-input/index.mjs';
 import { StyleShadowInput, StyleShadowContent } from './style-shadow-input/index.mjs';
 import { StylePositionInput } from './style-position-input/index.mjs';
 import { StyleNumberInput } from './style-number-input/index.mjs';
+import { StyleCustomInput } from './style-custom-input/index.mjs';
 import { PageDiy } from './page-diy/index.mjs';
 import { Table } from './table/index.mjs';
 import { Select } from './select/index.mjs';
@@ -66,6 +67,7 @@ export { shadowInputProps } from './style-shadow-input/src/props.mjs';
 export { styleBackgroundInputProps } from './style-background-input/src/props.mjs';
 export { stylePositionInputProps } from './style-position-input/src/props.mjs';
 export { styleNumberInputProps } from './style-number-input/src/props.mjs';
+export { styleCustomInputProps } from './style-custom-input/src/props.mjs';
 export { tableProps } from './table/src/props.mjs';
 export { selectProps } from './select/src/props.mjs';
 export { posterInputProps } from './poster-input/src/props.mjs';
@@ -140,6 +142,8 @@ const components = [
   StyleNumberInput,
   // 动画配置
   StyleAnimationInput,
+  // 自定义样式
+  StyleCustomInput,
   // 动画class选择
   AnimateSelect,
   // 数据表格
@@ -176,5 +180,5 @@ var index = {
   install
 };
 
-export { AnimateSelect, Attachment, AttachmentDialog, AudioInput, AudioListInput, BoxSizeInput, ColorInput, FileInput, FileListInput, Form, Group, HotAreaInput, Icon, IconContent, IconDialog, IconInput, ImageInput, ImageListInput, PageDiy, Poster, PosterInput, Select, StyleAnimationInput, StyleBackgroundInput, StyleBorderInput, StyleBoxInput, StyleFontInput, StyleInput, StyleNumberInput, StylePositionInput, StyleShadowContent, StyleShadowInput, Table, Test, TinyEditor, UniIcon, UniIconInput, UrlInput, VideoInput, VideoListInput, index as default, install };
+export { AnimateSelect, Attachment, AttachmentDialog, AudioInput, AudioListInput, BoxSizeInput, ColorInput, FileInput, FileListInput, Form, Group, HotAreaInput, Icon, IconContent, IconDialog, IconInput, ImageInput, ImageListInput, PageDiy, Poster, PosterInput, Select, StyleAnimationInput, StyleBackgroundInput, StyleBorderInput, StyleBoxInput, StyleCustomInput, StyleFontInput, StyleInput, StyleNumberInput, StylePositionInput, StyleShadowContent, StyleShadowInput, Table, Test, TinyEditor, UniIcon, UniIconInput, UrlInput, VideoInput, VideoListInput, index as default, install };
 //# sourceMappingURL=index.mjs.map

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { Test } from './test'\nimport draggable from 'vuedraggable'\nimport Vue3DraggableResizable from 'vue3-draggable-resizable'\n\nimport { Group } from './group'\nimport { TinyEditor } from './tiny-editor'\nimport { Icon } from './icon'\nimport { ColorInput } from './color-input'\nimport { HotAreaInput } from './hot-area-input'\nimport { Dialog } from './dialog'\nimport { Form } from './form'\nimport { Attachment } from './attachment'\nimport { AttachmentDialog } from './attachment-dialog'\nimport { FileInput } from './file-input'\nimport { ImageInput } from './image-input'\nimport { AudioInput } from './audio-input'\nimport { VideoInput } from './video-input'\nimport { FileListInput } from './file-list-input'\nimport { ImageListInput } from './image-list-input'\nimport { AudioListInput } from './audio-list-input'\nimport { VideoListInput } from './video-list-input'\nimport { IconInput, IconContent, IconDialog } from './icon-input'\nimport { StyleInput } from './style-input'\nimport { BoxSizeInput } from './box-size-input'\nimport { StyleBoxInput } from './style-box-input'\nimport { StyleFontInput } from './style-font-input'\nimport { StyleBorderInput } from './style-border-input'\nimport { StyleBackgroundInput } from './style-background-input'\nimport { StyleShadowContent, StyleShadowInput } from './style-shadow-input'\nimport { StylePositionInput } from './style-position-input'\nimport { StyleNumberInput } from './style-number-input'\nimport { PageDiy } from './page-diy'\nimport { Table } from './table'\nimport { Select } from './select'\nimport { Poster, PosterInput } from './poster-input'\nimport { StyleAnimationInput } from './style-animation-input'\nimport { AnimateSelect } from './animate-select'\nimport { UniIconInput } from './uni-icon-input'\nimport { UniIcon } from './uni-icon'\nimport { UrlInput } from './url-input'\n\nimport { setGlobalConfig, directives } from '@vipl520/utils'\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './color-input'\nexport * from './hot-area-input'\nexport * from './form'\nexport * from './attachment'\nexport * from './attachment-dialog'\nexport * from './file-input'\nexport * from './image-input'\nexport * from './audio-input'\nexport * from './video-input'\nexport * from './file-list-input'\nexport * from './image-list-input'\nexport * from './audio-list-input'\nexport * from './video-list-input'\nexport * from './icon-input'\nexport * from './page-diy'\nexport * from './box-size-input'\nexport * from './test'\nexport * from './style-input'\nexport * from './style-box-input'\nexport * from './style-font-input'\nexport * from './style-border-input'\nexport * from './style-shadow-input'\nexport * from './style-background-input'\nexport * from './style-position-input'\nexport * from './style-number-input'\nexport * from './table'\nexport * from './select'\nexport * from './poster-input'\nexport * from './style-animation-input'\nexport * from './animate-select'\nexport * from './uni-icon'\nexport * from './uni-icon-input'\nexport * from './url-input'\n\nconst components = [\n  Test,\n  Group,\n  // 富文本编辑器\n  TinyEditor,\n  // 图标\n  Icon,\n  // 颜色选择器\n  ColorInput,\n  // 热区选择器\n  HotAreaInput,\n  // 对话框\n  Dialog,\n  // json表单\n  Form,\n  // 附件\n  Attachment,\n  // 附件弹窗\n  AttachmentDialog,\n  // 文件选择器\n  FileInput,\n  // 图片选择器\n  ImageInput,\n  // 音频选择器\n  AudioInput,\n  // 视频选择器\n  VideoInput,\n  // 多文件选择器\n  FileListInput,\n  // 多图片选择器\n  ImageListInput,\n  // 多音频选择器\n  AudioListInput,\n  // 多视频选择器\n  VideoListInput,\n  // 图标选择器\n  IconInput,\n  // 图标展示框\n  IconContent,\n  // 图片弹出框\n  IconDialog,\n  // DIY编辑器\n  PageDiy,\n  // 尺寸输入框（带px/%/rem/等单位）\n  BoxSizeInput,\n  // DIV盒子编辑器（padding/margin/width/height）\n  StyleBoxInput,\n  // 文字样式编辑器\n  StyleFontInput,\n  // 边框样式编辑器\n  StyleBorderInput,\n  // 阴影编辑器\n  StyleShadowInput,\n  // 阴影编辑框\n  StyleShadowContent,\n  // 背景编辑器\n  StyleBackgroundInput,\n  // 合并样式编辑\n  StyleInput,\n  // 定位编辑器\n  StylePositionInput,\n  // 样式文字\n  StyleNumberInput,\n  // 动画配置\n  StyleAnimationInput,\n  // 动画class选择\n  AnimateSelect,\n  // 数据表格\n  Table,\n  // 选择\n  Select,\n  // 表单组/对象表单\n  // 海报选择器\n  PosterInput,\n  // 海报\n  Poster,\n  Vue3DraggableResizable,\n  draggable,\n  UniIconInput,\n  UniIcon,\n  UrlInput,\n  // TODO 普通上传 upload\n  // TODO tag选择器  tag-input\n  // TODO 链接选择器 link-input\n  // TODO 应用框架\n]\n\nexport const install = (app: App, option: any = {}) => {\n  components.forEach((item) => {\n    if (item.install!) {\n      app.use(item)\n    } else if (item.name) {\n      app.component(item.name, item)\n    }\n  })\n  directives(app)\n  setGlobalConfig(option)\n}\n\nexport default {\n  install,\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgFA,MAAM,UAAa,GAAA;AAAA,EACjB,IAAA;AAAA,EACA,KAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,WAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,OAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,oBAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,mBAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,KAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA;AAAA,EAGA,WAAA;AAAA;AAAA,EAEA,MAAA;AAAA,EACA,sBAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA;AAAA;AAAA;AAAA;AAKF,CAAA,CAAA;AAEO,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,MAAA,GAAc,EAAO,KAAA;AACrD,EAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC3B,IAAA,IAAI,KAAK,OAAU,EAAA;AACjB,MAAA,GAAA,CAAI,IAAI,IAAI,CAAA,CAAA;AAAA,KACd,MAAA,IAAW,KAAK,IAAM,EAAA;AACpB,MAAI,GAAA,CAAA,SAAA,CAAU,IAAK,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,KAC/B;AAAA,GACD,CAAA,CAAA;AACD,EAAA,UAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAA,eAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { Test } from './test'\nimport draggable from 'vuedraggable'\nimport Vue3DraggableResizable from 'vue3-draggable-resizable'\n\nimport { Group } from './group'\nimport { TinyEditor } from './tiny-editor'\nimport { Icon } from './icon'\nimport { ColorInput } from './color-input'\nimport { HotAreaInput } from './hot-area-input'\nimport { Dialog } from './dialog'\nimport { Form } from './form'\nimport { Attachment } from './attachment'\nimport { AttachmentDialog } from './attachment-dialog'\nimport { FileInput } from './file-input'\nimport { ImageInput } from './image-input'\nimport { AudioInput } from './audio-input'\nimport { VideoInput } from './video-input'\nimport { FileListInput } from './file-list-input'\nimport { ImageListInput } from './image-list-input'\nimport { AudioListInput } from './audio-list-input'\nimport { VideoListInput } from './video-list-input'\nimport { IconInput, IconContent, IconDialog } from './icon-input'\nimport { StyleInput } from './style-input'\nimport { BoxSizeInput } from './box-size-input'\nimport { StyleBoxInput } from './style-box-input'\nimport { StyleFontInput } from './style-font-input'\nimport { StyleBorderInput } from './style-border-input'\nimport { StyleBackgroundInput } from './style-background-input'\nimport { StyleShadowContent, StyleShadowInput } from './style-shadow-input'\nimport { StylePositionInput } from './style-position-input'\nimport { StyleNumberInput } from './style-number-input'\nimport { StyleCustomInput } from './style-custom-input'\nimport { PageDiy } from './page-diy'\nimport { Table } from './table'\nimport { Select } from './select'\nimport { Poster, PosterInput } from './poster-input'\nimport { StyleAnimationInput } from './style-animation-input'\nimport { AnimateSelect } from './animate-select'\nimport { UniIconInput } from './uni-icon-input'\nimport { UniIcon } from './uni-icon'\nimport { UrlInput } from './url-input'\n\nimport { setGlobalConfig, directives } from '@vipl520/utils'\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './color-input'\nexport * from './hot-area-input'\nexport * from './form'\nexport * from './attachment'\nexport * from './attachment-dialog'\nexport * from './file-input'\nexport * from './image-input'\nexport * from './audio-input'\nexport * from './video-input'\nexport * from './file-list-input'\nexport * from './image-list-input'\nexport * from './audio-list-input'\nexport * from './video-list-input'\nexport * from './icon-input'\nexport * from './page-diy'\nexport * from './box-size-input'\nexport * from './test'\nexport * from './style-input'\nexport * from './style-box-input'\nexport * from './style-font-input'\nexport * from './style-border-input'\nexport * from './style-shadow-input'\nexport * from './style-background-input'\nexport * from './style-position-input'\nexport * from './style-number-input'\nexport * from './style-custom-input'\nexport * from './table'\nexport * from './select'\nexport * from './poster-input'\nexport * from './style-animation-input'\nexport * from './animate-select'\nexport * from './uni-icon'\nexport * from './uni-icon-input'\nexport * from './url-input'\n\nconst components = [\n  Test,\n  Group,\n  // 富文本编辑器\n  TinyEditor,\n  // 图标\n  Icon,\n  // 颜色选择器\n  ColorInput,\n  // 热区选择器\n  HotAreaInput,\n  // 对话框\n  Dialog,\n  // json表单\n  Form,\n  // 附件\n  Attachment,\n  // 附件弹窗\n  AttachmentDialog,\n  // 文件选择器\n  FileInput,\n  // 图片选择器\n  ImageInput,\n  // 音频选择器\n  AudioInput,\n  // 视频选择器\n  VideoInput,\n  // 多文件选择器\n  FileListInput,\n  // 多图片选择器\n  ImageListInput,\n  // 多音频选择器\n  AudioListInput,\n  // 多视频选择器\n  VideoListInput,\n  // 图标选择器\n  IconInput,\n  // 图标展示框\n  IconContent,\n  // 图片弹出框\n  IconDialog,\n  // DIY编辑器\n  PageDiy,\n  // 尺寸输入框（带px/%/rem/等单位）\n  BoxSizeInput,\n  // DIV盒子编辑器（padding/margin/width/height）\n  StyleBoxInput,\n  // 文字样式编辑器\n  StyleFontInput,\n  // 边框样式编辑器\n  StyleBorderInput,\n  // 阴影编辑器\n  StyleShadowInput,\n  // 阴影编辑框\n  StyleShadowContent,\n  // 背景编辑器\n  StyleBackgroundInput,\n  // 合并样式编辑\n  StyleInput,\n  // 定位编辑器\n  StylePositionInput,\n  // 样式文字\n  StyleNumberInput,\n  // 动画配置\n  StyleAnimationInput,\n  // 自定义样式\n  StyleCustomInput,\n  // 动画class选择\n  AnimateSelect,\n  // 数据表格\n  Table,\n  // 选择\n  Select,\n  // 表单组/对象表单\n  // 海报选择器\n  PosterInput,\n  // 海报\n  Poster,\n  Vue3DraggableResizable,\n  draggable,\n  UniIconInput,\n  UniIcon,\n  UrlInput,\n  // TODO 普通上传 upload\n  // TODO tag选择器  tag-input\n  // TODO 链接选择器 link-input\n  // TODO 应用框架\n]\n\nexport const install = (app: App, option: any = {}) => {\n  components.forEach((item) => {\n    if (item.install!) {\n      app.use(item)\n    } else if (item.name) {\n      app.component(item.name, item)\n    }\n  })\n  directives(app)\n  setGlobalConfig(option)\n}\n\nexport default {\n  install,\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,MAAM,UAAa,GAAA;AAAA,EACjB,IAAA;AAAA,EACA,KAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,WAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,OAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,oBAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,mBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,KAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA;AAAA,EAGA,WAAA;AAAA;AAAA,EAEA,MAAA;AAAA,EACA,sBAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA;AAAA;AAAA;AAAA;AAKF,CAAA,CAAA;AAEO,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,MAAA,GAAc,EAAO,KAAA;AACrD,EAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC3B,IAAA,IAAI,KAAK,OAAU,EAAA;AACjB,MAAA,GAAA,CAAI,IAAI,IAAI,CAAA,CAAA;AAAA,KACd,MAAA,IAAW,KAAK,IAAM,EAAA;AACpB,MAAI,GAAA,CAAA,SAAA,CAAU,IAAK,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,KAC/B;AAAA,GACD,CAAA,CAAA;AACD,EAAA,UAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAA,eAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;"}

package/es/page-diy/style/cube-image.scss

@@ -1,71 +1,71 @@
-/* stylelint-disable */
-.design-cube {
-  position: relative;
-  width: 100%;
-
-  .cube-col {
-    float: left;
-    padding: 0;
-    margin: 0;
-    list-style: none;
-  }
-
-  .cube-item {
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-around;
-    text-align: center;
-    cursor: pointer;
-    background: #f8f8f8;
-    border-right: 1px solid #e5e5e5;
-    border-bottom: 1px solid #e5e5e5;
-    border-left: 1px solid #e5e5e5;
-
-    &:first-child {
-      border-top: 1px solid #e5e5e5;
-    }
-
-    &.item-selected,
-    &.item-selecting {
-      background: #e0edff;
-    }
-  }
-
-  .selected-area {
-    position: absolute;
-    box-sizing: border-box;
-    overflow: hidden;
-    color: #7d7e80;
-    text-align: center;
-    cursor: pointer;
-    background-color: #fff;
-    border: 1px solid #ebedf0;
-
-    img {
-      width: 100%;
-    }
-
-    &.selected-area-choose {
-      border: 1px solid #f00;
-    }
-
-    .cube-selected-text {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      width: 100%;
-      font-size: 12px;
-      transform: translate(-50%) translateY(-50%);
-    }
-
-    .cube-close {
-      position: absolute;
-      top: 5px;
-      right: 5px;
-      z-index: 99;
-      font-size: 18px;
-    }
-  }
-}
-/* stylelint-enable */
+/* stylelint-disable */
+.design-cube {
+  position: relative;
+  width: 100%;
+
+  .cube-col {
+    float: left;
+    padding: 0;
+    margin: 0;
+    list-style: none;
+  }
+
+  .cube-item {
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    text-align: center;
+    cursor: pointer;
+    background: #f8f8f8;
+    border-right: 1px solid #e5e5e5;
+    border-bottom: 1px solid #e5e5e5;
+    border-left: 1px solid #e5e5e5;
+
+    &:first-child {
+      border-top: 1px solid #e5e5e5;
+    }
+
+    &.item-selected,
+    &.item-selecting {
+      background: #e0edff;
+    }
+  }
+
+  .selected-area {
+    position: absolute;
+    box-sizing: border-box;
+    overflow: hidden;
+    color: #7d7e80;
+    text-align: center;
+    cursor: pointer;
+    background-color: #fff;
+    border: 1px solid #ebedf0;
+
+    img {
+      width: 100%;
+    }
+
+    &.selected-area-choose {
+      border: 1px solid #f00;
+    }
+
+    .cube-selected-text {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 100%;
+      font-size: 12px;
+      transform: translate(-50%) translateY(-50%);
+    }
+
+    .cube-close {
+      position: absolute;
+      top: 5px;
+      right: 5px;
+      z-index: 99;
+      font-size: 18px;
+    }
+  }
+}
+/* stylelint-enable */

package/es/page-diy/style/index.scss

@@ -11,5 +11,5 @@
 }
 
 @import './cloud';
-@import "./cube-image";
+@import './cube-image';
 /* stylelint-enable */

package/es/style-custom-input/index.d.ts

@@ -0,0 +1,18 @@
+export declare const StyleCustomInput: import("@vipl520/utils").WithInstall<import("vue").DefineComponent<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: Record<string, any>;
+}, {}>>;
+export default StyleCustomInput;
+export * from './src/props';

package/es/style-custom-input/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from '@vipl520/utils';
+import _StyleCustomInput from './src/style-custom-input.vue.mjs';
+export { styleCustomInputProps } from './src/props.mjs';
+
+const StyleCustomInput = withInstall(_StyleCustomInput);
+
+export { StyleCustomInput, StyleCustomInput as default };
+//# sourceMappingURL=index.mjs.map

package/es/style-custom-input/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/style-custom-input/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _StyleCustomInput from './src/style-custom-input.vue'\n\nexport const StyleCustomInput = withInstall(_StyleCustomInput)\nexport default StyleCustomInput\n\nexport * from './src/props'\n"],"names":[],"mappings":";;;;AAGa,MAAA,gBAAA,GAAmB,YAAY,iBAAiB;;;;"}

package/es/style-custom-input/src/props.d.ts

@@ -0,0 +1,8 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const styleCustomInputProps: {
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+};
+export type StyleCustomInputProps = ExtractPropTypes<typeof styleCustomInputProps>;

package/es/style-custom-input/src/props.mjs

@@ -0,0 +1,9 @@
+const styleCustomInputProps = {
+  modelValue: {
+    type: Object,
+    default: () => ({})
+  }
+};
+
+export { styleCustomInputProps };
+//# sourceMappingURL=props.mjs.map

package/es/style-custom-input/src/props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.mjs","sources":["../../../src/style-custom-input/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const styleCustomInputProps = {\n  modelValue: {\n    type: Object,\n    default: () => ({}),\n  },\n}\n\nexport type StyleCustomInputProps = ExtractPropTypes<typeof styleCustomInputProps>\n"],"names":[],"mappings":"AAEO,MAAM,qBAAwB,GAAA;AAAA,EACnC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AACF;;;;"}

package/es/style-custom-input/src/style-custom-input.vue.d.ts

@@ -0,0 +1,17 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: Record<string, any>;
+}, {}>;
+export default _default;

package/es/style-custom-input/src/style-custom-input.vue.mjs

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

package/es/style-custom-input/src/style-custom-input.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-custom-input.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/es/style-custom-input/src/style-custom-input.vue2.mjs

@@ -0,0 +1,139 @@
+import { defineComponent, reactive, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, Fragment, renderList, createElementVNode, createTextVNode } from 'vue';
+import { styleCustomInputProps } from './props.mjs';
+
+const _hoisted_1 = { style: {} };
+const __default__ = defineComponent({
+  name: "DkStyleCustomInput"
+});
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: styleCustomInputProps,
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const column = [
+      { label: "\u952E\u540D", key: "label" },
+      { label: "\u503C", key: "value" }
+    ];
+    const tidyModelValue = () => {
+      return Object.keys(props.modelValue || {}).map((label) => {
+        return { label, value: props.modelValue[label] };
+      });
+    };
+    const styles = reactive(tidyModelValue());
+    const onInput = (item) => {
+      const flag = column.every((v) => {
+        return item[v.key] !== void 0 && item[v.key] !== "" && item[v.key] !== null;
+      });
+      console.log("f", flag);
+      if (flag) {
+        input();
+      }
+    };
+    const tidyValue = () => {
+      const obj = {};
+      styles.forEach((v) => {
+        if (v.label && v.value) {
+          obj[v.label] = v.value;
+        }
+      });
+      return obj;
+    };
+    const input = () => {
+      const value = tidyValue();
+      console.log("value", value);
+      emit("update:modelValue", value);
+      emit("change", value);
+    };
+    const del = (idx) => {
+      styles.splice(idx, 1);
+      input();
+    };
+    const add = () => {
+      styles.push(
+        column.reduce((initial, v) => {
+          initial[v.key] = "";
+          return initial;
+        }, {})
+      );
+    };
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_dk_icon = resolveComponent("dk-icon");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_button = resolveComponent("el-button");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_el_table, {
+          data: styles,
+          border: "",
+          size: "small",
+          style: { "width": "100%" }
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createElementBlock(
+              Fragment,
+              null,
+              renderList(column, (col, idx) => {
+                return createVNode(_component_el_table_column, {
+                  key: col.label + idx,
+                  label: col.label
+                }, {
+                  default: withCtx((scope) => [
+                    createVNode(_component_el_input, {
+                      size: "small",
+                      "model-value": scope.row[col.key] || "",
+                      "onUpdate:modelValue": (n) => scope.row[col.key] = n,
+                      onInput: ($event) => onInput(scope.row)
+                    }, null, 8, ["model-value", "onUpdate:modelValue", "onInput"])
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["label"]);
+              }),
+              64
+              /* STABLE_FRAGMENT */
+            )),
+            createVNode(_component_el_table_column, {
+              width: "70",
+              align: "center",
+              fixed: "right",
+              label: "\u64CD\u4F5C"
+            }, {
+              default: withCtx((scope) => [
+                createVNode(_component_dk_icon, {
+                  icon: "Delete",
+                  onClick: ($event) => del(scope.$index)
+                }, null, 8, ["onClick"])
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["data"]),
+        createElementVNode("div", _hoisted_1, [
+          createVNode(_component_el_button, {
+            circle: "",
+            type: "primary",
+            link: "",
+            size: "small",
+            style: { "margin-left": "20px" },
+            onClick: _cache[0] || (_cache[0] = ($event) => add())
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_dk_icon, { icon: "CirclePlusFilled" }),
+              createTextVNode(" \u6DFB\u52A0 ")
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=style-custom-input.vue2.mjs.map

package/es/style-custom-input/src/style-custom-input.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-custom-input.vue2.mjs","sources":["../../../src/style-custom-input/src/style-custom-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleCustomInput',\n});\n</script>\n<template>\n  <div>\n    <el-table :data=\"styles\" border :size=\"'small'\" style=\"width: 100%\">\n      <template v-for=\"(col, idx) in column\" :key=\"col.label + idx\">\n        <el-table-column :label=\"col.label\">\n          <template #default=\"scope\">\n            <el-input\n              :size=\"'small'\"\n              :model-value=\"scope.row[col.key] || ''\"\n              @update:modelValue=\"(n: any) => (scope.row[col.key] = n)\"\n              @input=\"onInput(scope.row)\"\n            ></el-input>\n          </template>\n        </el-table-column>\n      </template>\n      <el-table-column width=\"70\" align=\"center\" fixed=\"right\" label=\"操作\">\n        <template #default=\"scope\">\n          <dk-icon icon=\"Delete\" @click=\"del(scope.$index)\"></dk-icon>\n        </template>\n      </el-table-column>\n    </el-table>\n    <div style=\"\">\n      <el-button circle type=\"primary\" link size=\"small\" style=\"margin-left: 20px\" @click=\"add()\">\n        <dk-icon icon=\"CirclePlusFilled\"></dk-icon>\n        添加\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleCustomInputProps } from './props'\nimport { reactive, watch } from 'vue'\n\n\n\nconst props = defineProps(styleCustomInputProps)\n\nconst emit = defineEmits(['update:modelValue', 'change'])\n\nconst column = [\n  { label: '键名', key: 'label' },\n  { label: '值', key: 'value' },\n]\n\nconst tidyModelValue = () => {\n  return Object.keys(props.modelValue || {}).map((label) => {\n    return { label, value: props.modelValue[label] }\n  })\n}\nconst styles: any = reactive(tidyModelValue())\nconst onInput = (item: any) => {\n  const flag = column.every((v) => {\n    return item[v.key] !== undefined && item[v.key] !== '' && item[v.key] !== null\n  })\n  console.log('f', flag)\n  if (flag) {\n    input()\n  }\n}\n\nconst tidyValue = () => {\n  const obj: any = {}\n  styles.forEach((v: any) => {\n    if (v.label && v.value) {\n      obj[v.label] = v.value\n    }\n  })\n  return obj\n}\n\nconst input = () => {\n  const value = tidyValue()\n  console.log('value', value)\n  emit('update:modelValue', value)\n  emit('change', value)\n}\n\nconst del = (idx: any) => {\n  styles.splice(idx, 1)\n  input()\n}\n\nconst add = () => {\n  styles.push(\n    column.reduce((initial: any, v: any) => {\n      initial[v.key] = ''\n      return initial\n    }, {})\n  )\n}\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,oBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA0CD,IAAA,MAAM,MAAS,GAAA;AAAA,MACb,EAAE,KAAA,EAAO,cAAM,EAAA,GAAA,EAAK,OAAQ,EAAA;AAAA,MAC5B,EAAE,KAAA,EAAO,QAAK,EAAA,GAAA,EAAK,OAAQ,EAAA;AAAA,KAC7B,CAAA;AAEA,IAAA,MAAM,iBAAiB,MAAM;AAC3B,MAAO,OAAA,MAAA,CAAO,KAAK,KAAM,CAAA,UAAA,IAAc,EAAE,CAAA,CAAE,GAAI,CAAA,CAAC,KAAU,KAAA;AACxD,QAAA,OAAO,EAAE,KAAO,EAAA,KAAA,EAAO,KAAM,CAAA,UAAA,CAAW,KAAK,CAAE,EAAA,CAAA;AAAA,OAChD,CAAA,CAAA;AAAA,KACH,CAAA;AACA,IAAM,MAAA,MAAA,GAAc,QAAS,CAAA,cAAA,EAAgB,CAAA,CAAA;AAC7C,IAAM,MAAA,OAAA,GAAU,CAAC,IAAc,KAAA;AAC7B,MAAA,MAAM,IAAO,GAAA,MAAA,CAAO,KAAM,CAAA,CAAC,CAAM,KAAA;AAC/B,QAAA,OAAO,IAAK,CAAA,CAAA,CAAE,GAAG,CAAA,KAAM,KAAa,CAAA,IAAA,IAAA,CAAK,CAAE,CAAA,GAAG,CAAM,KAAA,EAAA,IAAM,IAAK,CAAA,CAAA,CAAE,GAAG,CAAM,KAAA,IAAA,CAAA;AAAA,OAC3E,CAAA,CAAA;AACD,MAAQ,OAAA,CAAA,GAAA,CAAI,KAAK,IAAI,CAAA,CAAA;AACrB,MAAA,IAAI,IAAM,EAAA;AACR,QAAM,KAAA,EAAA,CAAA;AAAA,OACR;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,MAAM,MAAW,EAAC,CAAA;AAClB,MAAO,MAAA,CAAA,OAAA,CAAQ,CAAC,CAAW,KAAA;AACzB,QAAI,IAAA,CAAA,CAAE,KAAS,IAAA,CAAA,CAAE,KAAO,EAAA;AACtB,UAAI,GAAA,CAAA,CAAA,CAAE,KAAK,CAAA,GAAI,CAAE,CAAA,KAAA,CAAA;AAAA,SACnB;AAAA,OACD,CAAA,CAAA;AACD,MAAO,OAAA,GAAA,CAAA;AAAA,KACT,CAAA;AAEA,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,MAAM,QAAQ,SAAU,EAAA,CAAA;AACxB,MAAQ,OAAA,CAAA,GAAA,CAAI,SAAS,KAAK,CAAA,CAAA;AAC1B,MAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAC/B,MAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AAAA,KACtB,CAAA;AAEA,IAAM,MAAA,GAAA,GAAM,CAAC,GAAa,KAAA;AACxB,MAAO,MAAA,CAAA,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AACpB,MAAM,KAAA,EAAA,CAAA;AAAA,KACR,CAAA;AAEA,IAAA,MAAM,MAAM,MAAM;AAChB,MAAO,MAAA,CAAA,IAAA;AAAA,QACL,MAAO,CAAA,MAAA,CAAO,CAAC,OAAA,EAAc,CAAW,KAAA;AACtC,UAAQ,OAAA,CAAA,CAAA,CAAE,GAAG,CAAI,GAAA,EAAA,CAAA;AACjB,UAAO,OAAA,OAAA,CAAA;AAAA,SACT,EAAG,EAAE,CAAA;AAAA,OACP,CAAA;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/style-custom-input/style/index.scss

@@ -0,0 +1,5 @@
+/* stylelint-disable */
+.dk-style-custom-input {
+
+}
+/* stylelint-enable */

package/es/style-input/src/default.mjs

@@ -61,6 +61,13 @@ const defaultConfig = [
     props: {},
     value: {},
     params: ["boxShadow"]
+  },
+  {
+    name: "DkStyleCustomInput",
+    title: "\u81EA\u5B9A\u4E49",
+    props: {},
+    value: {},
+    params: []
   }
   // {
   //   name: 'DkStylePositionInput',

package/es/style-input/src/default.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"default.mjs","sources":["../../../src/style-input/src/default.ts"],"sourcesContent":["export type StyleInputConfigItem = {\n  name: string\n  title: string\n  props: Record<string, any>\n  value: Record<string, any>\n  params: string[]\n}\n\nexport type StyleInputConfig = StyleInputConfigItem[]\nexport const defaultConfig: StyleInputConfig = [\n  {\n    name: 'DkStyleBoxInput',\n    title: '尺寸',\n    props: {},\n    value: {},\n    params: [\n      'marginLeft',\n      'marginTop',\n      'marginRight',\n      'marginBottom',\n      'paddingLeft',\n      'paddingTop',\n      'paddingRight',\n      'paddingBottom',\n      'width',\n      'height',\n    ],\n  },\n  {\n    name: 'DkStyleFontInput',\n    title: '文字',\n    props: {},\n    value: {},\n    params: ['fontSize', 'color', 'fontWeight', 'fontStyle', 'textDecoration'],\n  },\n  {\n    name: 'DkStyleBackgroundInput',\n    title: '背景',\n    props: {},\n    value: {},\n    params: ['backgroundColor', 'backgroundImage'],\n  },\n  {\n    name: 'DkStyleBorderInput',\n    title: '边框',\n    props: {},\n    value: {},\n    params: [\n      'borderWidth',\n      'borderStyle',\n      'borderColor',\n      'borderRightWidth',\n      'borderRightStyle',\n      'borderRightColor',\n      'borderLeftWidth',\n      'borderLeftStyle',\n      'borderLeftColor',\n      'borderTopWidth',\n      'borderTopStyle',\n      'borderTopColor',\n      'borderBottomWidth',\n      'borderBottomStyle',\n      'borderBottomColor',\n      'borderRadius',\n    ],\n  },\n  {\n    name: 'DkStyleShadowInput',\n    title: '阴影',\n    props: {},\n    value: {},\n    params: ['boxShadow'],\n  },\n  // {\n  //   name: 'DkStylePositionInput',\n  //   title: '位置',\n  //   props: {},\n  //   value: {},\n  //   params: ['top', 'left', 'right', 'bottom'],\n  // },\n]\n\n// 根据上面的格式生成类型\n\n// 对象内要包含： name props value params 这样生成的数组\n"],"names":[],"mappings":"AASO,MAAM,aAAkC,GAAA;AAAA,EAC7C;AAAA,IACE,IAAM,EAAA,iBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAQ,EAAA;AAAA,MACN,YAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,KACF;AAAA,GACF;AAAA,EACA;AAAA,IACE,IAAM,EAAA,kBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,QAAQ,CAAC,UAAA,EAAY,OAAS,EAAA,YAAA,EAAc,aAAa,gBAAgB,CAAA;AAAA,GAC3E;AAAA,EACA;AAAA,IACE,IAAM,EAAA,wBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAA,EAAQ,CAAC,iBAAA,EAAmB,iBAAiB,CAAA;AAAA,GAC/C;AAAA,EACA;AAAA,IACE,IAAM,EAAA,oBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAQ,EAAA;AAAA,MACN,aAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,MACA,kBAAA;AAAA,MACA,kBAAA;AAAA,MACA,kBAAA;AAAA,MACA,iBAAA;AAAA,MACA,iBAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA,mBAAA;AAAA,MACA,mBAAA;AAAA,MACA,cAAA;AAAA,KACF;AAAA,GACF;AAAA,EACA;AAAA,IACE,IAAM,EAAA,oBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAA,EAAQ,CAAC,WAAW,CAAA;AAAA,GACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQF;;;;"}
+{"version":3,"file":"default.mjs","sources":["../../../src/style-input/src/default.ts"],"sourcesContent":["export type StyleInputConfigItem = {\n  name: string\n  title: string\n  props: Record<string, any>\n  value: Record<string, any>\n  params: string[]\n}\n\nexport type StyleInputConfig = StyleInputConfigItem[]\nexport const defaultConfig: StyleInputConfig = [\n  {\n    name: 'DkStyleBoxInput',\n    title: '尺寸',\n    props: {},\n    value: {},\n    params: [\n      'marginLeft',\n      'marginTop',\n      'marginRight',\n      'marginBottom',\n      'paddingLeft',\n      'paddingTop',\n      'paddingRight',\n      'paddingBottom',\n      'width',\n      'height',\n    ],\n  },\n  {\n    name: 'DkStyleFontInput',\n    title: '文字',\n    props: {},\n    value: {},\n    params: ['fontSize', 'color', 'fontWeight', 'fontStyle', 'textDecoration'],\n  },\n  {\n    name: 'DkStyleBackgroundInput',\n    title: '背景',\n    props: {},\n    value: {},\n    params: ['backgroundColor', 'backgroundImage'],\n  },\n  {\n    name: 'DkStyleBorderInput',\n    title: '边框',\n    props: {},\n    value: {},\n    params: [\n      'borderWidth',\n      'borderStyle',\n      'borderColor',\n      'borderRightWidth',\n      'borderRightStyle',\n      'borderRightColor',\n      'borderLeftWidth',\n      'borderLeftStyle',\n      'borderLeftColor',\n      'borderTopWidth',\n      'borderTopStyle',\n      'borderTopColor',\n      'borderBottomWidth',\n      'borderBottomStyle',\n      'borderBottomColor',\n      'borderRadius',\n    ],\n  },\n  {\n    name: 'DkStyleShadowInput',\n    title: '阴影',\n    props: {},\n    value: {},\n    params: ['boxShadow'],\n  },\n  {\n    name: 'DkStyleCustomInput',\n    title: '自定义',\n    props: {},\n    value: {},\n    params: [],\n  },\n  // {\n  //   name: 'DkStylePositionInput',\n  //   title: '位置',\n  //   props: {},\n  //   value: {},\n  //   params: ['top', 'left', 'right', 'bottom'],\n  // },\n]\n\n// 根据上面的格式生成类型\n\n// 对象内要包含： name props value params 这样生成的数组\n"],"names":[],"mappings":"AASO,MAAM,aAAkC,GAAA;AAAA,EAC7C;AAAA,IACE,IAAM,EAAA,iBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAQ,EAAA;AAAA,MACN,YAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,KACF;AAAA,GACF;AAAA,EACA;AAAA,IACE,IAAM,EAAA,kBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,QAAQ,CAAC,UAAA,EAAY,OAAS,EAAA,YAAA,EAAc,aAAa,gBAAgB,CAAA;AAAA,GAC3E;AAAA,EACA;AAAA,IACE,IAAM,EAAA,wBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAA,EAAQ,CAAC,iBAAA,EAAmB,iBAAiB,CAAA;AAAA,GAC/C;AAAA,EACA;AAAA,IACE,IAAM,EAAA,oBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAQ,EAAA;AAAA,MACN,aAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,MACA,kBAAA;AAAA,MACA,kBAAA;AAAA,MACA,kBAAA;AAAA,MACA,iBAAA;AAAA,MACA,iBAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA,mBAAA;AAAA,MACA,mBAAA;AAAA,MACA,cAAA;AAAA,KACF;AAAA,GACF;AAAA,EACA;AAAA,IACE,IAAM,EAAA,oBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAA,EAAQ,CAAC,WAAW,CAAA;AAAA,GACtB;AAAA,EACA;AAAA,IACE,IAAM,EAAA,oBAAA;AAAA,IACN,KAAO,EAAA,oBAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,QAAQ,EAAC;AAAA,GACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQF;;;;"}

package/es/style-input/src/style-input.vue2.mjs

@@ -31,21 +31,35 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const _components = ref([]);
     const init = () => {
+      const usedParams = /* @__PURE__ */ new Set();
       _components.value = props.components.filter((item) => {
         return !props.hideComponents.includes(item.name);
       });
       const obj = {};
       _components.value.forEach((item) => {
-        const params = item.params;
-        const paramsObj = {};
-        Object.keys(params).forEach((key) => {
-          const param = params[key];
-          if (props.modelValue[param]) {
-            paramsObj[param] = props.modelValue[param];
+        if (item.name !== "DkStyleCustomInput") {
+          const paramsObj = {};
+          item.params.forEach((param) => {
+            if (props.modelValue[param] !== void 0) {
+              paramsObj[param] = props.modelValue[param];
+              usedParams.add(param);
+            }
+          });
+          obj[item.name] = paramsObj;
+        }
+      });
+      const customComponent = _components.value.find((item) => item.name === "DkStyleCustomInput");
+      if (customComponent) {
+        const customParamsObj = {};
+        Object.keys(props.modelValue).forEach((key) => {
+          if (!usedParams.has(key)) {
+            customParamsObj[key] = props.modelValue[key];
           }
         });
-        obj[item.name] = paramsObj;
-      });
+        obj[customComponent.name] = customParamsObj;
+      }
+      console.log("props.modelValue", props.modelValue);
+      console.log(obj);
       values.value = obj;
       loading.value = false;
     };