@vipl520/dk-ui 1.0.74 → 1.0.75

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

@@ -1 +1 @@
-{"version":3,"file":"style-input.vue2.mjs","sources":["../../../src/style-input/src/style-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleInput',\n});\n</script>\n<template>\n  <div class=\"dk-style-input\">\n    <div v-if=\"!loading\" class=\"p-5px\">\n      <el-collapse v-if=\"!props.isDrawer\" v-model=\"activeNames\">\n        <el-collapse-item v-for=\"(item, key) in _components\" :key=\"key\" title=\"\" :name=\"key\">\n          <template #title>\n            {{ item.title }}\n          </template>\n          <component\n            :is=\"item.name\"\n            v-if=\"activeNames.includes(key)\"\n            v-model=\"values[item.name]\"\n            v-bind=\"item.props\"\n            @change=\"onChange\"\n          />\n        </el-collapse-item>\n      </el-collapse>\n      <div v-else>\n        <el-button type=\"primary\" plain style=\"width: 100%\" size=\"small\" @click=\"drawer = true\">\n          {{ props.drawerText }}\n        </el-button>\n        <el-drawer v-model=\"drawer\" v-bind=\"props.drawerProps\">\n          <el-collapse v-model=\"activeNames\">\n            <el-collapse-item v-for=\"(item, key) in _components\" :key=\"key\" title=\"\" :name=\"key\">\n              <template #title>\n                {{ item.title }}\n              </template>\n              <component\n                :is=\"item.name\"\n                v-if=\"activeNames.includes(key)\"\n                v-model=\"values[item.name]\"\n                v-bind=\"item.props\"\n                @change=\"onChange\"\n              />\n            </el-collapse-item>\n          </el-collapse>\n        </el-drawer>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleInputProps } from './props'\nimport { onMounted, ref, watch } from 'vue'\n\n\nconst props = defineProps(styleInputProps)\nconst drawer = ref(false)\nconst activeNames = ref([0])\nconst values: any = ref({})\nconst loading = ref(true)\n\nconst emit = defineEmits(['update:modelValue'])\nconst onChange = () => {\n  const obj: any = {}\n  Object.keys(values.value).forEach((key) => {\n    Object.keys(values.value[key]).forEach((k) => {\n      obj[k] = values.value[key][k]\n    })\n  })\n  emit('update:modelValue', obj)\n}\n\nconst _components: any = ref([])\nconst init = () => {\n  _components.value = props.components.filter((item: any) => {\n    return !props.hideComponents.includes(item.name)\n  })\n  const obj: any = {}\n  _components.value.forEach((item: any) => {\n    const params = item.params\n    const paramsObj: any = {}\n    Object.keys(params).forEach((key) => {\n      const param = params[key]\n      if (props.modelValue[param]) {\n        paramsObj[param] = props.modelValue[param]\n      }\n    })\n    obj[item.name] = paramsObj\n  })\n  values.value = obj\n  loading.value = false\n}\n\nwatch(\n  () => props.modelValue,\n  () => {\n    init()\n  },\n  {\n    deep: true,\n  }\n)\n\nonMounted(() => {\n  init()\n})\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAkDD,IAAM,MAAA,MAAA,GAAS,IAAI,KAAK,CAAA,CAAA;AACxB,IAAA,MAAM,WAAc,GAAA,GAAA,CAAI,CAAC,CAAC,CAAC,CAAA,CAAA;AAC3B,IAAM,MAAA,MAAA,GAAc,GAAI,CAAA,EAAE,CAAA,CAAA;AAC1B,IAAM,MAAA,OAAA,GAAU,IAAI,IAAI,CAAA,CAAA;AAGxB,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,MAAM,MAAW,EAAC,CAAA;AAClB,MAAA,MAAA,CAAO,KAAK,MAAO,CAAA,KAAK,CAAE,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACzC,QAAO,MAAA,CAAA,IAAA,CAAK,OAAO,KAAM,CAAA,GAAG,CAAC,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAM,KAAA;AAC5C,UAAA,GAAA,CAAI,CAAC,CAAI,GAAA,MAAA,CAAO,KAAM,CAAA,GAAG,EAAE,CAAC,CAAA,CAAA;AAAA,SAC7B,CAAA,CAAA;AAAA,OACF,CAAA,CAAA;AACD,MAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAM,MAAA,WAAA,GAAmB,GAAI,CAAA,EAAE,CAAA,CAAA;AAC/B,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,WAAA,CAAY,KAAQ,GAAA,KAAA,CAAM,UAAW,CAAA,MAAA,CAAO,CAAC,IAAc,KAAA;AACzD,QAAA,OAAO,CAAC,KAAA,CAAM,cAAe,CAAA,QAAA,CAAS,KAAK,IAAI,CAAA,CAAA;AAAA,OAChD,CAAA,CAAA;AACD,MAAA,MAAM,MAAW,EAAC,CAAA;AAClB,MAAY,WAAA,CAAA,KAAA,CAAM,OAAQ,CAAA,CAAC,IAAc,KAAA;AACvC,QAAA,MAAM,SAAS,IAAK,CAAA,MAAA,CAAA;AACpB,QAAA,MAAM,YAAiB,EAAC,CAAA;AACxB,QAAA,MAAA,CAAO,IAAK,CAAA,MAAM,CAAE,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACnC,UAAM,MAAA,KAAA,GAAQ,OAAO,GAAG,CAAA,CAAA;AACxB,UAAI,IAAA,KAAA,CAAM,UAAW,CAAA,KAAK,CAAG,EAAA;AAC3B,YAAA,SAAA,CAAU,KAAK,CAAA,GAAI,KAAM,CAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,WAC3C;AAAA,SACD,CAAA,CAAA;AACD,QAAI,GAAA,CAAA,IAAA,CAAK,IAAI,CAAI,GAAA,SAAA,CAAA;AAAA,OAClB,CAAA,CAAA;AACD,MAAA,MAAA,CAAO,KAAQ,GAAA,GAAA,CAAA;AACf,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;AACJ,QAAK,IAAA,EAAA,CAAA;AAAA,OACP;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"style-input.vue2.mjs","sources":["../../../src/style-input/src/style-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleInput',\n});\n</script>\n<template>\n  <div class=\"dk-style-input\">\n    <div v-if=\"!loading\" class=\"p-5px\">\n      <el-collapse v-if=\"!props.isDrawer\" v-model=\"activeNames\">\n        <el-collapse-item v-for=\"(item, key) in _components\" :key=\"key\" title=\"\" :name=\"key\">\n          <template #title>\n            {{ item.title }}\n          </template>\n          <component\n            :is=\"item.name\"\n            v-if=\"activeNames.includes(key)\"\n            v-model=\"values[item.name]\"\n            v-bind=\"item.props\"\n            @change=\"onChange\"\n          />\n        </el-collapse-item>\n      </el-collapse>\n      <div v-else>\n        <el-button type=\"primary\" plain style=\"width: 100%\" size=\"small\" @click=\"drawer = true\">\n          {{ props.drawerText }}\n        </el-button>\n        <el-drawer v-model=\"drawer\" v-bind=\"props.drawerProps\">\n          <el-collapse v-model=\"activeNames\">\n            <el-collapse-item v-for=\"(item, key) in _components\" :key=\"key\" title=\"\" :name=\"key\">\n              <template #title>\n                {{ item.title }}\n              </template>\n              <component\n                :is=\"item.name\"\n                v-if=\"activeNames.includes(key)\"\n                v-model=\"values[item.name]\"\n                v-bind=\"item.props\"\n                @change=\"onChange\"\n              />\n            </el-collapse-item>\n          </el-collapse>\n        </el-drawer>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleInputProps } from './props'\nimport { onMounted, ref, watch } from 'vue'\n\n\nconst props = defineProps(styleInputProps)\nconst drawer = ref(false)\nconst activeNames = ref([0])\nconst values: any = ref({})\nconst loading = ref(true)\n\nconst emit = defineEmits(['update:modelValue'])\nconst onChange = () => {\n  const obj: any = {}\n  Object.keys(values.value).forEach((key) => {\n    Object.keys(values.value[key]).forEach((k) => {\n      obj[k] = values.value[key][k]\n    })\n  })\n  emit('update:modelValue', obj)\n}\n\nconst _components: any = ref([])\n\nconst init = () => {\n  // 初始化已使用的参数集合\n  const usedParams = new Set<string>()\n\n  // 过滤隐藏组件并初始化_components\n  _components.value = props.components.filter((item: any) => {\n    return !props.hideComponents.includes(item.name)\n  })\n\n  const obj: Record<string, Record<string, any>> = {}\n\n  // 遍历非自定义组件以填充obj和usedParams\n  _components.value.forEach((item: any) => {\n    if (item.name !== 'DkStyleCustomInput') {\n      const paramsObj: Record<string, any> = {}\n      item.params.forEach((param: string) => {\n        if (props.modelValue[param] !== undefined) {\n          paramsObj[param] = props.modelValue[param]\n          usedParams.add(param) // 标记为已使用\n        }\n      })\n      obj[item.name] = paramsObj\n    }\n  })\n\n  // 处理 DkStyleCustomInput 组件\n  const customComponent = _components.value.find((item: any) => item.name === 'DkStyleCustomInput')\n\n  if (customComponent) {\n    const customParamsObj: Record<string, any> = {}\n    Object.keys(props.modelValue).forEach((key) => {\n      if (!usedParams.has(key)) {\n        customParamsObj[key] = props.modelValue[key]\n      }\n    })\n    obj[customComponent.name] = customParamsObj\n  }\n\n  console.log('props.modelValue', props.modelValue)\n  console.log(obj)\n  values.value = obj\n  loading.value = false\n}\n\n// const init = () => {\n//   _components.value = props.components.filter((item: any) => {\n//     return !props.hideComponents.includes(item.name)\n//   })\n//   const obj: any = {}\n//   _components.value.forEach((item: any) => {\n//     const params = item.params\n//     const paramsObj: any = {}\n//     Object.keys(params).forEach((key) => {\n//       const param = params[key]\n//       if (props.modelValue[param]) {\n//         paramsObj[param] = props.modelValue[param]\n//       }\n//     })\n//     obj[item.name] = paramsObj\n//   })\n//   console.log('props.modelValue', props.modelValue)\n//   console.log(obj)\n//   values.value = obj\n//   loading.value = false\n// }\n\nwatch(\n  () => props.modelValue,\n  () => {\n    init()\n  },\n  {\n    deep: true,\n  }\n)\n\nonMounted(() => {\n  init()\n})\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":"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"}

package/lib/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/lib/index.js

@@ -10,7 +10,7 @@ var index$1 = require('./tiny-editor/index.js');
 var index$2 = require('./icon/index.js');
 var index$4 = require('./color-input/index.js');
 var index$5 = require('./hot-area-input/index.js');
-var index$B = require('./dialog/index.js');
+var index$C = require('./dialog/index.js');
 var index$6 = require('./form/index.js');
 var index$7 = require('./attachment/index.js');
 var index$8 = require('./attachment-dialog/index.js');
@@ -32,15 +32,16 @@ var index$q = require('./style-background-input/index.js');
 var index$p = require('./style-shadow-input/index.js');
 var index$r = require('./style-position-input/index.js');
 var index$s = require('./style-number-input/index.js');
+var index$t = require('./style-custom-input/index.js');
 var index$i = require('./page-diy/index.js');
-var index$t = require('./table/index.js');
-var index$u = require('./select/index.js');
-var index$v = require('./poster-input/index.js');
-var index$w = require('./style-animation-input/index.js');
-var index$x = require('./animate-select/index.js');
-var index$z = require('./uni-icon-input/index.js');
-var index$y = require('./uni-icon/index.js');
-var index$A = require('./url-input/index.js');
+var index$u = require('./table/index.js');
+var index$v = require('./select/index.js');
+var index$w = require('./poster-input/index.js');
+var index$x = require('./style-animation-input/index.js');
+var index$y = require('./animate-select/index.js');
+var index$A = require('./uni-icon-input/index.js');
+var index$z = require('./uni-icon/index.js');
+var index$B = require('./url-input/index.js');
 var utils = require('@vipl520/utils');
 var props = require('./tiny-editor/src/props.js');
 var props$1 = require('./icon/src/props.js');
@@ -70,14 +71,15 @@ var props$o = require('./style-shadow-input/src/props.js');
 var props$p = require('./style-background-input/src/props.js');
 var props$q = require('./style-position-input/src/props.js');
 var props$r = require('./style-number-input/src/props.js');
-var props$s = require('./table/src/props.js');
-var props$t = require('./select/src/props.js');
-var props$u = require('./poster-input/src/props.js');
-var props$v = require('./style-animation-input/src/props.js');
-var props$w = require('./animate-select/src/props.js');
-var props$x = require('./uni-icon/src/props.js');
-var props$y = require('./uni-icon-input/src/props.js');
-var props$z = require('./url-input/src/props.js');
+var props$s = require('./style-custom-input/src/props.js');
+var props$t = require('./table/src/props.js');
+var props$u = require('./select/src/props.js');
+var props$v = require('./poster-input/src/props.js');
+var props$w = require('./style-animation-input/src/props.js');
+var props$x = require('./animate-select/src/props.js');
+var props$y = require('./uni-icon/src/props.js');
+var props$z = require('./uni-icon-input/src/props.js');
+var props$A = require('./url-input/src/props.js');
 
 const components = [
   index$k.Test,
@@ -91,7 +93,7 @@ const components = [
   // 热区选择器
   index$5.HotAreaInput,
   // 对话框
-  index$B.Dialog,
+  index$C.Dialog,
   // json表单
   index$6.Form,
   // 附件
@@ -143,23 +145,25 @@ const components = [
   // 样式文字
   index$s.StyleNumberInput,
   // 动画配置
-  index$w.StyleAnimationInput,
+  index$x.StyleAnimationInput,
+  // 自定义样式
+  index$t.StyleCustomInput,
   // 动画class选择
-  index$x.AnimateSelect,
+  index$y.AnimateSelect,
   // 数据表格
-  index$t.Table,
+  index$u.Table,
   // 选择
-  index$u.Select,
+  index$v.Select,
   // 表单组/对象表单
   // 海报选择器
-  index$v.PosterInput,
+  index$w.PosterInput,
   // 海报
-  index$v.Poster,
+  index$w.Poster,
   Vue3DraggableResizable,
   draggable,
-  index$z.UniIconInput,
-  index$y.UniIcon,
-  index$A.UrlInput
+  index$A.UniIconInput,
+  index$z.UniIcon,
+  index$B.UrlInput
   // TODO 普通上传 upload
   // TODO tag选择器  tag-input
   // TODO 链接选择器 link-input
@@ -210,16 +214,17 @@ exports.StyleShadowContent = index$p.StyleShadowContent;
 exports.StyleShadowInput = index$p.StyleShadowInput;
 exports.StylePositionInput = index$r.StylePositionInput;
 exports.StyleNumberInput = index$s.StyleNumberInput;
+exports.StyleCustomInput = index$t.StyleCustomInput;
 exports.PageDiy = index$i.PageDiy;
-exports.Table = index$t.Table;
-exports.Select = index$u.Select;
-exports.Poster = index$v.Poster;
-exports.PosterInput = index$v.PosterInput;
-exports.StyleAnimationInput = index$w.StyleAnimationInput;
-exports.AnimateSelect = index$x.AnimateSelect;
-exports.UniIconInput = index$z.UniIconInput;
-exports.UniIcon = index$y.UniIcon;
-exports.UrlInput = index$A.UrlInput;
+exports.Table = index$u.Table;
+exports.Select = index$v.Select;
+exports.Poster = index$w.Poster;
+exports.PosterInput = index$w.PosterInput;
+exports.StyleAnimationInput = index$x.StyleAnimationInput;
+exports.AnimateSelect = index$y.AnimateSelect;
+exports.UniIconInput = index$A.UniIconInput;
+exports.UniIcon = index$z.UniIcon;
+exports.UrlInput = index$B.UrlInput;
 exports.tinyEditorProps = props.tinyEditorProps;
 exports.iconProps = props$1.iconProps;
 exports.groupProps = props$2.groupProps;
@@ -250,14 +255,15 @@ exports.shadowInputProps = props$o.shadowInputProps;
 exports.styleBackgroundInputProps = props$p.styleBackgroundInputProps;
 exports.stylePositionInputProps = props$q.stylePositionInputProps;
 exports.styleNumberInputProps = props$r.styleNumberInputProps;
-exports.tableProps = props$s.tableProps;
-exports.selectProps = props$t.selectProps;
-exports.posterInputProps = props$u.posterInputProps;
-exports.styleAnimationInputProps = props$v.styleAnimationInputProps;
-exports.animateSelectProps = props$w.animateSelectProps;
-exports.uniIconProps = props$x.uniIconProps;
-exports.uniIconInputProps = props$y.uniIconInputProps;
-exports.urlInputProps = props$z.urlInputProps;
+exports.styleCustomInputProps = props$s.styleCustomInputProps;
+exports.tableProps = props$t.tableProps;
+exports.selectProps = props$u.selectProps;
+exports.posterInputProps = props$v.posterInputProps;
+exports.styleAnimationInputProps = props$w.styleAnimationInputProps;
+exports.animateSelectProps = props$x.animateSelectProps;
+exports.uniIconProps = props$y.uniIconProps;
+exports.uniIconInputProps = props$z.uniIconInputProps;
+exports.urlInputProps = props$A.urlInputProps;
 exports.default = index;
 exports.install = install;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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":["Test","Group","TinyEditor","Icon","ColorInput","HotAreaInput","Dialog","Form","Attachment","AttachmentDialog","FileInput","ImageInput","AudioInput","VideoInput","FileListInput","ImageListInput","AudioListInput","VideoListInput","IconInput","IconContent","IconDialog","PageDiy","BoxSizeInput","StyleBoxInput","StyleFontInput","StyleBorderInput","StyleShadowInput","StyleShadowContent","StyleBackgroundInput","StyleInput","StylePositionInput","StyleNumberInput","StyleAnimationInput","AnimateSelect","Table","Select","PosterInput","Poster","UniIconInput","UniIcon","UrlInput","directives","setGlobalConfig"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgFA,MAAM,UAAa,GAAA;AAAA,EACjBA,YAAA;AAAA,EACAC,aAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,YAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,oBAAA;AAAA;AAAA,EAEAC,cAAA;AAAA;AAAA,EAEAC,YAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,iBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,iBAAA;AAAA;AAAA,EAEAC,mBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,eAAA;AAAA;AAAA,EAEAC,oBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,0BAAA;AAAA;AAAA,EAEAC,4BAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,0BAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,2BAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,aAAA;AAAA;AAAA,EAEAC,cAAA;AAAA;AAAA;AAAA,EAGAC,mBAAA;AAAA;AAAA,EAEAC,cAAA;AAAA,EACA,sBAAA;AAAA,EACA,SAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,gBAAA;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,EAAAC,gBAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAAC,qBAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","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":["Test","Group","TinyEditor","Icon","ColorInput","HotAreaInput","Dialog","Form","Attachment","AttachmentDialog","FileInput","ImageInput","AudioInput","VideoInput","FileListInput","ImageListInput","AudioListInput","VideoListInput","IconInput","IconContent","IconDialog","PageDiy","BoxSizeInput","StyleBoxInput","StyleFontInput","StyleBorderInput","StyleShadowInput","StyleShadowContent","StyleBackgroundInput","StyleInput","StylePositionInput","StyleNumberInput","StyleAnimationInput","StyleCustomInput","AnimateSelect","Table","Select","PosterInput","Poster","UniIconInput","UniIcon","UrlInput","directives","setGlobalConfig"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,MAAM,UAAa,GAAA;AAAA,EACjBA,YAAA;AAAA,EACAC,aAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,YAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,oBAAA;AAAA;AAAA,EAEAC,cAAA;AAAA;AAAA,EAEAC,YAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,iBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,iBAAA;AAAA;AAAA,EAEAC,mBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,eAAA;AAAA;AAAA,EAEAC,oBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,0BAAA;AAAA;AAAA,EAEAC,4BAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,0BAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,2BAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,aAAA;AAAA;AAAA,EAEAC,cAAA;AAAA;AAAA;AAAA,EAGAC,mBAAA;AAAA;AAAA,EAEAC,cAAA;AAAA,EACA,sBAAA;AAAA,EACA,SAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,gBAAA;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,EAAAC,gBAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAAC,qBAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/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/lib/page-diy/style/index.scss

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

package/lib/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/lib/style-custom-input/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@vipl520/utils');
+var styleCustomInput = require('./src/style-custom-input.vue.js');
+var props = require('./src/props.js');
+
+const StyleCustomInput = utils.withInstall(styleCustomInput.default);
+
+exports.styleCustomInputProps = props.styleCustomInputProps;
+exports.StyleCustomInput = StyleCustomInput;
+exports.default = StyleCustomInput;
+//# sourceMappingURL=index.js.map

package/lib/style-custom-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":["withInstall","_StyleCustomInput"],"mappings":";;;;;;;;AAGa,MAAA,gBAAA,GAAmBA,kBAAYC,wBAAiB;;;;;;"}

package/lib/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/lib/style-custom-input/src/props.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const styleCustomInputProps = {
+  modelValue: {
+    type: Object,
+    default: () => ({})
+  }
+};
+
+exports.styleCustomInputProps = styleCustomInputProps;
+//# sourceMappingURL=props.js.map

package/lib/style-custom-input/src/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","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/lib/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/lib/style-custom-input/src/style-custom-input.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleCustomInput_vue_vue_type_script_setup_true_lang = require('./style-custom-input.vue2.js');
+var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+var _StyleCustomInput = /* @__PURE__ */ _pluginVue_exportHelper.default(styleCustomInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-custom-input\\src\\style-custom-input.vue"]]);
+
+exports.default = _StyleCustomInput;
+//# sourceMappingURL=style-custom-input.vue.js.map

package/lib/style-custom-input/src/style-custom-input.vue.js.map

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

package/lib/style-custom-input/src/style-custom-input.vue2.js

@@ -0,0 +1,143 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var props = require('./props.js');
+
+const _hoisted_1 = { style: {} };
+const __default__ = vue.defineComponent({
+  name: "DkStyleCustomInput"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: 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 = vue.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 = vue.resolveComponent("el-input");
+      const _component_el_table_column = vue.resolveComponent("el-table-column");
+      const _component_dk_icon = vue.resolveComponent("dk-icon");
+      const _component_el_table = vue.resolveComponent("el-table");
+      const _component_el_button = vue.resolveComponent("el-button");
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createVNode(_component_el_table, {
+          data: styles,
+          border: "",
+          size: "small",
+          style: { "width": "100%" }
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(column, (col, idx) => {
+                return vue.createVNode(_component_el_table_column, {
+                  key: col.label + idx,
+                  label: col.label
+                }, {
+                  default: vue.withCtx((scope) => [
+                    vue.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 */
+            )),
+            vue.createVNode(_component_el_table_column, {
+              width: "70",
+              align: "center",
+              fixed: "right",
+              label: "\u64CD\u4F5C"
+            }, {
+              default: vue.withCtx((scope) => [
+                vue.createVNode(_component_dk_icon, {
+                  icon: "Delete",
+                  onClick: ($event) => del(scope.$index)
+                }, null, 8, ["onClick"])
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["data"]),
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.createVNode(_component_el_button, {
+            circle: "",
+            type: "primary",
+            link: "",
+            size: "small",
+            style: { "margin-left": "20px" },
+            onClick: _cache[0] || (_cache[0] = ($event) => add())
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_dk_icon, { icon: "CirclePlusFilled" }),
+              vue.createTextVNode(" \u6DFB\u52A0 ")
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=style-custom-input.vue2.js.map