npm - @vipl520/dk-ui - Versions diffs - 1.0.41 → 1.0.44 - Mend

@vipl520/dk-ui 1.0.41 → 1.0.44

Files changed (301) hide show

package/lib/poster-input/src/component/views/quick-action.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"quick-action.vue2.js","sources":["../../../../../src/poster-input/src/component/views/quick-action.vue"],"sourcesContent":["<template>\n <el-form-item label=\"快捷操作\">\n <el-dropdown>\n <el-button size=\"small\" type=\"primary\">\n 居中\n <dk-icon icon=\"ArrowDown\"></dk-icon>\n </el-button>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item @click=\"handleAction('top-down-center')\">上下</el-dropdown-item>\n <el-dropdown-item @click=\"handleAction('left-right-center')\">左右</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n <el-dropdown class=\"m-l-5px\">\n <el-button size=\"small\" type=\"primary\">\n 排序\n <dk-icon icon=\"ArrowDown\"></dk-icon>\n </el-button>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item @click=\"handleAction('move-one-top')\">移动到上一层</el-dropdown-item>\n <el-dropdown-item @click=\"handleAction('move-one-down')\">移动到下一层</el-dropdown-item>\n <el-dropdown-item @click=\"handleAction('move-top')\">移动到最顶层</el-dropdown-item>\n <el-dropdown-item @click=\"handleAction('move-down')\">移动到最底层</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n <el-button class=\"m-l-5px\" type=\"danger\" size=\"small\" @click=\"handleAction('del')\">删除</el-button>\n </el-form-item>\n</template>\n<script setup lang=\"ts\">\nimport { inject, ref } from 'vue'\nconst props = defineProps({\n index: {\n default: 0,\n type: Number,\n },\n})\nconst posterData: any = inject('posterData')\nconst _index = ref(props.index)\n\nconst handleAction = (type = '') => {\n const index = props.index\n let views = posterData.views\n const maxIndex = views.length - 1\n switch (type) {\n case 'move-one-top':\n if (props.index >= maxIndex) {\n return false\n }\n views = swapItems(views, index, index + 1)\n _index.value = index + 1\n break\n case 'move-one-down':\n if (props.index <= 0) {\n return false\n }\n views = swapItems(views, index, index - 1)\n _index.value = index - 1\n break\n case 'move-top':\n if (index >= maxIndex) {\n return false\n }\n views = swapItems(views, index, maxIndex)\n _index.value = maxIndex\n break\n case 'move-down':\n if (index <= 0) {\n return false\n }\n views = swapItems(views, index, 0)\n _index.value = 0\n break\n case 'del':\n views.splice(index, 1)\n break\n case 'top-down-center':\n views[index].css.top = posterData.height / 2 - views[index].css.height / 2\n break\n case 'left-right-center':\n views[index].css.left = posterData.width / 2 - views[index].css.width / 2\n break\n }\n}\n\nconst swapItems = (arr: any, index1: any, index2: any) => {\n arr[index1] = arr.splice(index2, 1, arr[index1])[0]\n return arr\n}\n</script>\n"],"names":["inject","ref"],"mappings":";;;;;;;;;;;;;;;;~~AAuCA~~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"}
1	+ {"version":3,"file":"quick-action.vue2.js","sources":["../../../../../src/poster-input/src/component/views/quick-action.vue"],"sourcesContent":["<template>\n <el-form-item label=\"快捷操作\">\n <el-dropdown>\n <el-button size=\"small\" type=\"primary\">\n 居中\n <dk-icon icon=\"ArrowDown\"></dk-icon>\n </el-button>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item @click=\"handleAction('top-down-center')\"\n >上下</el-dropdown-item\n >\n <el-dropdown-item @click=\"handleAction('left-right-center')\"\n >左右</el-dropdown-item\n >\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n <el-dropdown class=\"m-l-5px\">\n <el-button size=\"small\" type=\"primary\">\n 排序\n <dk-icon icon=\"ArrowDown\"></dk-icon>\n </el-button>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item @click=\"handleAction('move-one-top')\"\n >移动到上一层</el-dropdown-item\n >\n <el-dropdown-item @click=\"handleAction('move-one-down')\"\n >移动到下一层</el-dropdown-item\n >\n <el-dropdown-item @click=\"handleAction('move-top')\"\n >移动到最顶层</el-dropdown-item\n >\n <el-dropdown-item @click=\"handleAction('move-down')\"\n >移动到最底层</el-dropdown-item\n >\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n <el-button\n class=\"m-l-5px\"\n type=\"danger\"\n size=\"small\"\n @click=\"handleAction('del')\"\n >删除</el-button\n >\n </el-form-item>\n</template>\n<script setup lang=\"ts\">\nimport { inject, ref } from 'vue'\nconst props = defineProps({\n index: {\n default: 0,\n type: Number,\n },\n})\nconst posterData: any = inject('posterData')\nconst _index = ref(props.index)\n\nconst handleAction = (type = '') => {\n const index = props.index\n let views = posterData.views\n const maxIndex = views.length - 1\n switch (type) {\n case 'move-one-top':\n if (props.index >= maxIndex) {\n return false\n }\n views = swapItems(views, index, index + 1)\n _index.value = index + 1\n break\n case 'move-one-down':\n if (props.index <= 0) {\n return false\n }\n views = swapItems(views, index, index - 1)\n _index.value = index - 1\n break\n case 'move-top':\n if (index >= maxIndex) {\n return false\n }\n views = swapItems(views, index, maxIndex)\n _index.value = maxIndex\n break\n case 'move-down':\n if (index <= 0) {\n return false\n }\n views = swapItems(views, index, 0)\n _index.value = 0\n break\n case 'del':\n views.splice(index, 1)\n break\n case 'top-down-center':\n views[index].css.top = posterData.height / 2 - views[index].css.height / 2\n break\n case 'left-right-center':\n views[index].css.left = posterData.width / 2 - views[index].css.width / 2\n break\n }\n}\n\nconst swapItems = (arr: any, index1: any, index2: any) => {\n arr[index1] = arr.splice(index2, 1, arr[index1])[0]\n return arr\n}\n</script>\n"],"names":["inject","ref"],"mappings":";;;;;;;;;;;;;;;;AAyDA,IAAM,MAAA,UAAA,GAAkBA,WAAO,YAAY,CAAA,CAAA;AAC3C,IAAM,MAAA,MAAA,GAASC,OAAI,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAE9B,IAAM,MAAA,YAAA,GAAe,CAAC,IAAA,GAAO,EAAO,KAAA;AAClC,MAAA,MAAM,QAAQ,KAAM,CAAA,KAAA,CAAA;AACpB,MAAA,IAAI,QAAQ,UAAW,CAAA,KAAA,CAAA;AACvB,MAAM,MAAA,QAAA,GAAW,MAAM,MAAS,GAAA,CAAA,CAAA;AAChC,MAAA,QAAQ,IAAM;AAAA,QACZ,KAAK,cAAA;AACH,UAAI,IAAA,KAAA,CAAM,SAAS,QAAU,EAAA;AAC3B,YAAO,OAAA,KAAA,CAAA;AAAA,WACT;AACA,UAAA,KAAA,GAAQ,SAAU,CAAA,KAAA,EAAO,KAAO,EAAA,KAAA,GAAQ,CAAC,CAAA,CAAA;AACzC,UAAA,MAAA,CAAO,QAAQ,KAAQ,GAAA,CAAA,CAAA;AACvB,UAAA,MAAA;AAAA,QACF,KAAK,eAAA;AACH,UAAI,IAAA,KAAA,CAAM,SAAS,CAAG,EAAA;AACpB,YAAO,OAAA,KAAA,CAAA;AAAA,WACT;AACA,UAAA,KAAA,GAAQ,SAAU,CAAA,KAAA,EAAO,KAAO,EAAA,KAAA,GAAQ,CAAC,CAAA,CAAA;AACzC,UAAA,MAAA,CAAO,QAAQ,KAAQ,GAAA,CAAA,CAAA;AACvB,UAAA,MAAA;AAAA,QACF,KAAK,UAAA;AACH,UAAA,IAAI,SAAS,QAAU,EAAA;AACrB,YAAO,OAAA,KAAA,CAAA;AAAA,WACT;AACA,UAAQ,KAAA,GAAA,SAAA,CAAU,KAAO,EAAA,KAAA,EAAO,QAAQ,CAAA,CAAA;AACxC,UAAA,MAAA,CAAO,KAAQ,GAAA,QAAA,CAAA;AACf,UAAA,MAAA;AAAA,QACF,KAAK,WAAA;AACH,UAAA,IAAI,SAAS,CAAG,EAAA;AACd,YAAO,OAAA,KAAA,CAAA;AAAA,WACT;AACA,UAAQ,KAAA,GAAA,SAAA,CAAU,KAAO,EAAA,KAAA,EAAO,CAAC,CAAA,CAAA;AACjC,UAAA,MAAA,CAAO,KAAQ,GAAA,CAAA,CAAA;AACf,UAAA,MAAA;AAAA,QACF,KAAK,KAAA;AACH,UAAM,KAAA,CAAA,MAAA,CAAO,OAAO,CAAC,CAAA,CAAA;AACrB,UAAA,MAAA;AAAA,QACF,KAAK,iBAAA;AACH,UAAM,KAAA,CAAA,KAAK,CAAE,CAAA,GAAA,CAAI,GAAM,GAAA,UAAA,CAAW,MAAS,GAAA,CAAA,GAAI,KAAM,CAAA,KAAK,CAAE,CAAA,GAAA,CAAI,MAAS,GAAA,CAAA,CAAA;AACzE,UAAA,MAAA;AAAA,QACF,KAAK,mBAAA;AACH,UAAM,KAAA,CAAA,KAAK,CAAE,CAAA,GAAA,CAAI,IAAO,GAAA,UAAA,CAAW,KAAQ,GAAA,CAAA,GAAI,KAAM,CAAA,KAAK,CAAE,CAAA,GAAA,CAAI,KAAQ,GAAA,CAAA,CAAA;AACxE,UAAA,MAAA;AAAA,OACJ;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,SAAY,GAAA,CAAC,GAAU,EAAA,MAAA,EAAa,MAAgB,KAAA;AACxD,MAAI,GAAA,CAAA,MAAM,CAAI,GAAA,GAAA,CAAI,MAAO,CAAA,MAAA,EAAQ,GAAG,GAAI,CAAA,MAAM,CAAC,CAAA,CAAE,CAAC,CAAA,CAAA;AAClD,MAAO,OAAA,GAAA,CAAA;AAAA,KACT,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/poster-input/src/poster-input.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"poster-input.vue2.js","sources":["../../../src/poster-input/src/poster-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkPosterInput',\n});\n</script>\n<template>\n <div class=\"dk-poster-input\">\n <el-button @click=\"showPoster()\">{{ input }}</el-button>\n <dk-dialog v-model=\"show\" width=\"1200px\" append-to-body title=\"自定义海报\" top=\"10vh\">\n <dk-poster ref=\"posterRef\" v-model=\"posterData\" :views=\"props.views\" @submit=\"success\" />\n </dk-dialog>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { posterInputProps } from './props'\nimport DkPoster from './component/poster.vue'\nimport { ref, computed } from 'vue'\n\nconst props = defineProps(posterInputProps)\nconst show = ref(false)\nconst posterData: any = ref({\n background: '',\n width: 320,\n height: 500,\n borderRadius: 0,\n views: [],\n})\n\nconst posterRef = ref()\n\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\n\nconst showPoster = () => {\n show.value = true\n posterRef.value?.checkParentSize()\n}\n\nconst initPosterData = () => {\n // posterData.value.width = props.modelValue.width \|\| 320\n // posterData.value.height = props.modelValue.height \|\| 500\n // posterData.value.borderRadius = props.modelValue.borderRadius \|\| 0\n // posterData.value.views = props.modelValue.views \|\| []\n // posterData.value.background = props.modelValue.background \|\| ''\n posterData.value = props.modelValue\n emitData()\n}\n\nconst emitData = () => {\n emit('update:modelValue', posterData.value)\n emit('input', posterData.value)\n emit('change', posterData.value)\n}\n\nconst input = computed(() => {\n return (\n '宽高：' +\n posterData.value.width +\n 'X' +\n posterData.value.height +\n '，' +\n posterData.value.views.length +\n '个元素，' +\n (posterData.value.background ? '有' : '无') +\n '背景图'\n )\n})\n\nconst success = () => {\n show.value = false\n emitData()\n}\n\nconst onClick = () => {\n show.value = true\n}\n\ninitPosterData()\n</script>\n"],"names":["__MACROS_defineComponent","ref","computed"],"mappings":";;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,eAAA;AACR,CAAC,CAAA,CAAA;;;;;;;~~AAiBD~~,IAAM,MAAA,IAAA,GAAOC,QAAI,KAAK,CAAA,CAAA;AACtB,IAAA,MAAM,aAAkBA,OAAI,CAAA;AAAA,MAC1B,UAAY,EAAA,EAAA;AAAA,MACZ,KAAO,EAAA,GAAA;AAAA,MACP,MAAQ,EAAA,GAAA;AAAA,MACR,YAAc,EAAA,CAAA;AAAA,MACd,OAAO,EAAC;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,YAAYA,OAAI,EAAA,CAAA;AAItB,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,IAAA,CAAK,KAAQ,GAAA,IAAA,CAAA;AACb,MAAA,SAAA,CAAU,OAAO,eAAgB,EAAA,CAAA;AAAA,KACnC,CAAA;AAEA,IAAA,MAAM,iBAAiB,MAAM;AAM3B,MAAA,UAAA,CAAW,QAAQ,KAAM,CAAA,UAAA,CAAA;AACzB,MAAS,QAAA,EAAA,CAAA;AAAA,KACX,CAAA;AAEA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAK,IAAA,CAAA,mBAAA,EAAqB,WAAW,KAAK,CAAA,CAAA;AAC1C,MAAK,IAAA,CAAA,OAAA,EAAS,WAAW,KAAK,CAAA,CAAA;AAC9B,MAAK,IAAA,CAAA,QAAA,EAAU,WAAW,KAAK,CAAA,CAAA;AAAA,KACjC,CAAA;AAEA,IAAM,MAAA,KAAA,GAAQC,aAAS,MAAM;AAC3B,MAAA,OACE,uBACA,UAAW,CAAA,KAAA,CAAM,QACjB,GACA,GAAA,UAAA,CAAW,MAAM,MACjB,GAAA,QAAA,GACA,UAAW,CAAA,KAAA,CAAM,MAAM,MACvB,GAAA,0BAAA,IACC,WAAW,KAAM,CAAA,UAAA,GAAa,WAAM,QACrC,CAAA,GAAA,oBAAA,CAAA;AAAA,KAEH,CAAA,CAAA;AAED,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,IAAA,CAAK,KAAQ,GAAA,KAAA,CAAA;AACb,MAAS,QAAA,EAAA,CAAA;AAAA,KACX,CAAA;AAEA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,IAAA,CAAK,KAAQ,GAAA,IAAA,CAAA;AAAA,KACf,CAAA;AAEA,IAAe,cAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"poster-input.vue2.js","sources":["../../../src/poster-input/src/poster-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkPosterInput',\n});\n</script>\n<template>\n <div class=\"dk-poster-input\">\n <el-button @click=\"showPoster()\">{{ input }}</el-button>\n <dk-dialog\n v-model=\"show\"\n width=\"1200px\"\n append-to-body\n title=\"自定义海报\"\n top=\"10vh\"\n >\n <dk-poster\n ref=\"posterRef\"\n v-model=\"posterData\"\n :views=\"props.views\"\n @submit=\"success\"\n />\n </dk-dialog>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { posterInputProps } from './props'\nimport DkPoster from './component/poster.vue'\nimport { ref, computed } from 'vue'\n\nconst props = defineProps(posterInputProps)\nconst show = ref(false)\nconst posterData: any = ref({\n background: '',\n width: 320,\n height: 500,\n borderRadius: 0,\n views: [],\n})\n\nconst posterRef = ref()\n\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\n\nconst showPoster = () => {\n show.value = true\n posterRef.value?.checkParentSize()\n}\n\nconst initPosterData = () => {\n // posterData.value.width = props.modelValue.width \|\| 320\n // posterData.value.height = props.modelValue.height \|\| 500\n // posterData.value.borderRadius = props.modelValue.borderRadius \|\| 0\n // posterData.value.views = props.modelValue.views \|\| []\n // posterData.value.background = props.modelValue.background \|\| ''\n posterData.value = props.modelValue\n emitData()\n}\n\nconst emitData = () => {\n emit('update:modelValue', posterData.value)\n emit('input', posterData.value)\n emit('change', posterData.value)\n}\n\nconst input = computed(() => {\n return (\n '宽高：' +\n posterData.value.width +\n 'X' +\n posterData.value.height +\n '，' +\n posterData.value.views.length +\n '个元素，' +\n (posterData.value.background ? '有' : '无') +\n '背景图'\n )\n})\n\nconst success = () => {\n show.value = false\n emitData()\n}\n\nconst onClick = () => {\n show.value = true\n}\n\ninitPosterData()\n</script>\n"],"names":["__MACROS_defineComponent","ref","computed"],"mappings":";;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,eAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA4BD,IAAM,MAAA,IAAA,GAAOC,QAAI,KAAK,CAAA,CAAA;AACtB,IAAA,MAAM,aAAkBA,OAAI,CAAA;AAAA,MAC1B,UAAY,EAAA,EAAA;AAAA,MACZ,KAAO,EAAA,GAAA;AAAA,MACP,MAAQ,EAAA,GAAA;AAAA,MACR,YAAc,EAAA,CAAA;AAAA,MACd,OAAO,EAAC;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,YAAYA,OAAI,EAAA,CAAA;AAItB,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,IAAA,CAAK,KAAQ,GAAA,IAAA,CAAA;AACb,MAAA,SAAA,CAAU,OAAO,eAAgB,EAAA,CAAA;AAAA,KACnC,CAAA;AAEA,IAAA,MAAM,iBAAiB,MAAM;AAM3B,MAAA,UAAA,CAAW,QAAQ,KAAM,CAAA,UAAA,CAAA;AACzB,MAAS,QAAA,EAAA,CAAA;AAAA,KACX,CAAA;AAEA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAK,IAAA,CAAA,mBAAA,EAAqB,WAAW,KAAK,CAAA,CAAA;AAC1C,MAAK,IAAA,CAAA,OAAA,EAAS,WAAW,KAAK,CAAA,CAAA;AAC9B,MAAK,IAAA,CAAA,QAAA,EAAU,WAAW,KAAK,CAAA,CAAA;AAAA,KACjC,CAAA;AAEA,IAAM,MAAA,KAAA,GAAQC,aAAS,MAAM;AAC3B,MAAA,OACE,uBACA,UAAW,CAAA,KAAA,CAAM,QACjB,GACA,GAAA,UAAA,CAAW,MAAM,MACjB,GAAA,QAAA,GACA,UAAW,CAAA,KAAA,CAAM,MAAM,MACvB,GAAA,0BAAA,IACC,WAAW,KAAM,CAAA,UAAA,GAAa,WAAM,QACrC,CAAA,GAAA,oBAAA,CAAA;AAAA,KAEH,CAAA,CAAA;AAED,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,IAAA,CAAK,KAAQ,GAAA,KAAA,CAAA;AACb,MAAS,QAAA,EAAA,CAAA;AAAA,KACX,CAAA;AAEA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,IAAA,CAAK,KAAQ,GAAA,IAAA,CAAA;AAAA,KACf,CAAA;AAEA,IAAe,cAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/poster-input/style/index.scss CHANGED Viewed

