@vipl520/dk-ui 1.0.14 → 1.0.15
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.js +4 -3
- package/dist/index.min.js +2 -2
- package/dist/index.min.js.map +1 -1
- package/dist/index.min.mjs +2 -2
- package/dist/index.min.mjs.map +1 -1
- package/dist/index.mjs +4 -3
- package/dist/web-types.json +1 -1
- package/es/select/src/select.vue2.mjs +1 -1
- package/es/select/src/select.vue2.mjs.map +1 -1
- package/es/style-shadow-input/src/style-shadow-input.vue2.mjs +3 -2
- package/es/style-shadow-input/src/style-shadow-input.vue2.mjs.map +1 -1
- package/lib/select/src/select.vue2.js +1 -1
- package/lib/select/src/select.vue2.js.map +1 -1
- package/lib/style-shadow-input/src/style-shadow-input.vue2.js +3 -2
- package/lib/style-shadow-input/src/style-shadow-input.vue2.js.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
@@ -16016,13 +16016,14 @@ var _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
16016
16016
|
return shadows.value.join(",");
|
16017
16017
|
});
|
16018
16018
|
watch(boxShadow, (n, o) => {
|
16019
|
-
emit("update:modelValue", { boxShadow });
|
16019
|
+
emit("update:modelValue", { boxShadow: boxShadow.value });
|
16020
16020
|
});
|
16021
16021
|
watch(
|
16022
16022
|
() => props.modelValue,
|
16023
16023
|
() => {
|
16024
16024
|
init();
|
16025
|
-
}
|
16025
|
+
},
|
16026
|
+
{ deep: true }
|
16026
16027
|
);
|
16027
16028
|
onMounted(() => {
|
16028
16029
|
init();
|
@@ -30936,7 +30937,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
30936
30937
|
}, { ...props }, {
|
30937
30938
|
"remote-method": remoteMethod,
|
30938
30939
|
remote: "",
|
30939
|
-
placeholder: "
|
30940
|
+
placeholder: "\u8BF7\u9009\u62E9",
|
30940
30941
|
options: internalOptions.value,
|
30941
30942
|
style: { "width": "100%" },
|
30942
30943
|
onChange: handleChange,
|
package/dist/web-types.json
CHANGED
@@ -49,7 +49,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
49
49
|
}, { ...props }, {
|
50
50
|
"remote-method": remoteMethod,
|
51
51
|
remote: "",
|
52
|
-
placeholder: "
|
52
|
+
placeholder: "\u8BF7\u9009\u62E9",
|
53
53
|
options: internalOptions.value,
|
54
54
|
style: { "width": "100%" },
|
55
55
|
onChange: handleChange,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"select.vue2.mjs","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=\"
|
1
|
+
{"version":3,"file":"select.vue2.mjs","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"],"mappings":";;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,UAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA+BD,IAAM,MAAA,aAAA,GAAgB,GAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAC1C,IAAA,MAAM,eAAkB,GAAA,GAAA,CAAI,KAAM,CAAA,OAAA,IAAW,EAAE,CAAA,CAAA;AAG/C,IAAM,KAAA,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,MAAA,OAAA;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -33,13 +33,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
33
33
|
return shadows.value.join(",");
|
34
34
|
});
|
35
35
|
watch(boxShadow, (n, o) => {
|
36
|
-
emit("update:modelValue", { boxShadow });
|
36
|
+
emit("update:modelValue", { boxShadow: boxShadow.value });
|
37
37
|
});
|
38
38
|
watch(
|
39
39
|
() => props.modelValue,
|
40
40
|
() => {
|
41
41
|
init();
|
42
|
-
}
|
42
|
+
},
|
43
|
+
{ deep: true }
|
43
44
|
);
|
44
45
|
onMounted(() => {
|
45
46
|
init();
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"style-shadow-input.vue2.mjs","sources":["../../../src/style-shadow-input/src/style-shadow-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkStyleShadowInput',\n});\n</script>\n<template>\n <div class=\"dk-style-shadow-input\">\n <el-collapse v-if=\"type === 'collapse'\" v-model=\"activeName\" accordion>\n <el-collapse-item
|
1
|
+
{"version":3,"file":"style-shadow-input.vue2.mjs","sources":["../../../src/style-shadow-input/src/style-shadow-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkStyleShadowInput',\n});\n</script>\n<template>\n <div class=\"dk-style-shadow-input\">\n <el-collapse v-if=\"type === 'collapse'\" v-model=\"activeName\" accordion>\n <el-collapse-item v-for=\"(item, key) in shadows\" :key=\"key\" :title=\"item\" :name=\"key + ''\">\n <dk-style-shadow-content v-model=\"shadows[key]\"></dk-style-shadow-content>\n </el-collapse-item>\n </el-collapse>\n <ul v-else class=\"shadow-list\">\n <li v-for=\"(item, key) in shadows\" :key=\"key\">\n <el-input v-model=\"shadows[key]\" disabled>\n <template #append>\n <el-popover placement=\"right-start\" title=\"\" width=\"380\" trigger=\"click\">\n <template #reference>\n <el-button>设置</el-button>\n </template>\n <dk-style-shadow-content v-model=\"shadows[key]\"></dk-style-shadow-content>\n </el-popover>\n </template>\n </el-input>\n <dk-icon class=\"close-shadow\" icon=\"Close\" hover-color=\"#f00\" @click=\"delShadow(key)\"></dk-icon>\n </li>\n </ul>\n <el-button class=\"m-t-10px w-100%\" @click=\"addShadow\">\n <dk-icon icon=\"Plus\"></dk-icon>\n </el-button>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { shadowInputProps } from './props'\nimport { computed, onMounted, ref, watch } from 'vue'\n\n\n\nconst props = defineProps(shadowInputProps)\n\nconst shadows: any = ref([])\n\nconst activeName = ref('1')\nconst addShadow = () => {\n shadows.value.push('1px 1px 1px 1px #000')\n activeName.value = shadows.value.length - 1 + ''\n}\n\nconst delShadow = (index: number) => {\n shadows.value.splice(index, 1)\n}\n\nconst init = () => {\n if (props.modelValue.boxShadow) {\n shadows.value = props.modelValue.boxShadow.split(',')\n }\n}\n\nconst emit = defineEmits(['update:modelValue'])\n\nconst boxShadow = computed(() => {\n return shadows.value.join(',')\n})\n\nwatch(boxShadow, (n, o) => {\n emit('update:modelValue', { boxShadow: boxShadow.value })\n})\n\nwatch(\n () => props.modelValue,\n () => {\n init()\n },\n { deep: true }\n)\n\nonMounted(() => {\n init()\n})\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,oBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAsCD,IAAM,MAAA,OAAA,GAAe,GAAI,CAAA,EAAE,CAAA,CAAA;AAE3B,IAAM,MAAA,UAAA,GAAa,IAAI,GAAG,CAAA,CAAA;AAC1B,IAAA,MAAM,YAAY,MAAM;AACtB,MAAQ,OAAA,CAAA,KAAA,CAAM,KAAK,sBAAsB,CAAA,CAAA;AACzC,MAAA,UAAA,CAAW,KAAQ,GAAA,OAAA,CAAQ,KAAM,CAAA,MAAA,GAAS,CAAI,GAAA,EAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,CAAC,KAAkB,KAAA;AACnC,MAAQ,OAAA,CAAA,KAAA,CAAM,MAAO,CAAA,KAAA,EAAO,CAAC,CAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAI,IAAA,KAAA,CAAM,WAAW,SAAW,EAAA;AAC9B,QAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAM,UAAW,CAAA,SAAA,CAAU,MAAM,GAAG,CAAA,CAAA;AAAA,OACtD;AAAA,KACF,CAAA;AAIA,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAO,OAAA,OAAA,CAAQ,KAAM,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAAA,KAC9B,CAAA,CAAA;AAED,IAAM,KAAA,CAAA,SAAA,EAAW,CAAC,CAAA,EAAG,CAAM,KAAA;AACzB,MAAA,IAAA,CAAK,mBAAqB,EAAA,EAAE,SAAW,EAAA,SAAA,CAAU,OAAO,CAAA,CAAA;AAAA,KACzD,CAAA,CAAA;AAED,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;AACJ,QAAK,IAAA,EAAA,CAAA;AAAA,OACP;AAAA,MACA,EAAE,MAAM,IAAK,EAAA;AAAA,KACf,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -53,7 +53,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
53
53
|
}, { ...props }, {
|
54
54
|
"remote-method": remoteMethod,
|
55
55
|
remote: "",
|
56
|
-
placeholder: "
|
56
|
+
placeholder: "\u8BF7\u9009\u62E9",
|
57
57
|
options: internalOptions.value,
|
58
58
|
style: { "width": "100%" },
|
59
59
|
onChange: handleChange,
|
@@ -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=\"
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -37,13 +37,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
37
37
|
return shadows.value.join(",");
|
38
38
|
});
|
39
39
|
vue.watch(boxShadow, (n, o) => {
|
40
|
-
emit("update:modelValue", { boxShadow });
|
40
|
+
emit("update:modelValue", { boxShadow: boxShadow.value });
|
41
41
|
});
|
42
42
|
vue.watch(
|
43
43
|
() => props.modelValue,
|
44
44
|
() => {
|
45
45
|
init();
|
46
|
-
}
|
46
|
+
},
|
47
|
+
{ deep: true }
|
47
48
|
);
|
48
49
|
vue.onMounted(() => {
|
49
50
|
init();
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"style-shadow-input.vue2.js","sources":["../../../src/style-shadow-input/src/style-shadow-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkStyleShadowInput',\n});\n</script>\n<template>\n <div class=\"dk-style-shadow-input\">\n <el-collapse v-if=\"type === 'collapse'\" v-model=\"activeName\" accordion>\n <el-collapse-item
|
1
|
+
{"version":3,"file":"style-shadow-input.vue2.js","sources":["../../../src/style-shadow-input/src/style-shadow-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkStyleShadowInput',\n});\n</script>\n<template>\n <div class=\"dk-style-shadow-input\">\n <el-collapse v-if=\"type === 'collapse'\" v-model=\"activeName\" accordion>\n <el-collapse-item v-for=\"(item, key) in shadows\" :key=\"key\" :title=\"item\" :name=\"key + ''\">\n <dk-style-shadow-content v-model=\"shadows[key]\"></dk-style-shadow-content>\n </el-collapse-item>\n </el-collapse>\n <ul v-else class=\"shadow-list\">\n <li v-for=\"(item, key) in shadows\" :key=\"key\">\n <el-input v-model=\"shadows[key]\" disabled>\n <template #append>\n <el-popover placement=\"right-start\" title=\"\" width=\"380\" trigger=\"click\">\n <template #reference>\n <el-button>设置</el-button>\n </template>\n <dk-style-shadow-content v-model=\"shadows[key]\"></dk-style-shadow-content>\n </el-popover>\n </template>\n </el-input>\n <dk-icon class=\"close-shadow\" icon=\"Close\" hover-color=\"#f00\" @click=\"delShadow(key)\"></dk-icon>\n </li>\n </ul>\n <el-button class=\"m-t-10px w-100%\" @click=\"addShadow\">\n <dk-icon icon=\"Plus\"></dk-icon>\n </el-button>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { shadowInputProps } from './props'\nimport { computed, onMounted, ref, watch } from 'vue'\n\n\n\nconst props = defineProps(shadowInputProps)\n\nconst shadows: any = ref([])\n\nconst activeName = ref('1')\nconst addShadow = () => {\n shadows.value.push('1px 1px 1px 1px #000')\n activeName.value = shadows.value.length - 1 + ''\n}\n\nconst delShadow = (index: number) => {\n shadows.value.splice(index, 1)\n}\n\nconst init = () => {\n if (props.modelValue.boxShadow) {\n shadows.value = props.modelValue.boxShadow.split(',')\n }\n}\n\nconst emit = defineEmits(['update:modelValue'])\n\nconst boxShadow = computed(() => {\n return shadows.value.join(',')\n})\n\nwatch(boxShadow, (n, o) => {\n emit('update:modelValue', { boxShadow: boxShadow.value })\n})\n\nwatch(\n () => props.modelValue,\n () => {\n init()\n },\n { deep: true }\n)\n\nonMounted(() => {\n init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","ref","computed","watch","onMounted"],"mappings":";;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,oBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAsCD,IAAM,MAAA,OAAA,GAAeC,OAAI,CAAA,EAAE,CAAA,CAAA;AAE3B,IAAM,MAAA,UAAA,GAAaA,QAAI,GAAG,CAAA,CAAA;AAC1B,IAAA,MAAM,YAAY,MAAM;AACtB,MAAQ,OAAA,CAAA,KAAA,CAAM,KAAK,sBAAsB,CAAA,CAAA;AACzC,MAAA,UAAA,CAAW,KAAQ,GAAA,OAAA,CAAQ,KAAM,CAAA,MAAA,GAAS,CAAI,GAAA,EAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,CAAC,KAAkB,KAAA;AACnC,MAAQ,OAAA,CAAA,KAAA,CAAM,MAAO,CAAA,KAAA,EAAO,CAAC,CAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAI,IAAA,KAAA,CAAM,WAAW,SAAW,EAAA;AAC9B,QAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAM,UAAW,CAAA,SAAA,CAAU,MAAM,GAAG,CAAA,CAAA;AAAA,OACtD;AAAA,KACF,CAAA;AAIA,IAAM,MAAA,SAAA,GAAYC,aAAS,MAAM;AAC/B,MAAO,OAAA,OAAA,CAAQ,KAAM,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAAA,KAC9B,CAAA,CAAA;AAED,IAAMC,SAAA,CAAA,SAAA,EAAW,CAAC,CAAA,EAAG,CAAM,KAAA;AACzB,MAAA,IAAA,CAAK,mBAAqB,EAAA,EAAE,SAAW,EAAA,SAAA,CAAU,OAAO,CAAA,CAAA;AAAA,KACzD,CAAA,CAAA;AAED,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;AACJ,QAAK,IAAA,EAAA,CAAA;AAAA,OACP;AAAA,MACA,EAAE,MAAM,IAAK,EAAA;AAAA,KACf,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|