@@ -32,8 +32,10 @@
     .poster-body {
       background:
-        linear-gradient(-90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px) 0% 0% / 10px 10px,
-        linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px) 0% 0% / 10px 10px;
+        linear-gradient(-90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px) 0% 0% /
+          10px 10px,
+        linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px) 0% 0% / 10px
+          10px;
       padding: 20px;
       padding-bottom: 50px;
       width: 600px;

package/lib/select/src/select.vue2.js CHANGED Viewed

@@ -12,7 +12,15 @@ const __default__ = vue.defineComponent({
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   props: props.selectProps,
-  emits: ["update:modelValue", "change", "visible-change", "remove-tag", "clear", "blur", "focus"],
+  emits: [
+    "update:modelValue",
+    "change",
+    "visible-change",
+    "remove-tag",
+    "clear",
+    "blur",
+    "focus"
+  ],
   setup(__props, { emit }) {
     const props = __props;
     const internalValue = vue.ref(props.modelValue);

package/lib/select/src/select.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.vue2.js","sources":["../../../src/select/src/select.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkSelect',\n});\n</script>\n<template>\n <el-select-v2\n v-model=\"internalValue\"\n class=\"dk-select\"\n v-bind=\"{ ...props }\"\n :remote-method=\"remoteMethod\"\n remote\n placeholder=\"请选择\"\n :options=\"internalOptions\"\n style=\"width: 100%\"\n @change=\"handleChange\"\n @visible-change=\"handleVisibleChange\"\n @remove-tag=\"handleRemoveTag\"\n @clear=\"handleClear\"\n @blur=\"handleBlur\"\n @focus=\"handleFocus\"\n >\n <template v-for=\"(slot, idx) in $slots\" :key=\"idx\" #[idx]=\"scope\">\n <slot :name=\"idx\" v-bind=\"scope\"></slot>\n </template>\n </el-select-v2>\n</template>\n\n<script lang=\"ts\" setup>\nimport { selectProps } from './props'\nimport { watch, ref } from 'vue'\nimport { request } from '@vipl520/utils'\n\nconst props = defineProps(selectProps)\nconst internalValue = ref(props.modelValue) // 使用 ref 以便响应式更新\nconst internalOptions = ref(props.options \|\| {})\nconst emit = defineEmits(['update:modelValue', 'change', 'visible-change', 'remove-tag', 'clear', 'blur', 'focus'])\n// 监听内部值的变化并向外部发出事件\nwatch(internalValue, (newValue) => {\n console.log('new', newValue)\n emit('update:modelValue', newValue)\n})\nconst remoteMethod = (query?: string) => {\n if (!props.remoteUrl) return\n request(\n {\n url: props.remoteUrl,\n method: 'post',\n data: { query, select: 1 },\n },\n {\n code_success_show: false,\n }\n ).then((res) => {\n internalOptions.value = res.data\n })\n}\n\n// 事件处理函数\nconst handleChange = (value: any) => emit('change', value)\nconst handleVisibleChange = (value: boolean) => emit('visible-change', value)\nconst handleRemoveTag = (value: any) => emit('remove-tag', value)\nconst handleClear = () => emit('clear')\nconst handleBlur = (event: FocusEvent) => emit('blur', event)\nconst handleFocus = (event: FocusEvent) => emit('focus', event)\n\nremoteMethod()\n</script>\n"],"names":["__MACROS_defineComponent","ref","watch","request"],"mappings":";;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,UAAA;AACR,CAAC,CAAA,CAAA~~;;;;;;;~~AA+BD,IAAM,MAAA,aAAA,GAAgBC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAC1C,IAAA,MAAM,eAAkB,GAAAA,OAAA,CAAI,KAAM,CAAA,OAAA,IAAW,EAAE,CAAA,CAAA;~~AAG~~/C,IAAMC,SAAA,CAAA,aAAA,EAAe,CAAC,QAAa,KAAA;AACjC,MAAQ,OAAA,CAAA,GAAA,CAAI,OAAO,QAAQ,CAAA,CAAA;AAC3B,MAAA,IAAA,CAAK,qBAAqB,QAAQ,CAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAe,CAAC,KAAmB,KAAA;AACvC,MAAA,IAAI,CAAC,KAAM,CAAA,SAAA;AAAW,QAAA,OAAA;AACtB,MAAAC,aAAA;AAAA,QACE;AAAA,UACE,KAAK,KAAM,CAAA,SAAA;AAAA,UACX,MAAQ,EAAA,MAAA;AAAA,UACR,IAAM,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAE,EAAA;AAAA,SAC3B;AAAA,QACA;AAAA,UACE,iBAAmB,EAAA,KAAA;AAAA,SACrB;AAAA,OACF,CAAE,IAAK,CAAA,CAAC,GAAQ,KAAA;AACd,QAAA,eAAA,CAAgB,QAAQ,GAAI,CAAA,IAAA,CAAA;AAAA,OAC7B,CAAA,CAAA;AAAA,KACH,CAAA;AAGA,IAAA,MAAM,YAAe,GAAA,CAAC,KAAe,KAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AACzD,IAAA,MAAM,mBAAsB,GAAA,CAAC,KAAmB,KAAA,IAAA,CAAK,kBAAkB,KAAK,CAAA,CAAA;AAC5E,IAAA,MAAM,eAAkB,GAAA,CAAC,KAAe,KAAA,IAAA,CAAK,cAAc,KAAK,CAAA,CAAA;AAChE,IAAM,MAAA,WAAA,GAAc,MAAM,IAAA,CAAK,OAAO,CAAA,CAAA;AACtC,IAAA,MAAM,UAAa,GAAA,CAAC,KAAsB,KAAA,IAAA,CAAK,QAAQ,KAAK,CAAA,CAAA;AAC5D,IAAA,MAAM,WAAc,GAAA,CAAC,KAAsB,KAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AAE9D,IAAa,YAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"select.vue2.js","sources":["../../../src/select/src/select.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkSelect',\n});\n</script>\n<template>\n <el-select-v2\n v-model=\"internalValue\"\n class=\"dk-select\"\n v-bind=\"{ ...props }\"\n :remote-method=\"remoteMethod\"\n remote\n placeholder=\"请选择\"\n :options=\"internalOptions\"\n style=\"width: 100%\"\n @change=\"handleChange\"\n @visible-change=\"handleVisibleChange\"\n @remove-tag=\"handleRemoveTag\"\n @clear=\"handleClear\"\n @blur=\"handleBlur\"\n @focus=\"handleFocus\"\n >\n <template v-for=\"(slot, idx) in $slots\" :key=\"idx\" #[idx]=\"scope\">\n <slot :name=\"idx\" v-bind=\"scope\"></slot>\n </template>\n </el-select-v2>\n</template>\n\n<script lang=\"ts\" setup>\nimport { selectProps } from './props'\nimport { watch, ref } from 'vue'\nimport { request } from '@vipl520/utils'\n\nconst props = defineProps(selectProps)\nconst internalValue = ref(props.modelValue) // 使用 ref 以便响应式更新\nconst internalOptions = ref(props.options \|\| {})\nconst emit = defineEmits([\n 'update:modelValue',\n 'change',\n 'visible-change',\n 'remove-tag',\n 'clear',\n 'blur',\n 'focus',\n])\n// 监听内部值的变化并向外部发出事件\nwatch(internalValue, (newValue) => {\n console.log('new', newValue)\n emit('update:modelValue', newValue)\n})\nconst remoteMethod = (query?: string) => {\n if (!props.remoteUrl) return\n request(\n {\n url: props.remoteUrl,\n method: 'post',\n data: { query, select: 1 },\n },\n {\n code_success_show: false,\n }\n ).then((res) => {\n internalOptions.value = res.data\n })\n}\n\n// 事件处理函数\nconst handleChange = (value: any) => emit('change', value)\nconst handleVisibleChange = (value: boolean) => emit('visible-change', value)\nconst handleRemoveTag = (value: any) => emit('remove-tag', value)\nconst handleClear = () => emit('clear')\nconst handleBlur = (event: FocusEvent) => emit('blur', event)\nconst handleFocus = (event: FocusEvent) => emit('focus', event)\n\nremoteMethod()\n</script>\n"],"names":["__MACROS_defineComponent","ref","watch","request"],"mappings":";;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,UAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;AA+BD,IAAM,MAAA,aAAA,GAAgBC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAC1C,IAAA,MAAM,eAAkB,GAAAA,OAAA,CAAI,KAAM,CAAA,OAAA,IAAW,EAAE,CAAA,CAAA;AAW/C,IAAMC,SAAA,CAAA,aAAA,EAAe,CAAC,QAAa,KAAA;AACjC,MAAQ,OAAA,CAAA,GAAA,CAAI,OAAO,QAAQ,CAAA,CAAA;AAC3B,MAAA,IAAA,CAAK,qBAAqB,QAAQ,CAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAe,CAAC,KAAmB,KAAA;AACvC,MAAA,IAAI,CAAC,KAAM,CAAA,SAAA;AAAW,QAAA,OAAA;AACtB,MAAAC,aAAA;AAAA,QACE;AAAA,UACE,KAAK,KAAM,CAAA,SAAA;AAAA,UACX,MAAQ,EAAA,MAAA;AAAA,UACR,IAAM,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAE,EAAA;AAAA,SAC3B;AAAA,QACA;AAAA,UACE,iBAAmB,EAAA,KAAA;AAAA,SACrB;AAAA,OACF,CAAE,IAAK,CAAA,CAAC,GAAQ,KAAA;AACd,QAAA,eAAA,CAAgB,QAAQ,GAAI,CAAA,IAAA,CAAA;AAAA,OAC7B,CAAA,CAAA;AAAA,KACH,CAAA;AAGA,IAAA,MAAM,YAAe,GAAA,CAAC,KAAe,KAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AACzD,IAAA,MAAM,mBAAsB,GAAA,CAAC,KAAmB,KAAA,IAAA,CAAK,kBAAkB,KAAK,CAAA,CAAA;AAC5E,IAAA,MAAM,eAAkB,GAAA,CAAC,KAAe,KAAA,IAAA,CAAK,cAAc,KAAK,CAAA,CAAA;AAChE,IAAM,MAAA,WAAA,GAAc,MAAM,IAAA,CAAK,OAAO,CAAA,CAAA;AACtC,IAAA,MAAM,UAAa,GAAA,CAAC,KAAsB,KAAA,IAAA,CAAK,QAAQ,KAAK,CAAA,CAAA;AAC5D,IAAA,MAAM,WAAc,GAAA,CAAC,KAAsB,KAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AAE9D,IAAa,YAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/style-animation-input/src/props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"props.js","sources":["../../../src/style-animation-input/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const styleAnimationInputProps = {\n /*\n 类型定义\n */\n modelValue: {\n type: Object,\n default: () => ({\n animationDelay: '0s',\n animationDuration: '1s',\n animationIterationCount: 'infinite',\n }),\n },\n}\n\nexport type StyleAnimationInputProps = ExtractPropTypes<typeof styleAnimationInputProps>\n"],"names":[],"mappings":";;AAEO,MAAM,wBAA2B,GAAA;AAAA;AAAA;AAAA;AAAA,EAItC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,OAAO;AAAA,MACd,cAAgB,EAAA,IAAA;AAAA,MAChB,iBAAmB,EAAA,IAAA;AAAA,MACnB,uBAAyB,EAAA,UAAA;AAAA,KAC3B,CAAA;AAAA,GACF;AACF;;;;"}
1	+ {"version":3,"file":"props.js","sources":["../../../src/style-animation-input/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const styleAnimationInputProps = {\n /*\n 类型定义\n */\n modelValue: {\n type: Object,\n default: () => ({\n animationDelay: '0s',\n animationDuration: '1s',\n animationIterationCount: 'infinite',\n }),\n },\n}\n\nexport type StyleAnimationInputProps = ExtractPropTypes<\n typeof styleAnimationInputProps\n>\n"],"names":[],"mappings":";;AAEO,MAAM,wBAA2B,GAAA;AAAA;AAAA;AAAA;AAAA,EAItC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,OAAO;AAAA,MACd,cAAgB,EAAA,IAAA;AAAA,MAChB,iBAAmB,EAAA,IAAA;AAAA,MACnB,uBAAyB,EAAA,UAAA;AAAA,KAC3B,CAAA;AAAA,GACF;AACF;;;;"}

package/lib/style-animation-input/src/style-animation-input.vue2.js CHANGED Viewed

@@ -23,7 +23,7 @@ const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode(
 const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode(
   "p",
   { class: "form-help" },
-  "\u5F53\u5FAA\u73AF\u6B21\u6570\u8BBE\u7F6E\u4E3A0\u7684\u65F6\u5019\uFF0C\u8868\u793A\u65E0\u9650\u5FAA\u73AF\uFF0C\u5165\u573A\u52A8\u753B\u5EFA\u8BAE\u4E3A1",
+  " \u5F53\u5FAA\u73AF\u6B21\u6570\u8BBE\u7F6E\u4E3A0\u7684\u65F6\u5019\uFF0C\u8868\u793A\u65E0\u9650\u5FAA\u73AF\uFF0C\u5165\u573A\u52A8\u753B\u5EFA\u8BAE\u4E3A1 ",
   -1
   /* HOISTED */
 );

package/lib/style-animation-input/src/style-animation-input.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style-animation-input.vue2.js","sources":["../../../src/style-animation-input/src/style-animation-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkStyleAnimationInput',\n});\n</script>\n<template>\n <div class=\"dk-style-animation-input\">\n <el-form-item label=\"延迟执行\">\n <el-input-number v-model=\"form.animationDelay\" :step=\"0.1\" :min=\"0\" />\n <p class=\"form-help\">设置动画页面加载完毕多少秒后执行</p>\n </el-form-item>\n <el-form-item label=\"动画时长\">\n <el-input-number v-model=\"form.animationDuration\" :step=\"0.1\" :min=\"0\" />\n <p class=\"form-help\">设置每次动画加载的动画时长</p>\n </el-form-item>\n <el-form-item label=\"循环次数\">\n <el-input-number v-model=\"form.animationIterationCount\" :min=\"0\" />\n <p class=\"form-help\"~~>当循环次数设置为~~0的时候，表示无限循环，入场动画建议为1</p>\n </el-form-item>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleAnimationInputProps } from './props'\nimport { onMounted, reactive, watch } from 'vue'\n\n\n\nconst props = defineProps(styleAnimationInputProps)\n\nconst form: any = reactive({\n animationDelay: 0,\n animationDuration: 1,\n animationIterationCount: 0,\n})\nconst emit = defineEmits(['update:modelValue'])\nwatch(\n form,\n () => {\n const value: any = {}\n value.animationDelay = form.animationDelay + 's'\n value.animationDuration = form.animationDuration + 's'\n value.animationIterationCount = form.animationIterationCount == 0 ? 'infinite' : form.animationIterationCount\n emit('update:modelValue', value)\n },\n { deep: true }\n)\nconst init = () => {\n const value = props.modelValue\n form.animationDelay = parseFloat(value.animationDelay \|\| '0s')\n form.animationDuration = parseFloat(value.animationDuration \|\| '1')\n form.animationIterationCount = parseInt(\n (value.animationIterationCount === 'infinite' ? 0 : value.animationIterationCount) \|\| 0\n )\n}\n\nwatch(\n () => props.modelValue,\n () => {\n init()\n // emit('update:modelValue', value)\n }\n)\n\nonMounted(() => {\n init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","reactive","watch","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,uBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;~~AA2BD~~,IAAA,MAAM,OAAYC,YAAS,CAAA;AAAA,MACzB,cAAgB,EAAA,CAAA;AAAA,MAChB,iBAAmB,EAAA,CAAA;AAAA,MACnB,uBAAyB,EAAA,CAAA;AAAA,KAC1B,CAAA,CAAA;AAED,IAAAC,SAAA;AAAA,MACE,IAAA;AAAA,MACA,MAAM;AACJ,QAAA,MAAM,QAAa,EAAC,CAAA;AACpB,QAAM,KAAA,CAAA,cAAA,GAAiB,KAAK,cAAiB,GAAA,GAAA,CAAA;AAC7C,QAAM,KAAA,CAAA,iBAAA,GAAoB,KAAK,iBAAoB,GAAA,GAAA,CAAA;AACnD,QAAA,KAAA,CAAM,~~uBAA0B~~,GAAA,IAAA,CAAK,uBAA2B,IAAA,CAAA,~~GAAI~~,~~aAAa~~,IAAK,CAAA,uBAAA,CAAA;~~AACtF~~,QAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAAA,OACjC;AAAA,MACA,EAAE,MAAM,IAAK,EAAA;AAAA,KACf,CAAA;AACA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,MAAM,QAAQ,KAAM,CAAA,UAAA,CAAA;AACpB,MAAA,IAAA,CAAK,cAAiB,GAAA,UAAA,CAAW,KAAM,CAAA,cAAA,IAAkB,IAAI,CAAA,CAAA;AAC7D,MAAA,IAAA,CAAK,iBAAoB,GAAA,UAAA,CAAW,KAAM,CAAA,iBAAA,IAAqB,GAAG,CAAA,CAAA;AAClE,MAAA,IAAA,CAAK,uBAA0B,GAAA,QAAA;AAAA,QAAA,CAC5B,KAAM,CAAA,uBAAA,KAA4B,~~UAAa~~,GAAA,CAAA,~~GAAI~~,MAAM,uBAA4B,KAAA,CAAA;AAAA,~~OACxF~~,CAAA;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;AACJ,QAAK,IAAA,EAAA,CAAA;AAAA,OAEP;AAAA,KACF,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"style-animation-input.vue2.js","sources":["../../../src/style-animation-input/src/style-animation-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkStyleAnimationInput',\n});\n</script>\n<template>\n <div class=\"dk-style-animation-input\">\n <el-form-item label=\"延迟执行\">\n <el-input-number v-model=\"form.animationDelay\" :step=\"0.1\" :min=\"0\" />\n <p class=\"form-help\">设置动画页面加载完毕多少秒后执行</p>\n </el-form-item>\n <el-form-item label=\"动画时长\">\n <el-input-number v-model=\"form.animationDuration\" :step=\"0.1\" :min=\"0\" />\n <p class=\"form-help\">设置每次动画加载的动画时长</p>\n </el-form-item>\n <el-form-item label=\"循环次数\">\n <el-input-number v-model=\"form.animationIterationCount\" :min=\"0\" />\n <p class=\"form-help\">\n 当循环次数设置为0的时候，表示无限循环，入场动画建议为1\n </p>\n </el-form-item>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleAnimationInputProps } from './props'\nimport { onMounted, reactive, watch } from 'vue'\n\n\n\nconst props = defineProps(styleAnimationInputProps)\n\nconst form: any = reactive({\n animationDelay: 0,\n animationDuration: 1,\n animationIterationCount: 0,\n})\nconst emit = defineEmits(['update:modelValue'])\nwatch(\n form,\n () => {\n const value: any = {}\n value.animationDelay = form.animationDelay + 's'\n value.animationDuration = form.animationDuration + 's'\n value.animationIterationCount =\n form.animationIterationCount == 0\n ? 'infinite'\n : form.animationIterationCount\n emit('update:modelValue', value)\n },\n { deep: true }\n)\nconst init = () => {\n const value = props.modelValue\n form.animationDelay = parseFloat(value.animationDelay \|\| '0s')\n form.animationDuration = parseFloat(value.animationDuration \|\| '1')\n form.animationIterationCount = parseInt(\n (value.animationIterationCount === 'infinite'\n ? 0\n : value.animationIterationCount) \|\| 0\n )\n}\n\nwatch(\n () => props.modelValue,\n () => {\n init()\n // emit('update:modelValue', value)\n }\n)\n\nonMounted(() => {\n init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","reactive","watch","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,uBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA6BD,IAAA,MAAM,OAAYC,YAAS,CAAA;AAAA,MACzB,cAAgB,EAAA,CAAA;AAAA,MAChB,iBAAmB,EAAA,CAAA;AAAA,MACnB,uBAAyB,EAAA,CAAA;AAAA,KAC1B,CAAA,CAAA;AAED,IAAAC,SAAA;AAAA,MACE,IAAA;AAAA,MACA,MAAM;AACJ,QAAA,MAAM,QAAa,EAAC,CAAA;AACpB,QAAM,KAAA,CAAA,cAAA,GAAiB,KAAK,cAAiB,GAAA,GAAA,CAAA;AAC7C,QAAM,KAAA,CAAA,iBAAA,GAAoB,KAAK,iBAAoB,GAAA,GAAA,CAAA;AACnD,QAAA,KAAA,CAAM,uBACJ,GAAA,IAAA,CAAK,uBAA2B,IAAA,CAAA,GAC5B,aACA,IAAK,CAAA,uBAAA,CAAA;AACX,QAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAAA,OACjC;AAAA,MACA,EAAE,MAAM,IAAK,EAAA;AAAA,KACf,CAAA;AACA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,MAAM,QAAQ,KAAM,CAAA,UAAA,CAAA;AACpB,MAAA,IAAA,CAAK,cAAiB,GAAA,UAAA,CAAW,KAAM,CAAA,cAAA,IAAkB,IAAI,CAAA,CAAA;AAC7D,MAAA,IAAA,CAAK,iBAAoB,GAAA,UAAA,CAAW,KAAM,CAAA,iBAAA,IAAqB,GAAG,CAAA,CAAA;AAClE,MAAA,IAAA,CAAK,uBAA0B,GAAA,QAAA;AAAA,QAAA,CAC5B,KAAM,CAAA,uBAAA,KAA4B,UAC/B,GAAA,CAAA,GACA,MAAM,uBAA4B,KAAA,CAAA;AAAA,OACxC,CAAA;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;AACJ,QAAK,IAAA,EAAA,CAAA;AAAA,OAEP;AAAA,KACF,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/style-background-input/index.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export declare const StyleBackgroundInput: import("@vipl520/utils").WithInstall<
             backgroundColor: string;
         };
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, 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: () => {
@@ -16,6 +16,7 @@ export declare const StyleBackgroundInput: import("@vipl520/utils").WithInstall<
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Record<string, any>;
 }, {}>>;

package/lib/style-background-input/src/style-background-input.vue.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
             backgroundColor: string;
         };
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, 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: () => {
@@ -16,6 +16,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Record<string, any>;
 }, {}>;

package/lib/style-background-input/src/style-background-input.vue2.js CHANGED Viewed

@@ -12,7 +12,7 @@ const __default__ = vue.defineComponent({
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   props: props.styleBackgroundInputProps,
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit }) {
     const props = __props;
     const form = vue.reactive({
@@ -30,6 +30,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           value.backgroundImage = `url(${form.backgroundImage})`;
         }
         emit("update:modelValue", value);
+        emit("change", value);
       },
       { deep: true }
     );

package/lib/style-background-input/src/style-background-input.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style-background-input.vue2.js","sources":["../../../src/style-background-input/src/style-background-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkStyleBackgroundInput',\n});\n</script>\n<template>\n <div class=\"dk-style-background-input\">\n <el-color-picker v-model=\"form.backgroundColor\" show-alpha />\n <dk-image-input v-model=\"form.backgroundImage\"></dk-image-input>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleBackgroundInputProps } from './props'\nimport { onMounted, reactive, watch } from 'vue'\n\n\n\nconst props = defineProps(styleBackgroundInputProps)\n\nconst form = reactive({\n backgroundImage: '',\n backgroundColor: '',\n})\nconst emit = defineEmits(['update:modelValue'])\nwatch(\n form,\n () => {\n const value: any = {}\n if (form.backgroundColor) {\n value.backgroundColor = form.backgroundColor\n }\n if (form.backgroundImage) {\n value.backgroundImage = `url(${form.backgroundImage})`\n }\n emit('update:modelValue', value)\n },\n { deep: true }\n)\nconst init = () => {\n form.backgroundColor = props.modelValue.backgroundColor \|\| ''\n const image = props.modelValue.backgroundImage\n if (image) {\n const reg = /url\$(.+)\$/\n const match = image.match(reg)\n if (match) {\n form.backgroundImage = match[1]\n }\n }\n}\n\nwatch(\n () => props.modelValue,\n () => {\n init()\n }\n)\n\nonMounted(() => {\n init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","reactive","watch","onMounted"],"mappings":";;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,wBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAiBD,IAAA,MAAM,OAAOC,YAAS,CAAA;AAAA,MACpB,eAAiB,EAAA,EAAA;AAAA,MACjB,eAAiB,EAAA,EAAA;AAAA,KAClB,CAAA,CAAA;AAED,IAAAC,SAAA;AAAA,MACE,IAAA;AAAA,MACA,MAAM;AACJ,QAAA,MAAM,QAAa,EAAC,CAAA;AACpB,QAAA,IAAI,KAAK,eAAiB,EAAA;AACxB,UAAA,KAAA,CAAM,kBAAkB,IAAK,CAAA,eAAA,CAAA;AAAA,SAC/B;AACA,QAAA,IAAI,KAAK,eAAiB,EAAA;AACxB,UAAM,KAAA,CAAA,eAAA,GAAkB,CAAO,IAAA,EAAA,IAAA,CAAK,eAAe,CAAA,CAAA,CAAA,CAAA;AAAA,SACrD;AACA,QAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAAA,~~OACjC~~;AAAA,MACA,EAAE,MAAM,IAAK,EAAA;AAAA,KACf,CAAA;AACA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAK,IAAA,CAAA,eAAA,GAAkB,KAAM,CAAA,UAAA,CAAW,eAAmB,IAAA,EAAA,CAAA;AAC3D,MAAM,MAAA,KAAA,GAAQ,MAAM,UAAW,CAAA,eAAA,CAAA;AAC/B,MAAA,IAAI,KAAO,EAAA;AACT,QAAA,MAAM,GAAM,GAAA,aAAA,CAAA;AACZ,QAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAC7B,QAAA,IAAI,KAAO,EAAA;AACT,UAAK,IAAA,CAAA,eAAA,GAAkB,MAAM,CAAC,CAAA,CAAA;AAAA,SAChC;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;AACJ,QAAK,IAAA,EAAA,CAAA;AAAA,OACP;AAAA,KACF,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"style-background-input.vue2.js","sources":["../../../src/style-background-input/src/style-background-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkStyleBackgroundInput',\n});\n</script>\n<template>\n <div class=\"dk-style-background-input\">\n <el-color-picker v-model=\"form.backgroundColor\" show-alpha />\n <dk-image-input v-model=\"form.backgroundImage\"></dk-image-input>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleBackgroundInputProps } from './props'\nimport { onMounted, reactive, watch } from 'vue'\n\n\n\nconst props = defineProps(styleBackgroundInputProps)\n\nconst form = reactive({\n backgroundImage: '',\n backgroundColor: '',\n})\nconst emit = defineEmits(['update:modelValue', 'change'])\nwatch(\n form,\n () => {\n const value: any = {}\n if (form.backgroundColor) {\n value.backgroundColor = form.backgroundColor\n }\n if (form.backgroundImage) {\n value.backgroundImage = `url(${form.backgroundImage})`\n }\n emit('update:modelValue', value)\n emit('change', value)\n },\n { deep: true }\n)\nconst init = () => {\n form.backgroundColor = props.modelValue.backgroundColor \|\| ''\n const image = props.modelValue.backgroundImage\n if (image) {\n const reg = /url\$(.+)\$/\n const match = image.match(reg)\n if (match) {\n form.backgroundImage = match[1]\n }\n }\n}\n\nwatch(\n () => props.modelValue,\n () => {\n init()\n }\n)\n\nonMounted(() => {\n init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","reactive","watch","onMounted"],"mappings":";;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,wBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAiBD,IAAA,MAAM,OAAOC,YAAS,CAAA;AAAA,MACpB,eAAiB,EAAA,EAAA;AAAA,MACjB,eAAiB,EAAA,EAAA;AAAA,KAClB,CAAA,CAAA;AAED,IAAAC,SAAA;AAAA,MACE,IAAA;AAAA,MACA,MAAM;AACJ,QAAA,MAAM,QAAa,EAAC,CAAA;AACpB,QAAA,IAAI,KAAK,eAAiB,EAAA;AACxB,UAAA,KAAA,CAAM,kBAAkB,IAAK,CAAA,eAAA,CAAA;AAAA,SAC/B;AACA,QAAA,IAAI,KAAK,eAAiB,EAAA;AACxB,UAAM,KAAA,CAAA,eAAA,GAAkB,CAAO,IAAA,EAAA,IAAA,CAAK,eAAe,CAAA,CAAA,CAAA,CAAA;AAAA,SACrD;AACA,QAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAC/B,QAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AAAA,OACtB;AAAA,MACA,EAAE,MAAM,IAAK,EAAA;AAAA,KACf,CAAA;AACA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAK,IAAA,CAAA,eAAA,GAAkB,KAAM,CAAA,UAAA,CAAW,eAAmB,IAAA,EAAA,CAAA;AAC3D,MAAM,MAAA,KAAA,GAAQ,MAAM,UAAW,CAAA,eAAA,CAAA;AAC/B,MAAA,IAAI,KAAO,EAAA;AACT,QAAA,MAAM,GAAM,GAAA,aAAA,CAAA;AACZ,QAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAC7B,QAAA,IAAI,KAAO,EAAA;AACT,UAAK,IAAA,CAAA,eAAA,GAAkB,MAAM,CAAC,CAAA,CAAA;AAAA,SAChC;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;AACJ,QAAK,IAAA,EAAA,CAAA;AAAA,OACP;AAAA,KACF,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;"}

package/lib/style-border-input/index.d.ts CHANGED Viewed

@@ -3,13 +3,14 @@ export declare const StyleBorderInput: import("@vipl520/utils").WithInstall<impo
         type: ObjectConstructor;
         default: () => void;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, 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: () => void;
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Record<string, any>;
 }, {}>>;

package/lib/style-border-input/src/style-border-input.vue.d.ts CHANGED Viewed

@@ -3,13 +3,14 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: () => void;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, 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: () => void;
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Record<string, any>;
 }, {}>;

package/lib/style-border-input/src/style-border-input.vue2.js CHANGED Viewed

@@ -12,14 +12,14 @@ const _hoisted_2 = {
   style: { "width": "100%" },
   class: "m-l-20px"
 };
-const _hoisted_3 = { style: { "display": "flex" } };
+const _hoisted_3 = { style: { "display": "flex", "width": "100%" } };
 const __default__ = vue.defineComponent({
   name: "DkStyleBorderInput"
 });
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   props: props.styleBorderInputProps,
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit }) {
     const props = __props;
     const positions = ["top", "right", "bottom", "left", "all"];
@@ -70,6 +70,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     vue.watch(styles, () => {
       emit("update:modelValue", styles.value);
+      emit("change", styles.value);
     });
     const init = () => {
       const keys = [
@@ -176,9 +177,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const _component_dk_icon = vue.resolveComponent("dk-icon");
       const _component_el_tooltip = vue.resolveComponent("el-tooltip");
       const _component_el_slider = vue.resolveComponent("el-slider");
+      const _component_el_input = vue.resolveComponent("el-input");
       const _component_el_option = vue.resolveComponent("el-option");
       const _component_el_select = vue.resolveComponent("el-select");
-      const _component_el_input = vue.resolveComponent("el-input");
       const _component_el_form_item = vue.resolveComponent("el-form-item");
       const _component_el_radio_button = vue.resolveComponent("el-radio-button");
       const _component_el_radio_group = vue.resolveComponent("el-radio-group");
@@ -190,7 +191,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         {
           ref_key: "el",
           ref: el,
-          class: vue.normalizeClass(["dk-style-border-input", vue.unref(width).value < 400 ? "mini" : ""])
+          class: vue.normalizeClass(["dk-style-border-input", vue.unref(width) < 400 ? "mini" : ""])
         },
         [
           vue.createElementVNode("div", _hoisted_1, [
@@ -219,7 +220,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               size: "small"
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_el_form_item, { label: "\u5C3A\u5BF8" }, {
+                vue.createVNode(_component_el_form_item, { value: "\u5C3A\u5BF8" }, {
                   label: vue.withCtx(() => [
                     vue.createVNode(_component_el_tooltip, {
                       effect: "dark",
@@ -254,39 +255,55 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       }, null, 8, ["modelValue"]),
                       vue.createVNode(_component_el_input, {
                         modelValue: form[position.value].borderWidth,
-                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form[position.value].borderWidth = $event),
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => form[position.value].borderWidth = $event),
                         class: "dk-border-input",
                         type: "number",
+                        onChange: _cache[4] || (_cache[4] = ($event) => clearOtherBorder())
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createCommentVNode("              <template #append>"),
+                          vue.createCommentVNode("                <el-select"),
+                          vue.createCommentVNode('                  v-model="form[position].unit"'),
+                          vue.createCommentVNode('                  placeholder="px"'),
+                          vue.createCommentVNode('                  class="dk-border-select"'),
+                          vue.createCommentVNode('                  style="width: 50px"'),
+                          vue.createCommentVNode('                  suffix-icon=""'),
+                          vue.createCommentVNode('                  @change="clearOtherBorder()"'),
+                          vue.createCommentVNode("                >"),
+                          vue.createCommentVNode("                  <el-option"),
+                          vue.createCommentVNode('                    v-for="item in units"'),
+                          vue.createCommentVNode('                    :key="item"'),
+                          vue.createCommentVNode('                    :label="item"'),
+                          vue.createCommentVNode('                    :value="item"'),
+                          vue.createCommentVNode("                  />"),
+                          vue.createCommentVNode("                </el-select>"),
+                          vue.createCommentVNode("              </template>")
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["modelValue"]),
+                      vue.createVNode(_component_el_select, {
+                        modelValue: form[position.value].unit,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form[position.value].unit = $event),
+                        placeholder: "px",
+                        class: "dk-border-select",
+                        style: { "width": "60px" },
                         onChange: _cache[6] || (_cache[6] = ($event) => clearOtherBorder())
                       }, {
-                        append: vue.withCtx(() => [
-                          vue.createVNode(_component_el_select, {
-                            modelValue: form[position.value].unit,
-                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => form[position.value].unit = $event),
-                            placeholder: "\u8BF7\u9009\u62E9",
-                            class: "dk-border-select",
-                            style: { "width": "50px" },
-                            "suffix-icon": "",
-                            onChange: _cache[4] || (_cache[4] = ($event) => clearOtherBorder())
-                          }, {
-                            default: vue.withCtx(() => [
-                              (vue.openBlock(), vue.createElementBlock(
-                                vue.Fragment,
-                                null,
-                                vue.renderList(units, (item) => {
-                                  return vue.createVNode(_component_el_option, {
-                                    key: item,
-                                    label: item,
-                                    value: item
-                                  }, null, 8, ["label", "value"]);
-                                }),
-                                64
-                                /* STABLE_FRAGMENT */
-                              ))
-                            ]),
-                            _: 1
-                            /* STABLE */
-                          }, 8, ["modelValue"])
+                        default: vue.withCtx(() => [
+                          (vue.openBlock(), vue.createElementBlock(
+                            vue.Fragment,
+                            null,
+                            vue.renderList(units, (item) => {
+                              return vue.createVNode(_component_el_option, {
+                                key: item,
+                                label: item,
+                                value: item
+                              }, null, 8, ["label", "value"]);
+                            }),
+                            64
+                            /* STABLE_FRAGMENT */
+                          ))
                         ]),
                         _: 1
                         /* STABLE */
@@ -296,7 +313,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   _: 1
                   /* STABLE */
                 }),
-                vue.createVNode(_component_el_form_item, { label: "\u6837\u5F0F" }, {
+                vue.createVNode(_component_el_form_item, { value: "\u6837\u5F0F" }, {
                   label: vue.withCtx(() => [
                     vue.createVNode(_component_el_tooltip, {
                       effect: "dark",
@@ -328,7 +345,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     }, {
                       default: vue.withCtx(() => [
                         vue.createVNode(_component_el_radio_button, {
-                          label: "solid",
+                          value: "solid",
                           name: "type"
                         }, {
                           default: vue.withCtx(() => [
@@ -338,7 +355,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           /* STABLE */
                         }),
                         vue.createVNode(_component_el_radio_button, {
-                          label: "dotted",
+                          value: "dotted",
                           name: "type"
                         }, {
                           default: vue.withCtx(() => [
@@ -348,7 +365,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           /* STABLE */
                         }),
                         vue.createVNode(_component_el_radio_button, {
-                          label: "dashed",
+                          value: "dashed",
                           name: "type"
                         }, {
                           default: vue.withCtx(() => [
@@ -358,7 +375,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           /* STABLE */
                         }),
                         vue.createVNode(_component_el_radio_button, {
-                          label: "double",
+                          value: "double",
                           name: "type"
                         }, {
                           default: vue.withCtx(() => [

package/lib/style-border-input/src/style-border-input.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style-border-input.vue2.js","sources":["../../../src/style-border-input/src/style-border-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkStyleBorderInput',\n});\n</script>\n<template>\n <div ref=\"el\" class=\"dk-style-border-input\" :class=\"width.value < 400 ? 'mini' : ''\">\n <div class=\"border-box\">\n <dk-icon\n v-for=\"item in positions\"\n :key=\"item\"\n :icon=\"'gg:border-' + item\"\n :class=\"'border-box-option border-' + item + ' ' + (position == item ? 'selected' : '')\"\n :size=\"24\"\n :style=\"'grid-area: border-' + item + ' / border-' + item + ' / border-' + item + ' / border-' + item + ';'\"\n @click=\"position = item\"\n ></dk-icon>\n </div>\n <div style=\"width: 100%\" class=\"m-l-20px\">\n <!-- 样式、宽度、颜色-->\n <el-form label-width=\"50px\" label-position=\"left\" size=\"small\">\n <el-form-item label=\"尺寸\">\n <template #label>\n <el-tooltip effect=\"dark\" content=\"点击清除\" placement=\"top-start\" :disabled=\"!form[position].borderWidth\">\n <span\n class=\"cursor-pointer\"\n :class=\"form[position].borderWidth ? 'color-blue' : ''\"\n @click=\"del('borderWidth')\"\n >尺寸</span\n >\n </el-tooltip>\n </template>\n <div style=\"display: flex\">\n <el-slider\n v-model=\"form[position].borderWidth\"\n class=\"dk-border-slider\"\n :max=\"50\"\n @change=\"clearOtherBorder()\"\n />\n <el-input\n v-model=\"form[position].borderWidth\"\n class=\"dk-border-input\"\n type=\"number\"\n @change=\"clearOtherBorder()\"\n >\n <template #append>\n <el-select\n v-model=\"form[position].unit\"\n placeholder=\"请选择\"\n class=\"dk-border-select\"\n style=\"width: 50px\"\n suffix-icon=\"\"\n @change=\"clearOtherBorder()\"\n >\n <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n </el-select>\n </template>\n </el-input>\n </div>\n </el-form-item>\n <el-form-item label=\"样式\">\n <template #label>\n <el-tooltip effect=\"dark\" content=\"点击清除\" placement=\"top-start\" :disabled=\"!form[position].borderStyle\">\n <span\n class=\"cursor-pointer\"\n :class=\"form[position].borderStyle ? 'color-blue' : ''\"\n @click=\"del('borderStyle')\"\n >样式</span\n >\n </el-tooltip>\n </template>\n <el-radio-group v-model=\"form[position].borderStyle\" @change=\"clearOtherBorder()\">\n <el-radio-button label=\"solid\" name=\"type\">\n <dk-icon icon=\"gg:border-style-solid\"></dk-icon>\n </el-radio-button>\n <el-radio-button label=\"dotted\" name=\"type\">\n <dk-icon icon=\"gg:border-style-dotted\"></dk-icon>\n </el-radio-button>\n <el-radio-button label=\"dashed\" name=\"type\">\n <dk-icon icon=\"gg:border-style-dashed\"></dk-icon>\n </el-radio-button>\n <el-radio-button label=\"double\" name=\"type\">\n <dk-icon icon=\"memory:box-light-double-horizontal\"></dk-icon>\n </el-radio-button>\n </el-radio-group>\n </el-form-item>\n <el-form-item label=\"颜色\">\n <template #label>\n <el-tooltip effect=\"dark\" content=\"点击清除\" placement=\"top-start\" :disabled=\"!form[position].borderColor\">\n <span\n class=\"cursor-pointer\"\n :class=\"form[position].borderColor ? 'color-blue' : ''\"\n @click=\"del('borderColor')\"\n >颜色</span\n >\n </el-tooltip>\n </template>\n <el-color-picker v-model=\"form[position].borderColor\" />\n </el-form-item>\n <el-form-item label=\"弧度\">\n <template #label>\n <el-tooltip effect=\"dark\" content=\"点击清除\" placement=\"top-start\" :disabled=\"form.radius == '0px'\">\n <span class=\"cursor-pointer\" :class=\"form.radius !== '0px' ? 'color-blue' : ''\" @click=\"del('radius')\"\n >弧度</span\n >\n </el-tooltip>\n </template>\n <dk-box-size-input v-model=\"form.radius\" type=\"radius\"></dk-box-size-input>\n </el-form-item>\n </el-form>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleBorderInputProps } from './props'\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport { upper } from '@vipl520/utils'\nimport { useElementSize, useWindowSize } from '@vueuse/core'\n\n\n\nconst props = defineProps(styleBorderInputProps)\nconst emit = defineEmits(['update:modelValue'])\n\nconst positions = ['top', 'right', 'bottom', 'left', 'all']\nconst units = ['px', '%', 'rem', 'em', 'vw', 'vh']\nconst position = ref('all')\nconst el: any = ref()\nconst { width } = useElementSize(el) // 当前组件宽度\nconst defaultForm = () => ({\n unit: 'px',\n})\n\nconst form: any = reactive({\n top: defaultForm(),\n right: defaultForm(),\n bottom: defaultForm(),\n left: defaultForm(),\n all: defaultForm(),\n radius: props.modelValue.borderRadius \|\| '0px',\n})\n\nconst styles = computed(() => {\n const style: any = {}\n positions.forEach((item) => {\n if (item === 'all') {\n if (form[item].borderWidth) {\n style.borderWidth = form[item].borderWidth + (form[item].unit \|\| 'px')\n }\n if (form[item].borderStyle) {\n style.borderStyle = form[item].borderStyle\n }\n if (form[item].borderColor) {\n style.borderColor = form[item].borderColor\n }\n } else {\n if (form[item].borderWidth) {\n style['border' + upper(item) + 'Width'] = form[item].borderWidth + (form[item].unit \|\| 'px')\n }\n\n if (form[item].borderStyle) {\n style['border' + upper(item) + 'Style'] = form[item].borderStyle\n }\n\n if (form[item].borderColor) {\n style['border' + upper(item) + 'Color'] = form[item].borderColor\n }\n }\n })\n // 把style中的borderWidth、borderStyle、borderColor放到最前面\n if (form.radius !== '0px') {\n style.borderRadius = form.radius\n }\n return style\n})\nwatch(styles, () => {\n emit('update:modelValue', styles.value)\n})\n\nconst init = () => {\n const keys = [\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 keys.forEach((key) => {\n if (props.modelValue[key]) {\n if (key === 'borderRadius') {\n form.radius = props.modelValue[key]\n } else {\n let [_, position, property] = key.split(/(?=[A-Z])/)\n let _position = position.toLowerCase() // 位置\n const value = props.modelValue[key] // 值\n if (positions.indexOf(_position) === -1) {\n _position = 'all'\n property = position\n }\n if (property === 'Width') {\n const width = parseInt(value) \|\| 0\n const unit = value.replace(width + '', '') \|\| 'px'\n if (units.indexOf(unit) > -1) {\n form[_position].unit = unit\n form[_position].borderWidth = width\n }\n } else {\n form[_position]['border' + property] = value\n }\n }\n } else {\n if (key === 'borderRadius') {\n form.radius = '0px'\n } else {\n // delete form[position.value][key]\n let [_, position, property] = key.split(/(?=[A-Z])/)\n\n let _position = position.toLowerCase() // 位置\n if (positions.indexOf(_position) === -1) {\n _position = 'all'\n property = position\n }\n const value = props.modelValue[key] // 值\n if (property === 'Width') {\n delete form[_position].borderWidth\n delete form[_position].unit\n } else {\n delete form[_position]['border' + property]\n }\n }\n }\n })\n}\n\nconst clearOtherBorder = () => {\n if (position.value === 'all') {\n positions.forEach((item) => {\n if (item !== 'all') {\n form[item] = {\n unit: 'px',\n }\n }\n })\n } else {\n positions.forEach((item) => {\n if (item === 'all') {\n form[item] = {\n unit: 'px',\n }\n }\n })\n }\n}\nconst del = (value: any) => {\n if (value === 'radius') {\n form.radius = '0px'\n } else {\n delete form[position.value][value]\n }\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","ref","useElementSize","reactive","computed","upper","watch","position","width","onMounted"],"mappings":"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"}
1	+ {"version":3,"file":"style-border-input.vue2.js","sources":["../../../src/style-border-input/src/style-border-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /#__PURE__/ __MACROS_defineComponent({\n name: 'DkStyleBorderInput',\n});\n</script>\n<template>\n <div ref=\"el\" class=\"dk-style-border-input\" :class=\"width < 400 ? 'mini' : ''\">\n <div class=\"border-box\">\n <dk-icon\n v-for=\"item in positions\"\n :key=\"item\"\n :icon=\"'gg:border-' + item\"\n :class=\"'border-box-option border-' + item + ' ' + (position == item ? 'selected' : '')\"\n :size=\"24\"\n :style=\"'grid-area: border-' + item + ' / border-' + item + ' / border-' + item + ' / border-' + item + ';'\"\n @click=\"position = item\"\n ></dk-icon>\n </div>\n <div style=\"width: 100%\" class=\"m-l-20px\">\n <!-- 样式、宽度、颜色-->\n <el-form label-width=\"50px\" label-position=\"left\" size=\"small\">\n <el-form-item value=\"尺寸\">\n <template #label>\n <el-tooltip effect=\"dark\" content=\"点击清除\" placement=\"top-start\" :disabled=\"!form[position].borderWidth\">\n <span\n class=\"cursor-pointer\"\n :class=\"form[position].borderWidth ? 'color-blue' : ''\"\n @click=\"del('borderWidth')\"\n >尺寸</span\n >\n </el-tooltip>\n </template>\n <div style=\"display: flex; width: 100%\">\n <el-slider\n v-model=\"form[position].borderWidth\"\n class=\"dk-border-slider\"\n :max=\"50\"\n @change=\"clearOtherBorder()\"\n />\n <el-input\n v-model=\"form[position].borderWidth\"\n class=\"dk-border-input\"\n type=\"number\"\n @change=\"clearOtherBorder()\"\n >\n <!-- <template #append>-->\n <!-- <el-select-->\n <!-- v-model=\"form[position].unit\"-->\n <!-- placeholder=\"px\"-->\n <!-- class=\"dk-border-select\"-->\n <!-- style=\"width: 50px\"-->\n <!-- suffix-icon=\"\"-->\n <!-- @change=\"clearOtherBorder()\"-->\n <!-- >-->\n <!-- <el-option-->\n <!-- v-for=\"item in units\"-->\n <!-- :key=\"item\"-->\n <!-- :label=\"item\"-->\n <!-- :value=\"item\"-->\n <!-- />-->\n <!-- </el-select>-->\n <!-- </template>-->\n </el-input>\n <el-select\n v-model=\"form[position].unit\"\n placeholder=\"px\"\n class=\"dk-border-select\"\n style=\"width: 60px\"\n @change=\"clearOtherBorder()\"\n >\n <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n </el-select>\n </div>\n </el-form-item>\n <el-form-item value=\"样式\">\n <template #label>\n <el-tooltip effect=\"dark\" content=\"点击清除\" placement=\"top-start\" :disabled=\"!form[position].borderStyle\">\n <span\n class=\"cursor-pointer\"\n :class=\"form[position].borderStyle ? 'color-blue' : ''\"\n @click=\"del('borderStyle')\"\n >样式</span\n >\n </el-tooltip>\n </template>\n <el-radio-group v-model=\"form[position].borderStyle\" @change=\"clearOtherBorder()\">\n <el-radio-button value=\"solid\" name=\"type\">\n <dk-icon icon=\"gg:border-style-solid\"></dk-icon>\n </el-radio-button>\n <el-radio-button value=\"dotted\" name=\"type\">\n <dk-icon icon=\"gg:border-style-dotted\"></dk-icon>\n </el-radio-button>\n <el-radio-button value=\"dashed\" name=\"type\">\n <dk-icon icon=\"gg:border-style-dashed\"></dk-icon>\n </el-radio-button>\n <el-radio-button value=\"double\" name=\"type\">\n <dk-icon icon=\"memory:box-light-double-horizontal\"></dk-icon>\n </el-radio-button>\n </el-radio-group>\n </el-form-item>\n <el-form-item label=\"颜色\">\n <template #label>\n <el-tooltip effect=\"dark\" content=\"点击清除\" placement=\"top-start\" :disabled=\"!form[position].borderColor\">\n <span\n class=\"cursor-pointer\"\n :class=\"form[position].borderColor ? 'color-blue' : ''\"\n @click=\"del('borderColor')\"\n >颜色</span\n >\n </el-tooltip>\n </template>\n <el-color-picker v-model=\"form[position].borderColor\" />\n </el-form-item>\n <el-form-item label=\"弧度\">\n <template #label>\n <el-tooltip effect=\"dark\" content=\"点击清除\" placement=\"top-start\" :disabled=\"form.radius == '0px'\">\n <span class=\"cursor-pointer\" :class=\"form.radius !== '0px' ? 'color-blue' : ''\" @click=\"del('radius')\"\n >弧度</span\n >\n </el-tooltip>\n </template>\n <dk-box-size-input v-model=\"form.radius\" type=\"radius\"></dk-box-size-input>\n </el-form-item>\n </el-form>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleBorderInputProps } from './props'\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport { upper } from '@vipl520/utils'\nimport { useElementSize, useWindowSize } from '@vueuse/core'\n\n\n\nconst props = defineProps(styleBorderInputProps)\nconst emit = defineEmits(['update:modelValue', 'change'])\n\nconst positions = ['top', 'right', 'bottom', 'left', 'all']\nconst units = ['px', '%', 'rem', 'em', 'vw', 'vh']\nconst position = ref('all')\nconst el: any = ref()\nconst { width } = useElementSize(el) // 当前组件宽度\nconst defaultForm = () => ({\n unit: 'px',\n})\n\nconst form: any = reactive({\n top: defaultForm(),\n right: defaultForm(),\n bottom: defaultForm(),\n left: defaultForm(),\n all: defaultForm(),\n radius: props.modelValue.borderRadius \|\| '0px',\n})\n\nconst styles = computed(() => {\n const style: any = {}\n positions.forEach((item) => {\n if (item === 'all') {\n if (form[item].borderWidth) {\n style.borderWidth = form[item].borderWidth + (form[item].unit \|\| 'px')\n }\n if (form[item].borderStyle) {\n style.borderStyle = form[item].borderStyle\n }\n if (form[item].borderColor) {\n style.borderColor = form[item].borderColor\n }\n } else {\n if (form[item].borderWidth) {\n style['border' + upper(item) + 'Width'] = form[item].borderWidth + (form[item].unit \|\| 'px')\n }\n\n if (form[item].borderStyle) {\n style['border' + upper(item) + 'Style'] = form[item].borderStyle\n }\n\n if (form[item].borderColor) {\n style['border' + upper(item) + 'Color'] = form[item].borderColor\n }\n }\n })\n // 把style中的borderWidth、borderStyle、borderColor放到最前面\n if (form.radius !== '0px') {\n style.borderRadius = form.radius\n }\n return style\n})\nwatch(styles, () => {\n emit('update:modelValue', styles.value)\n emit('change', styles.value)\n})\n\nconst init = () => {\n const keys = [\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 keys.forEach((key) => {\n if (props.modelValue[key]) {\n if (key === 'borderRadius') {\n form.radius = props.modelValue[key]\n } else {\n let [_, position, property] = key.split(/(?=[A-Z])/)\n let _position = position.toLowerCase() // 位置\n const value = props.modelValue[key] // 值\n if (positions.indexOf(_position) === -1) {\n _position = 'all'\n property = position\n }\n if (property === 'Width') {\n const width = parseInt(value) \|\| 0\n const unit = value.replace(width + '', '') \|\| 'px'\n if (units.indexOf(unit) > -1) {\n form[_position].unit = unit\n form[_position].borderWidth = width\n }\n } else {\n form[_position]['border' + property] = value\n }\n }\n } else {\n if (key === 'borderRadius') {\n form.radius = '0px'\n } else {\n // delete form[position.value][key]\n let [_, position, property] = key.split(/(?=[A-Z])/)\n\n let _position = position.toLowerCase() // 位置\n if (positions.indexOf(_position) === -1) {\n _position = 'all'\n property = position\n }\n const value = props.modelValue[key] // 值\n if (property === 'Width') {\n delete form[_position].borderWidth\n delete form[_position].unit\n } else {\n delete form[_position]['border' + property]\n }\n }\n }\n })\n}\n\nconst clearOtherBorder = () => {\n if (position.value === 'all') {\n positions.forEach((item) => {\n if (item !== 'all') {\n form[item] = {\n unit: 'px',\n }\n }\n })\n } else {\n positions.forEach((item) => {\n if (item === 'all') {\n form[item] = {\n unit: 'px',\n }\n }\n })\n }\n}\nconst del = (value: any) => {\n if (value === 'radius') {\n form.radius = '0px'\n } else {\n delete form[position.value][value]\n }\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","ref","useElementSize","reactive","computed","upper","watch","position","width","onMounted"],"mappings":"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"}

package/lib/style-border-input/style/index.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dk-style-border-input{align-items:center;display:flex;justify-content:space-between;width:100%}.dk-style-border-input .border-box{display:grid;grid-template:". border-top ." "border-left border-all border-right" ". border-bottom .";height:-~~webkit-min-content;height:-~~moz-min-content;height:min-content;width:-~~webkit-min-content;width:-~~moz-min-content;width:min-content}.dk-style-border-input .border-box .border-box-option{cursor:pointer;height:30px;text-align:center;width:30px}.dk-style-border-input .border-box .border-box-option.selected{background:#e8e8e8!important;border-radius:20%}.dk-style-border-input .border-box .border-box-option:hover{background:#f0f0f0;border-radius:20%}.dk-style-border-input .dk-border-slider{width:calc(100% - 140px);margin-right:10px;margin-left:10px}.dk-style-border-input .dk-border-input{width:100px}.dk-style-border-input .dk-border-select{width:40px}.dk-style-border-input.mini{flex-direction:column}.dk-style-border-input.mini .m-l-20px{margin-left:0!important;margin-top:10px}.dk-style-border-input .el-form-item{margin-bottom:18px!important;display:flex!important}
1	+ .dk-style-border-input{align-items:center;display:flex;justify-content:space-between;width:100%}.dk-style-border-input .border-box{display:grid;grid-template:". border-top ." "border-left border-all border-right" ". border-bottom .";height:-moz-min-content;height:min-content;width:-moz-min-content;width:min-content}.dk-style-border-input .border-box .border-box-option{cursor:pointer;height:30px;text-align:center;width:30px}.dk-style-border-input .border-box .border-box-option.selected{background:#e8e8e8!important;border-radius:20%}.dk-style-border-input .border-box .border-box-option:hover{background:#f0f0f0;border-radius:20%}.dk-style-border-input .dk-border-slider{width:calc(100% - 140px);margin-right:10px;margin-left:10px}.dk-style-border-input .dk-border-input{width:100px}.dk-style-border-input .dk-border-select{width:40px}.dk-style-border-input.mini{flex-direction:column}.dk-style-border-input.mini .m-l-20px{margin-left:0!important;margin-top:10px}.dk-style-border-input .el-form-item{margin-bottom:18px!important;display:flex!important}

package/lib/style-box-input/index.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@ export declare const StyleBoxInput: import("@vipl520/utils").WithInstall<import(
         type: StringConstructor;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, 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: () => {};
@@ -26,6 +26,7 @@ export declare const StyleBoxInput: import("@vipl520/utils").WithInstall<import(
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Record<string, any>;
     height: number;

package/lib/style-box-input/src/style-box-input.vue.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, 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: () => {};
@@ -26,6 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Record<string, any>;
     height: number;

package/lib/style-box-input/src/style-box-input.vue2.js CHANGED Viewed

@@ -60,7 +60,7 @@ const __default__ = vue.defineComponent({
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   props: props.styleBoxInputProps,
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit }) {
     const props = __props;
     const moves = vue.reactive({
@@ -121,6 +121,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return acc;
       }, {});
       emit("update:modelValue", _styles);
+      emit("change", _styles);
     });
     const showStyles = vue.reactive({
       marginLeft: false,
@@ -417,9 +418,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             ref_key: "inputField",
                             ref: inputField,
                             "onUpdate:modelValue": ($event) => styles[item.value] = $event,
-                            class: vue.normalizeClass(
-                              "input-box anchor-tip-" + item.position + (showStyles[item.value] ? " show" : "")
-                            ),
+                            class: vue.normalizeClass("input-box anchor-tip-" + item.position + (showStyles[item.value] ? " show" : "")),
                             onBlur: ($event) => onBlur(item.value)
                           }, null, 42, _hoisted_9), [
                             [vue.vModelText, styles[item.value]]
@@ -486,9 +485,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                   ref_key: "inputField",
                                   ref: inputField,
                                   "onUpdate:modelValue": ($event) => styles[item.value] = $event,
-                                  class: vue.normalizeClass(
-                                    "input-box anchor-tip-" + item.position + (showStyles[item.value] ? " show" : "")
-                                  ),
+                                  class: vue.normalizeClass("input-box anchor-tip-" + item.position + (showStyles[item.value] ? " show" : "")),
                                   onBlur: ($event) => onBlur(item.value)
                                 }, null, 42, _hoisted_17), [
                                   [vue.vModelText, styles[item.value]]