@vipl520/dk-ui 1.0.41 → 1.0.44

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

@@ -1,24 +1,28 @@
 import { createElementVNode, defineComponent, ref, reactive, computed, watch, onMounted, resolveComponent, openBlock, createElementBlock, normalizeStyle, createVNode, withCtx, createTextVNode, Fragment, renderList, createBlock, toDisplayString, normalizeClass } from 'vue';
 import { useElementSize } from '@vueuse/core';
 
-const _hoisted_1 = { class: "shadow-content-shortcut" };
-const _hoisted_2 = { class: "default-css m-b-10px" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode(
+const _hoisted_1 = { class: "flex" };
+const _hoisted_2 = { class: "flex" };
+const _hoisted_3 = { class: "flex" };
+const _hoisted_4 = { class: "flex" };
+const _hoisted_5 = { class: "shadow-content-shortcut" };
+const _hoisted_6 = { class: "default-css m-b-10px" };
+const _hoisted_7 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "m-b-10px" },
   "\u5E38\u7528\u6837\u5F0F",
   -1
   /* HOISTED */
 );
-const _hoisted_4 = /* @__PURE__ */ createElementVNode(
+const _hoisted_8 = /* @__PURE__ */ createElementVNode(
   "i",
   { id: "center" },
   null,
   -1
   /* HOISTED */
 );
-const _hoisted_5 = [
-  _hoisted_4
+const _hoisted_9 = [
+  _hoisted_8
 ];
 const __default__ = defineComponent({
   name: "DkStyleShadowContent"
@@ -151,9 +155,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_radio_group = resolveComponent("el-radio-group");
       const _component_el_form_item = resolveComponent("el-form-item");
       const _component_dk_color_input = resolveComponent("dk-color-input");
+      const _component_el_input = resolveComponent("el-input");
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
-      const _component_el_input = resolveComponent("el-input");
       const _component_el_form = resolveComponent("el-form");
       const _component_el_button = resolveComponent("el-button");
       return openBlock(), createElementBlock(
@@ -179,14 +183,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.type = $event)
                   }, {
                     default: withCtx(() => [
-                      createVNode(_component_el_radio_button, { label: "external" }, {
+                      createVNode(_component_el_radio_button, { value: "external" }, {
                         default: withCtx(() => [
                           createTextVNode("\u5916\u90E8")
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      createVNode(_component_el_radio_button, { label: "inset" }, {
+                      createVNode(_component_el_radio_button, { value: "inset" }, {
                         default: withCtx(() => [
                           createTextVNode("\u5185\u90E8")
                         ]),
@@ -214,164 +218,145 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               }),
               createVNode(_component_el_form_item, { label: "x\u8F74" }, {
                 default: withCtx(() => [
-                  createVNode(_component_el_input, {
-                    modelValue: form.x,
-                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => form.x = $event),
-                    type: "number"
-                  }, {
-                    append: withCtx(() => [
-                      createVNode(_component_el_select, {
-                        modelValue: form.x_unit,
-                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.x_unit = $event),
-                        placeholder: "\u8BF7\u9009\u62E9",
-                        class: "w-40px",
-                        "suffix-icon": ""
-                      }, {
-                        default: withCtx(() => [
-                          (openBlock(), createElementBlock(
-                            Fragment,
-                            null,
-                            renderList(units, (item) => {
-                              return createVNode(_component_el_option, {
-                                key: item,
-                                label: item,
-                                value: item
-                              }, null, 8, ["label", "value"]);
-                            }),
-                            64
-                            /* STABLE_FRAGMENT */
-                          ))
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      }, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["modelValue"])
+                  createElementVNode("div", _hoisted_1, [
+                    createVNode(_component_el_input, {
+                      modelValue: form.x,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.x = $event),
+                      type: "number"
+                    }, null, 8, ["modelValue"]),
+                    createVNode(_component_el_select, {
+                      modelValue: form.x_unit,
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => form.x_unit = $event),
+                      placeholder: "\u8BF7\u9009\u62E9"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(), createElementBlock(
+                          Fragment,
+                          null,
+                          renderList(units, (item) => {
+                            return createVNode(_component_el_option, {
+                              key: item,
+                              label: item,
+                              value: item
+                            }, null, 8, ["label", "value"]);
+                          }),
+                          64
+                          /* STABLE_FRAGMENT */
+                        ))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["modelValue"])
+                  ])
                 ]),
                 _: 1
                 /* STABLE */
               }),
               createVNode(_component_el_form_item, { label: "y\u8F74" }, {
                 default: withCtx(() => [
-                  createVNode(_component_el_input, {
-                    modelValue: form.y,
-                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form.y = $event),
-                    type: "number"
-                  }, {
-                    append: withCtx(() => [
-                      createVNode(_component_el_select, {
-                        modelValue: form.y_unit,
-                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.y_unit = $event),
-                        placeholder: "\u8BF7\u9009\u62E9",
-                        class: "w-40px",
-                        "suffix-icon": ""
-                      }, {
-                        default: withCtx(() => [
-                          (openBlock(), createElementBlock(
-                            Fragment,
-                            null,
-                            renderList(units, (item) => {
-                              return createVNode(_component_el_option, {
-                                key: item,
-                                label: item,
-                                value: item
-                              }, null, 8, ["label", "value"]);
-                            }),
-                            64
-                            /* STABLE_FRAGMENT */
-                          ))
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      }, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["modelValue"])
+                  createElementVNode("div", _hoisted_2, [
+                    createVNode(_component_el_input, {
+                      modelValue: form.y,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.y = $event),
+                      type: "number"
+                    }, null, 8, ["modelValue"]),
+                    createVNode(_component_el_select, {
+                      modelValue: form.y_unit,
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form.y_unit = $event),
+                      placeholder: "\u8BF7\u9009\u62E9",
+                      class: "w-40px"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(), createElementBlock(
+                          Fragment,
+                          null,
+                          renderList(units, (item) => {
+                            return createVNode(_component_el_option, {
+                              key: item,
+                              label: item,
+                              value: item
+                            }, null, 8, ["label", "value"]);
+                          }),
+                          64
+                          /* STABLE_FRAGMENT */
+                        ))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["modelValue"])
+                  ])
                 ]),
                 _: 1
                 /* STABLE */
               }),
               createVNode(_component_el_form_item, { label: "\u6A21\u7CCA" }, {
                 default: withCtx(() => [
-                  createVNode(_component_el_input, {
-                    modelValue: form.vague,
-                    "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => form.vague = $event),
-                    type: "number"
-                  }, {
-                    append: withCtx(() => [
-                      createVNode(_component_el_select, {
-                        modelValue: form.vague_unit,
-                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => form.vague_unit = $event),
-                        placeholder: "\u8BF7\u9009\u62E9",
-                        class: "w-40px",
-                        "suffix-icon": ""
-                      }, {
-                        default: withCtx(() => [
-                          (openBlock(), createElementBlock(
-                            Fragment,
-                            null,
-                            renderList(units, (item) => {
-                              return createVNode(_component_el_option, {
-                                key: item,
-                                label: item,
-                                value: item
-                              }, null, 8, ["label", "value"]);
-                            }),
-                            64
-                            /* STABLE_FRAGMENT */
-                          ))
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      }, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["modelValue"])
+                  createElementVNode("div", _hoisted_3, [
+                    createVNode(_component_el_input, {
+                      modelValue: form.vague,
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => form.vague = $event),
+                      type: "number"
+                    }, null, 8, ["modelValue"]),
+                    createVNode(_component_el_select, {
+                      modelValue: form.vague_unit,
+                      "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => form.vague_unit = $event),
+                      placeholder: "\u8BF7\u9009\u62E9"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(), createElementBlock(
+                          Fragment,
+                          null,
+                          renderList(units, (item) => {
+                            return createVNode(_component_el_option, {
+                              key: item,
+                              label: item,
+                              value: item
+                            }, null, 8, ["label", "value"]);
+                          }),
+                          64
+                          /* STABLE_FRAGMENT */
+                        ))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["modelValue"])
+                  ])
                 ]),
                 _: 1
                 /* STABLE */
               }),
               createVNode(_component_el_form_item, { label: "\u6269\u5C55" }, {
                 default: withCtx(() => [
-                  createVNode(_component_el_input, {
-                    modelValue: form.extend,
-                    "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => form.extend = $event),
-                    type: "number"
-                  }, {
-                    append: withCtx(() => [
-                      createVNode(_component_el_select, {
-                        modelValue: form.extend_unit,
-                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => form.extend_unit = $event),
-                        placeholder: "\u8BF7\u9009\u62E9",
-                        class: "w-40px",
-                        "suffix-icon": ""
-                      }, {
-                        default: withCtx(() => [
-                          (openBlock(), createElementBlock(
-                            Fragment,
-                            null,
-                            renderList(units, (item) => {
-                              return createVNode(_component_el_option, {
-                                key: item,
-                                label: item,
-                                value: item
-                              }, null, 8, ["label", "value"]);
-                            }),
-                            64
-                            /* STABLE_FRAGMENT */
-                          ))
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      }, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["modelValue"])
+                  createElementVNode("div", _hoisted_4, [
+                    createVNode(_component_el_input, {
+                      modelValue: form.extend,
+                      "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => form.extend = $event),
+                      type: "number"
+                    }, null, 8, ["modelValue"]),
+                    createVNode(_component_el_select, {
+                      modelValue: form.extend_unit,
+                      "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => form.extend_unit = $event),
+                      placeholder: "\u8BF7\u9009\u62E9"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(), createElementBlock(
+                          Fragment,
+                          null,
+                          renderList(units, (item) => {
+                            return createVNode(_component_el_option, {
+                              key: item,
+                              label: item,
+                              value: item
+                            }, null, 8, ["label", "value"]);
+                          }),
+                          64
+                          /* STABLE_FRAGMENT */
+                        ))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["modelValue"])
+                  ])
                 ]),
                 _: 1
                 /* STABLE */
@@ -380,9 +365,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
             /* STABLE */
           }, 8, ["size"]),
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, [
-              _hoisted_3,
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", _hoisted_6, [
+              _hoisted_7,
               (openBlock(true), createElementBlock(
                 Fragment,
                 null,
@@ -426,7 +411,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     id: "spot",
                     style: normalizeStyle(spotStyle.value)
                   },
-                  _hoisted_5,
+                  _hoisted_9,
                   4
                   /* STYLE */
                 ),

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

@@ -1 +1 @@
-{"version":3,"file":"style-shadow-content.vue2.mjs","sources":["../../../src/style-shadow-input/src/style-shadow-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleShadowContent',\n});\n</script>\n<template>\n  <div ref=\"el\" class=\"dk-style-shadow-content\" :style=\"{ '--shadow-box-width': boxSize + 'px' }\">\n    <el-form label-width=\"60px\" label-position=\"left\" class=\"shadow-form-content\" :size=\"size\">\n      <el-form-item label=\"模式\">\n        <el-radio-group v-model=\"form.type\">\n          <el-radio-button label=\"external\">外部</el-radio-button>\n          <el-radio-button label=\"inset\">内部</el-radio-button>\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item label=\"颜色\">\n        <dk-color-input v-model=\"form.color\" show-alpha></dk-color-input>\n      </el-form-item>\n      <el-form-item label=\"x轴\">\n        <el-input v-model=\"form.x\" type=\"number\">\n          <template #append>\n            <el-select v-model=\"form.x_unit\" placeholder=\"请选择\" class=\"w-40px\" suffix-icon=\"\">\n              <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n      <el-form-item label=\"y轴\">\n        <el-input v-model=\"form.y\" type=\"number\">\n          <template #append>\n            <el-select v-model=\"form.y_unit\" placeholder=\"请选择\" class=\"w-40px\" suffix-icon=\"\">\n              <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n      <el-form-item label=\"模糊\">\n        <el-input v-model=\"form.vague\" type=\"number\">\n          <template #append>\n            <el-select v-model=\"form.vague_unit\" placeholder=\"请选择\" class=\"w-40px\" suffix-icon=\"\">\n              <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n      <el-form-item label=\"扩展\">\n        <el-input v-model=\"form.extend\" type=\"number\">\n          <template #append>\n            <el-select v-model=\"form.extend_unit\" placeholder=\"请选择\" class=\"w-40px\" suffix-icon=\"\">\n              <el-option v-for=\"item in units\" :key=\"item\" :label=\"item\" :value=\"item\" />\n            </el-select>\n          </template>\n        </el-input>\n      </el-form-item>\n    </el-form>\n    <div class=\"shadow-content-shortcut\">\n      <div class=\"default-css m-b-10px\">\n        <div class=\"m-b-10px\">常用样式</div>\n        <el-button v-for=\"(item, key) in props.defaultStyles\" :key=\"key\" size=\"small\" @click=\"setStyle(item)\">{{\n          item.label\n        }}</el-button>\n      </div>\n      <div\n        ref=\"box\"\n        class=\"shadow-content-box\"\n        :class=\"down ? 'down' : ''\"\n        :style=\"{ height: boxSize + 'px', width: boxSize + 'px' }\"\n        @click=\"getMouseXY($event, 1)\"\n        @mousedown=\"onMousedown\"\n        @mouseup=\"down = false\"\n        @mousemove=\"getMouseXY($event, 0)\"\n      >\n        <span id=\"spot\" :style=\"spotStyle\">\n          <i id=\"center\" />\n        </span>\n        <span id=\"center-spot\" :style=\"{ top: boxSize / 2 + 'px', left: boxSize / 2 + 'px' }\" />\n        <div class=\"x-hr\" :style=\"{ top: boxSize / 2 + 'px' }\" />\n        <div class=\"y-hr\" :style=\"{ left: boxSize / 2 + 'px' }\" />\n        <div class=\"line\" :style=\"lineStyle\" />\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport { useElementSize } from '@vueuse/core'\nconst el: any = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\n\n\n// interface StyleOption {\n//   label: string\n//   value: string\n// }\nconst props = defineProps({\n  boxSize: {\n    default: 180,\n    type: Number,\n  },\n  size: {\n    default: 'small',\n    type: String,\n  },\n  max: {\n    default: 24,\n    type: Number,\n  },\n  modelValue: {\n    default: '0px 0px 0px rgba(0, 0, 0, 0)',\n    type: String,\n  },\n  defaultStyles: {\n    default: () => {\n      return [\n        { label: '经典', value: '3px 5px 7px 2px #CBCBCBFF' },\n        { label: '扁平', value: '4px 4px 3px -2px #E7E5E5FF' },\n        { label: '立体', value: '1px 2px 4px 2px #979797FF' },\n      ]\n    },\n    type: Array as () => any,\n  },\n})\nconst form = reactive({\n  color: '',\n  type: 'external',\n  x: 0,\n  y: 0,\n  vague: 0,\n  extend: 0,\n  x_unit: 'px',\n  y_unit: 'px',\n  vague_unit: 'px',\n  extend_unit: 'px',\n})\n\nconst units = ['px', '%', 'rem', 'em', 'vw', 'vh']\nconst down = ref(false)\nconst position: any = reactive({\n  left: 0,\n  top: 0,\n})\n\nconst lineStyle = ref('')\nconst box = ref()\nconst spotStyle = computed(() => {\n  return {\n    left: position.left + 'px',\n    top: position.top + 'px',\n  }\n})\n\nconst getMouseXY = (e: any, force: any) => {\n  if (down.value || force) {\n    const _box = box.value.getBoundingClientRect()\n    position.left = parseInt(String(e.clientX - _box.x))\n    position.top = parseInt(String(e.clientY - _box.y))\n  }\n}\n\nwatch(position, () => {\n  form.x = parseInt(String(((position.left - props.boxSize / 2) / props.boxSize) * props.max))\n  form.y = parseInt(String(((position.top - props.boxSize / 2) / props.boxSize) * props.max))\n})\nconst emit = defineEmits(['update:modelValue'])\nwatch(form, () => {\n  let value = `${form.x}${form.x_unit} ${form.y}${form.y_unit} ${form.vague}${form.vague_unit} ${form.extend}${form.extend_unit} ${form.color}`\n  if (form.type === 'inset') {\n    value = value + ' inset'\n  }\n  emit('update:modelValue', value)\n})\nconst onMousedown = (e: any) => {\n  getMouseXY(e, 1)\n  down.value = true\n}\n\nconst initStyle = (modelValue: any) => {\n  if (modelValue?.indexOf(' inset') > -1) {\n    form.type = 'inset'\n    modelValue = modelValue.replace(' inset', '')\n  }\n  const shadowData = modelValue.split('rgba')\n  let color, shadowValues: any\n\n  if (shadowData.length > 1) {\n    // 将颜色值和其他阴影值进行分离\n    color = 'rgba' + shadowData[1].trim()\n    shadowValues = shadowData[0].trim().split(' ')\n  } else {\n    shadowValues = shadowData[0].trim().split(' ')\n    color = shadowValues.pop()\n  }\n  form.color = color || '#000'\n  form.x = parseInt(shadowValues[0]) || 0\n  form.y = parseInt(shadowValues[1]) || 0\n  form.vague = parseInt(shadowValues[2]) || 0\n  form.extend = parseInt(shadowValues[3]) || 0\n\n  const getUnit = (value: any) => {\n    let unit = value?.replace(/[-\\d.]/g, '') || 'px'\n    if (units.indexOf(unit) === -1) {\n      unit = 'px'\n    }\n    return unit\n  }\n  form.x_unit = getUnit(shadowValues[0])\n  form.y_unit = getUnit(shadowValues[1])\n  form.vague_unit = getUnit(shadowValues[2])\n  form.extend_unit = getUnit(shadowValues[3])\n  position.left = props.boxSize / 2 + (form.x / props.max) * props.boxSize || 0\n  position.top = props.boxSize / 2 + (form.y / props.max) * props.boxSize || 0\n}\n\nconst setStyle = (item: any) => {\n  const style = item.value\n  initStyle(style)\n}\n\nonMounted(() => {\n  // let modelValue = props.modelValue\n  initStyle(props.modelValue)\n})\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":"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"}
+{"version":3,"file":"style-shadow-content.vue2.mjs","sources":["../../../src/style-shadow-input/src/style-shadow-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleShadowContent',\n});\n</script>\n<template>\n  <div ref=\"el\" class=\"dk-style-shadow-content\" :style=\"{ '--shadow-box-width': boxSize + 'px' }\">\n    <el-form label-width=\"60px\" label-position=\"left\" class=\"shadow-form-content\" :size=\"size\">\n      <el-form-item label=\"模式\">\n        <el-radio-group v-model=\"form.type\">\n          <el-radio-button value=\"external\">外部</el-radio-button>\n          <el-radio-button value=\"inset\">内部</el-radio-button>\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item label=\"颜色\">\n        <dk-color-input v-model=\"form.color\" show-alpha></dk-color-input>\n      </el-form-item>\n      <el-form-item label=\"x轴\">\n        <div class=\"flex\">\n          <el-input v-model=\"form.x\" type=\"number\"> </el-input>\n          <el-select v-model=\"form.x_unit\" placeholder=\"请选择\">\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 label=\"y轴\">\n        <div class=\"flex\">\n          <el-input v-model=\"form.y\" type=\"number\"> </el-input>\n          <el-select v-model=\"form.y_unit\" placeholder=\"请选择\" class=\"w-40px\">\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 label=\"模糊\">\n        <div class=\"flex\">\n          <el-input v-model=\"form.vague\" type=\"number\"> </el-input>\n          <el-select v-model=\"form.vague_unit\" placeholder=\"请选择\">\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 label=\"扩展\">\n        <div class=\"flex\">\n          <el-input v-model=\"form.extend\" type=\"number\"> </el-input>\n          <el-select v-model=\"form.extend_unit\" placeholder=\"请选择\">\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>\n    <div class=\"shadow-content-shortcut\">\n      <div class=\"default-css m-b-10px\">\n        <div class=\"m-b-10px\">常用样式</div>\n        <el-button v-for=\"(item, key) in props.defaultStyles\" :key=\"key\" size=\"small\" @click=\"setStyle(item)\">{{\n          item.label\n        }}</el-button>\n      </div>\n      <div\n        ref=\"box\"\n        class=\"shadow-content-box\"\n        :class=\"down ? 'down' : ''\"\n        :style=\"{ height: boxSize + 'px', width: boxSize + 'px' }\"\n        @click=\"getMouseXY($event, 1)\"\n        @mousedown=\"onMousedown\"\n        @mouseup=\"down = false\"\n        @mousemove=\"getMouseXY($event, 0)\"\n      >\n        <span id=\"spot\" :style=\"spotStyle\">\n          <i id=\"center\" />\n        </span>\n        <span id=\"center-spot\" :style=\"{ top: boxSize / 2 + 'px', left: boxSize / 2 + 'px' }\" />\n        <div class=\"x-hr\" :style=\"{ top: boxSize / 2 + 'px' }\" />\n        <div class=\"y-hr\" :style=\"{ left: boxSize / 2 + 'px' }\" />\n        <div class=\"line\" :style=\"lineStyle\" />\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport { useElementSize } from '@vueuse/core'\nconst el: any = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\n\n\n// interface StyleOption {\n//   label: string\n//   value: string\n// }\nconst props = defineProps({\n  boxSize: {\n    default: 180,\n    type: Number,\n  },\n  size: {\n    default: 'small',\n    type: String,\n  },\n  max: {\n    default: 24,\n    type: Number,\n  },\n  modelValue: {\n    default: '0px 0px 0px rgba(0, 0, 0, 0)',\n    type: String,\n  },\n  defaultStyles: {\n    default: () => {\n      return [\n        { label: '经典', value: '3px 5px 7px 2px #CBCBCBFF' },\n        { label: '扁平', value: '4px 4px 3px -2px #E7E5E5FF' },\n        { label: '立体', value: '1px 2px 4px 2px #979797FF' },\n      ]\n    },\n    type: Array as () => any,\n  },\n})\nconst form = reactive({\n  color: '',\n  type: 'external',\n  x: 0,\n  y: 0,\n  vague: 0,\n  extend: 0,\n  x_unit: 'px',\n  y_unit: 'px',\n  vague_unit: 'px',\n  extend_unit: 'px',\n})\n\nconst units = ['px', '%', 'rem', 'em', 'vw', 'vh']\nconst down = ref(false)\nconst position: any = reactive({\n  left: 0,\n  top: 0,\n})\n\nconst lineStyle = ref('')\nconst box = ref()\nconst spotStyle = computed(() => {\n  return {\n    left: position.left + 'px',\n    top: position.top + 'px',\n  }\n})\n\nconst getMouseXY = (e: any, force: any) => {\n  if (down.value || force) {\n    const _box = box.value.getBoundingClientRect()\n    position.left = parseInt(String(e.clientX - _box.x))\n    position.top = parseInt(String(e.clientY - _box.y))\n  }\n}\n\nwatch(position, () => {\n  form.x = parseInt(String(((position.left - props.boxSize / 2) / props.boxSize) * props.max))\n  form.y = parseInt(String(((position.top - props.boxSize / 2) / props.boxSize) * props.max))\n})\nconst emit = defineEmits(['update:modelValue'])\nwatch(form, () => {\n  let value = `${form.x}${form.x_unit} ${form.y}${form.y_unit} ${form.vague}${form.vague_unit} ${form.extend}${form.extend_unit} ${form.color}`\n  if (form.type === 'inset') {\n    value = value + ' inset'\n  }\n  emit('update:modelValue', value)\n})\nconst onMousedown = (e: any) => {\n  getMouseXY(e, 1)\n  down.value = true\n}\n\nconst initStyle = (modelValue: any) => {\n  if (modelValue?.indexOf(' inset') > -1) {\n    form.type = 'inset'\n    modelValue = modelValue.replace(' inset', '')\n  }\n  const shadowData = modelValue.split('rgba')\n  let color, shadowValues: any\n\n  if (shadowData.length > 1) {\n    // 将颜色值和其他阴影值进行分离\n    color = 'rgba' + shadowData[1].trim()\n    shadowValues = shadowData[0].trim().split(' ')\n  } else {\n    shadowValues = shadowData[0].trim().split(' ')\n    color = shadowValues.pop()\n  }\n  form.color = color || '#000'\n  form.x = parseInt(shadowValues[0]) || 0\n  form.y = parseInt(shadowValues[1]) || 0\n  form.vague = parseInt(shadowValues[2]) || 0\n  form.extend = parseInt(shadowValues[3]) || 0\n\n  const getUnit = (value: any) => {\n    let unit = value?.replace(/[-\\d.]/g, '') || 'px'\n    if (units.indexOf(unit) === -1) {\n      unit = 'px'\n    }\n    return unit\n  }\n  form.x_unit = getUnit(shadowValues[0])\n  form.y_unit = getUnit(shadowValues[1])\n  form.vague_unit = getUnit(shadowValues[2])\n  form.extend_unit = getUnit(shadowValues[3])\n  position.left = props.boxSize / 2 + (form.x / props.max) * props.boxSize || 0\n  position.top = props.boxSize / 2 + (form.y / props.max) * props.boxSize || 0\n}\n\nconst setStyle = (item: any) => {\n  const style = item.value\n  initStyle(style)\n}\n\nonMounted(() => {\n  // let modelValue = props.modelValue\n  initStyle(props.modelValue)\n})\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":"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"}

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

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => void;
         type: ObjectConstructor;
     };
-}, {}, 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<{
     type: {
         default: string;
         type: () => "input" | "collapse";
@@ -18,6 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Record<string, any>;
     type: "input" | "collapse";

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

@@ -12,7 +12,7 @@ const __default__ = defineComponent({
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: shadowInputProps,
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change"],
   setup(__props, { emit }) {
     const props = __props;
     const shadows = ref([]);
@@ -34,6 +34,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     watch(boxShadow, (n, o) => {
       emit("update:modelValue", { boxShadow: boxShadow.value });
+      emit("change", { boxShadow: boxShadow.value });
     });
     watch(
       () => props.modelValue,

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

@@ -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 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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', 'change'])\n\nconst boxShadow = computed(() => {\n  return shadows.value.join(',')\n})\n\nwatch(boxShadow, (n, o) => {\n  emit('update:modelValue', { boxShadow: boxShadow.value })\n  emit('change', { 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;AACxD,MAAA,IAAA,CAAK,QAAU,EAAA,EAAE,SAAW,EAAA,SAAA,CAAU,OAAO,CAAA,CAAA;AAAA,KAC9C,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/table/src/components/ComSearch.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComSearch.vue2.mjs","sources":["../../../../src/table/src/components/ComSearch.vue"],"sourcesContent":["<template>\n  <div ref=\"el\" class=\"table-com-search\">\n    <el-form label-position=\"top\" :model=\"DkTable.comSearch.form\" @submit.prevent=\"\" @keyup.enter=\"onComSearch\">\n      <el-row>\n        <template v-for=\"(item, idx) in DkTable.table.column\" :key=\"idx\">\n          <template v-if=\"item.operator !== false\">\n            <!-- 自定义渲染 component、slot -->\n            <el-col\n              v-if=\"item.comSearchRender == 'customRender' || item.comSearchRender == 'slot'\"\n              :span=\"spans.common\"\n            >\n              <!-- 外部可以使用 :deep() 选择器修改css样式 -->\n              <div class=\"com-search-col\">\n                <div v-if=\"item.comSearchShowLabel !== false\" class=\"com-search-col-label\">\n                  {{ item.label }}\n                </div>\n                <div class=\"com-search-col-input\">\n                  <!-- 自定义组件/函数渲染 -->\n                  <component\n                    :is=\"item.comSearchComponent\"\n                    v-if=\"item.comSearchRender == 'customRender'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    v-bind=\"item.comSearchProps\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                  ></component>\n\n                  <!-- 自定义渲染-slot -->\n                  <slot v-else-if=\"item.comSearchRender == 'slot'\" :name=\"item.comSearchSlotName\"></slot>\n                </div>\n              </div>\n            </el-col>\n\n            <!-- 时间范围 -->\n            <el-col\n              v-else-if=\"item.render == 'datetime' && (item.operator == 'RANGE' || item.operator == 'NOT RANGE')\"\n              :span=\"spans.datetime\"\n            >\n              <div class=\"com-search-col\">\n                <div v-if=\"item.comSearchShowLabel !== false\" class=\"com-search-col-label\">\n                  {{ item.label }}\n                </div>\n                <div class=\"com-search-col-input-range\">\n                  <el-date-picker\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    class=\"datetime-picker\"\n                    :default-value=\"\n                      DkTable.comSearch.form[item.prop! + '-default']\n                        ? DkTable.comSearch.form[item.prop! + '-default']\n                        : [new Date(), new Date()]\n                    \"\n                    :type=\"item.comSearchRender == 'date' ? 'daterange' : 'datetimerange'\"\n                    range-separator=\"到\"\n                    start-placeholder=\"开始日期\"\n                    end-placeholder=\"结束日期\"\n                    :value-format=\"item.comSearchRender == 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss'\"\n                    :teleported=\"false\"\n                  />\n                </div>\n              </div>\n            </el-col>\n            <!--时间范围-->\n            <el-col\n              v-else-if=\"item.render == 'time' && (item.operator == 'RANGE' || item.operator == 'NOT RANGE')\"\n              :span=\"spans.datetime\"\n            >\n              <div class=\"com-search-col\">\n                <div v-if=\"item.comSearchShowLabel !== false\" class=\"com-search-col-label\">\n                  {{ item.label }}\n                </div>\n                <div class=\"com-search-col-input-range\">\n                  <el-time-picker\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    is-range\n                    range-separator=\"到\"\n                    format=\"HH:mm:ss\"\n                    value-format=\"HH:mm:ss\"\n                    start-placeholder=\"开始时间\"\n                    end-placeholder=\"结束时间\"\n                  ></el-time-picker>\n                </div>\n              </div>\n            </el-col>\n            <el-col v-else :span=\"spans.common\">\n              <div class=\"com-search-col\">\n                <div v-if=\"item.comSearchShowLabel !== false\" class=\"com-search-col-label\">\n                  {{ item.label }}\n                </div>\n                <!-- 数字范围 -->\n                <div v-if=\"item.operator == 'RANGE' || item.operator == 'NOT RANGE'\" class=\"com-search-col-input-range\">\n                  <el-input\n                    v-model=\"DkTable.comSearch.form[item.prop! + '-start']\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    type=\"string\"\n                    :clearable=\"true\"\n                  ></el-input>\n                  <div class=\"range-separator\">到</div>\n                  <el-input\n                    v-model=\"DkTable.comSearch.form[item.prop! + '-end']\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    type=\"string\"\n                    :clearable=\"true\"\n                  ></el-input>\n                </div>\n                <!-- 是否 [NOT] NULL -->\n                <div v-else-if=\"item.operator == 'NULL' || item.operator == 'NOT NULL'\" class=\"com-search-col-input\">\n                  <el-checkbox\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :label=\"item.operator\"\n                    size=\"large\"\n                  ></el-checkbox>\n                </div>\n                <div v-else-if=\"item.operator\" class=\"com-search-col-input\">\n                  <!-- 时间筛选 -->\n                  <el-date-picker\n                    v-if=\"item.render == 'datetime' || item.comSearchRender == 'date'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    class=\"datetime-picker\"\n                    :type=\"item.comSearchRender == 'date' ? 'date' : 'datetime'\"\n                    :value-format=\"item.comSearchRender == 'date' ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss'\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    :default-value=\"\n                      DkTable.comSearch.form[item.prop! + '-default']\n                        ? DkTable.comSearch.form[item.prop! + '-default']\n                        : new Date()\n                    \"\n                    :teleported=\"false\"\n                  />\n                  <!-- 年筛选 -->\n                  <el-date-picker\n                    v-if=\"item.render == 'year'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    class=\"datetime-picker\"\n                    type=\"year\"\n                    value-format=\"YYYY\"\n                    style=\"width: 100%\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                  />\n                  <!-- tag、tags、select -->\n                  <el-select\n                    v-else-if=\"\n                      (item.render == 'tag' || item.render == 'tags' || item.comSearchRender == 'select') &&\n                      item.replaceValue\n                    \"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    :clearable=\"true\"\n                  >\n                    <el-option\n                      v-for=\"(opt, okey) in item.replaceValue\"\n                      :key=\"item.prop! + okey\"\n                      :label=\"opt\"\n                      :value=\"okey\"\n                    />\n                  </el-select>\n\n                  <!-- 远程 select -->\n                  <dk-select\n                    v-else-if=\"item.comSearchRender == 'remoteSelect'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    filterable\n                    :placeholder=\"item.operatorPlaceholder\"\n                    :remote-url=\"item.remoteUrl\"\n                  ></dk-select>\n\n                  <!-- 开关 -->\n                  <el-select\n                    v-else-if=\"item.render == 'switch'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    :clearable=\"true\"\n                  >\n                    <template v-if=\"!isEmpty(item.replaceValue)\">\n                      <el-option\n                        v-for=\"(opt, okey) in item.replaceValue\"\n                        :key=\"item.prop! + okey\"\n                        :label=\"opt\"\n                        :value=\"okey\"\n                      />\n                    </template>\n                    <template v-else>\n                      <el-option label=\"开\" value=\"1\" />\n                      <el-option label=\"关\" value=\"0\" />\n                    </template>\n                  </el-select>\n\n                  <!-- 字符串 -->\n                  <el-input\n                    v-else\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    type=\"string\"\n                    :clearable=\"true\"\n                  ></el-input>\n                </div>\n              </div>\n            </el-col>\n          </template>\n        </template>\n        <el-col :xs=\"24\" :sm=\"6\">\n          <div class=\"com-search-col pl-20\">\n            <el-button v-blur type=\"primary\" @click=\"onComSearch\"> 搜索</el-button>\n            <el-button @click=\"onResetForm()\">重置</el-button>\n          </div>\n        </el-col>\n      </el-row>\n    </el-form>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, ref, computed } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport { useElementSize } from '@vueuse/core'\nimport DkTableClass from '../../utils/dkTable'\n\nconst DkTable = inject('DkTable') as DkTableClass\nconst el: any = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\nconst spans = computed(() => {\n  if (width.value < 768) {\n    return {\n      common: 24,\n      datetime: 24,\n    }\n  }\n  if (width.value < 900) {\n    return {\n      common: 12,\n      datetime: 24,\n    }\n  }\n  if (width.value < 1200) {\n    return {\n      common: 8,\n      datetime: 16,\n    }\n  }\n  return {\n    common: 6,\n    datetime: 12,\n  }\n})\nconst onComSearch = () => {\n  const comSearchData: comSearchData[] = []\n  for (const key in DkTable.comSearch.form) {\n    if (!DkTable.comSearch.fieldData.has(key)) {\n      continue\n    }\n    let val = ''\n    const fieldDataTemp = DkTable.comSearch.fieldData.get(key)\n    if (\n      fieldDataTemp.render == 'datetime' &&\n      (fieldDataTemp.operator == 'RANGE' || fieldDataTemp.operator == 'NOT RANGE')\n    ) {\n      // 时间范围组件返回的是时间数组\n      if (DkTable.comSearch.form[key] && DkTable.comSearch.form[key].length >= 2) {\n        // 数组转字符串，以实现通过url参数传递预设搜索值\n        if (fieldDataTemp.comSearchRender == 'date') {\n          val = DkTable.comSearch.form[key][0] + ' 00:00:00' + ',' + DkTable.comSearch.form[key][1] + ' 23:59:59'\n        } else {\n          val = DkTable.comSearch.form[key][0] + ',' + DkTable.comSearch.form[key][1]\n        }\n      }\n    } else if (\n      fieldDataTemp.render == 'time' &&\n      (fieldDataTemp.operator == 'RANGE' || fieldDataTemp.operator == 'NOT RANGE')\n    ) {\n      // 时间范围组件返回的是时间数组\n      if (DkTable.comSearch.form[key] && DkTable.comSearch.form[key].length >= 2) {\n        // 数组转字符串，以实现通过url参数传递预设搜索值\n        // if (fieldDataTemp.comSearchRender == 'date') {\n        //   val = DkTable.comSearch.form[key][0] + ' 00:00:00' + ',' + DkTable.comSearch.form[key][1] + ' 23:59:59'\n        // } else {\n        val = DkTable.comSearch.form[key][0] + ',' + DkTable.comSearch.form[key][1]\n        // console.log('val', val, DkTable.comSearch.form[key])\n        // }\n      }\n    } else if (fieldDataTemp.operator == 'RANGE' || fieldDataTemp.operator == 'NOT RANGE') {\n      // 普通的范围筛选，DkTable在初始化时已准备好start和end字段\n      if (!DkTable.comSearch.form[key + '-start'] && !DkTable.comSearch.form[key + '-end']) {\n        continue\n      }\n      val = DkTable.comSearch.form[key + '-start'] + ',' + DkTable.comSearch.form[key + '-end']\n    } else if (DkTable.comSearch.form[key]) {\n      val = DkTable.comSearch.form[key]\n    }\n\n    if (val) {\n      comSearchData.push({\n        field: key,\n        val,\n        operator: fieldDataTemp.operator,\n        render: fieldDataTemp.render,\n      })\n    }\n  }\n\n  // console.log('comSearchData', comSearchData)\n  DkTable.onTableAction('com-search', comSearchData)\n}\n\nconst onResetForm = () => {\n  // 封装好的onResetForm在此处不能使用\n  for (const key in DkTable.comSearch.form) {\n    DkTable.comSearch.form[key] = ''\n  }\n  onComSearch()\n}\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ComSearch.vue2.mjs","sources":["../../../../src/table/src/components/ComSearch.vue"],"sourcesContent":["<template>\n  <div ref=\"el\" class=\"table-com-search\">\n    <el-form\n      label-position=\"top\"\n      :model=\"DkTable.comSearch.form\"\n      @submit.prevent=\"\"\n      @keyup.enter=\"onComSearch\"\n    >\n      <el-row>\n        <template v-for=\"(item, idx) in DkTable.table.column\" :key=\"idx\">\n          <template v-if=\"item.operator !== false\">\n            <!-- 自定义渲染 component、slot -->\n            <el-col\n              v-if=\"\n                item.comSearchRender == 'customRender' ||\n                item.comSearchRender == 'slot'\n              \"\n              :span=\"spans.common\"\n            >\n              <!-- 外部可以使用 :deep() 选择器修改css样式 -->\n              <div class=\"com-search-col\">\n                <div\n                  v-if=\"item.comSearchShowLabel !== false\"\n                  class=\"com-search-col-label\"\n                >\n                  {{ item.label }}\n                </div>\n                <div class=\"com-search-col-input\">\n                  <!-- 自定义组件/函数渲染 -->\n                  <component\n                    :is=\"item.comSearchComponent\"\n                    v-if=\"item.comSearchRender == 'customRender'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    v-bind=\"item.comSearchProps\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                  ></component>\n\n                  <!-- 自定义渲染-slot -->\n                  <slot\n                    v-else-if=\"item.comSearchRender == 'slot'\"\n                    :name=\"item.comSearchSlotName\"\n                  ></slot>\n                </div>\n              </div>\n            </el-col>\n\n            <!-- 时间范围 -->\n            <el-col\n              v-else-if=\"\n                item.render == 'datetime' &&\n                (item.operator == 'RANGE' || item.operator == 'NOT RANGE')\n              \"\n              :span=\"spans.datetime\"\n            >\n              <div class=\"com-search-col\">\n                <div\n                  v-if=\"item.comSearchShowLabel !== false\"\n                  class=\"com-search-col-label\"\n                >\n                  {{ item.label }}\n                </div>\n                <div class=\"com-search-col-input-range\">\n                  <el-date-picker\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    class=\"datetime-picker\"\n                    :default-value=\"\n                      DkTable.comSearch.form[item.prop! + '-default']\n                        ? DkTable.comSearch.form[item.prop! + '-default']\n                        : [new Date(), new Date()]\n                    \"\n                    :type=\"\n                      item.comSearchRender == 'date'\n                        ? 'daterange'\n                        : 'datetimerange'\n                    \"\n                    range-separator=\"到\"\n                    start-placeholder=\"开始日期\"\n                    end-placeholder=\"结束日期\"\n                    :value-format=\"\n                      item.comSearchRender == 'date'\n                        ? 'YYYY-MM-DD'\n                        : 'YYYY-MM-DD HH:mm:ss'\n                    \"\n                    :teleported=\"false\"\n                  />\n                </div>\n              </div>\n            </el-col>\n            <!--时间范围-->\n            <el-col\n              v-else-if=\"\n                item.render == 'time' &&\n                (item.operator == 'RANGE' || item.operator == 'NOT RANGE')\n              \"\n              :span=\"spans.datetime\"\n            >\n              <div class=\"com-search-col\">\n                <div\n                  v-if=\"item.comSearchShowLabel !== false\"\n                  class=\"com-search-col-label\"\n                >\n                  {{ item.label }}\n                </div>\n                <div class=\"com-search-col-input-range\">\n                  <el-time-picker\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    is-range\n                    range-separator=\"到\"\n                    format=\"HH:mm:ss\"\n                    value-format=\"HH:mm:ss\"\n                    start-placeholder=\"开始时间\"\n                    end-placeholder=\"结束时间\"\n                  ></el-time-picker>\n                </div>\n              </div>\n            </el-col>\n            <el-col v-else :span=\"spans.common\">\n              <div class=\"com-search-col\">\n                <div\n                  v-if=\"item.comSearchShowLabel !== false\"\n                  class=\"com-search-col-label\"\n                >\n                  {{ item.label }}\n                </div>\n                <!-- 数字范围 -->\n                <div\n                  v-if=\"\n                    item.operator == 'RANGE' || item.operator == 'NOT RANGE'\n                  \"\n                  class=\"com-search-col-input-range\"\n                >\n                  <el-input\n                    v-model=\"DkTable.comSearch.form[item.prop! + '-start']\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    type=\"string\"\n                    :clearable=\"true\"\n                  ></el-input>\n                  <div class=\"range-separator\">到</div>\n                  <el-input\n                    v-model=\"DkTable.comSearch.form[item.prop! + '-end']\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    type=\"string\"\n                    :clearable=\"true\"\n                  ></el-input>\n                </div>\n                <!-- 是否 [NOT] NULL -->\n                <div\n                  v-else-if=\"\n                    item.operator == 'NULL' || item.operator == 'NOT NULL'\n                  \"\n                  class=\"com-search-col-input\"\n                >\n                  <el-checkbox\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :label=\"item.operator\"\n                    size=\"large\"\n                  ></el-checkbox>\n                </div>\n                <div v-else-if=\"item.operator\" class=\"com-search-col-input\">\n                  <!-- 时间筛选 -->\n                  <el-date-picker\n                    v-if=\"\n                      item.render == 'datetime' ||\n                      item.comSearchRender == 'date'\n                    \"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    class=\"datetime-picker\"\n                    :type=\"item.comSearchRender == 'date' ? 'date' : 'datetime'\"\n                    :value-format=\"\n                      item.comSearchRender == 'date'\n                        ? 'YYYY-MM-DD'\n                        : 'YYYY-MM-DD HH:mm:ss'\n                    \"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    :default-value=\"\n                      DkTable.comSearch.form[item.prop! + '-default']\n                        ? DkTable.comSearch.form[item.prop! + '-default']\n                        : new Date()\n                    \"\n                    :teleported=\"false\"\n                  />\n                  <!-- 年筛选 -->\n                  <el-date-picker\n                    v-if=\"item.render == 'year'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    class=\"datetime-picker\"\n                    type=\"year\"\n                    value-format=\"YYYY\"\n                    style=\"width: 100%\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                  />\n                  <!-- tag、tags、select -->\n                  <el-select\n                    v-else-if=\"\n                      (item.render == 'tag' ||\n                        item.render == 'tags' ||\n                        item.comSearchRender == 'select') &&\n                      item.replaceValue\n                    \"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    :clearable=\"true\"\n                  >\n                    <el-option\n                      v-for=\"(opt, okey) in item.replaceValue\"\n                      :key=\"item.prop! + okey\"\n                      :label=\"opt\"\n                      :value=\"okey\"\n                    />\n                  </el-select>\n\n                  <!-- 远程 select -->\n                  <dk-select\n                    v-else-if=\"item.comSearchRender == 'remoteSelect'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    filterable\n                    :placeholder=\"item.operatorPlaceholder\"\n                    :remote-url=\"item.remoteUrl\"\n                  ></dk-select>\n\n                  <!-- 开关 -->\n                  <el-select\n                    v-else-if=\"item.render == 'switch'\"\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    :clearable=\"true\"\n                  >\n                    <template v-if=\"!isEmpty(item.replaceValue)\">\n                      <el-option\n                        v-for=\"(opt, okey) in item.replaceValue\"\n                        :key=\"item.prop! + okey\"\n                        :label=\"opt\"\n                        :value=\"okey\"\n                      />\n                    </template>\n                    <template v-else>\n                      <el-option label=\"开\" value=\"1\" />\n                      <el-option label=\"关\" value=\"0\" />\n                    </template>\n                  </el-select>\n\n                  <!-- 字符串 -->\n                  <el-input\n                    v-else\n                    v-model=\"DkTable.comSearch.form[item.prop!]\"\n                    :placeholder=\"item.operatorPlaceholder\"\n                    type=\"string\"\n                    :clearable=\"true\"\n                  ></el-input>\n                </div>\n              </div>\n            </el-col>\n          </template>\n        </template>\n        <el-col :xs=\"24\" :sm=\"6\">\n          <div class=\"com-search-col pl-20\">\n            <el-button v-blur type=\"primary\" @click=\"onComSearch\">\n              搜索</el-button\n            >\n            <el-button @click=\"onResetForm()\">重置</el-button>\n          </div>\n        </el-col>\n      </el-row>\n    </el-form>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, ref, computed } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport { useElementSize } from '@vueuse/core'\nimport DkTableClass from '../../utils/dkTable'\n\nconst DkTable = inject('DkTable') as DkTableClass\nconst el: any = ref(null)\nconst { width } = useElementSize(el) // 当前组件宽度\nconst spans = computed(() => {\n  if (width.value < 768) {\n    return {\n      common: 24,\n      datetime: 24,\n    }\n  }\n  if (width.value < 900) {\n    return {\n      common: 12,\n      datetime: 24,\n    }\n  }\n  if (width.value < 1200) {\n    return {\n      common: 8,\n      datetime: 16,\n    }\n  }\n  return {\n    common: 6,\n    datetime: 12,\n  }\n})\nconst onComSearch = () => {\n  const comSearchData: comSearchData[] = []\n  for (const key in DkTable.comSearch.form) {\n    if (!DkTable.comSearch.fieldData.has(key)) {\n      continue\n    }\n    let val = ''\n    const fieldDataTemp = DkTable.comSearch.fieldData.get(key)\n    if (\n      fieldDataTemp.render == 'datetime' &&\n      (fieldDataTemp.operator == 'RANGE' ||\n        fieldDataTemp.operator == 'NOT RANGE')\n    ) {\n      // 时间范围组件返回的是时间数组\n      if (\n        DkTable.comSearch.form[key] &&\n        DkTable.comSearch.form[key].length >= 2\n      ) {\n        // 数组转字符串，以实现通过url参数传递预设搜索值\n        if (fieldDataTemp.comSearchRender == 'date') {\n          val =\n            DkTable.comSearch.form[key][0] +\n            ' 00:00:00' +\n            ',' +\n            DkTable.comSearch.form[key][1] +\n            ' 23:59:59'\n        } else {\n          val =\n            DkTable.comSearch.form[key][0] +\n            ',' +\n            DkTable.comSearch.form[key][1]\n        }\n      }\n    } else if (\n      fieldDataTemp.render == 'time' &&\n      (fieldDataTemp.operator == 'RANGE' ||\n        fieldDataTemp.operator == 'NOT RANGE')\n    ) {\n      // 时间范围组件返回的是时间数组\n      if (\n        DkTable.comSearch.form[key] &&\n        DkTable.comSearch.form[key].length >= 2\n      ) {\n        // 数组转字符串，以实现通过url参数传递预设搜索值\n        // if (fieldDataTemp.comSearchRender == 'date') {\n        //   val = DkTable.comSearch.form[key][0] + ' 00:00:00' + ',' + DkTable.comSearch.form[key][1] + ' 23:59:59'\n        // } else {\n        val =\n          DkTable.comSearch.form[key][0] + ',' + DkTable.comSearch.form[key][1]\n        // console.log('val', val, DkTable.comSearch.form[key])\n        // }\n      }\n    } else if (\n      fieldDataTemp.operator == 'RANGE' ||\n      fieldDataTemp.operator == 'NOT RANGE'\n    ) {\n      // 普通的范围筛选，DkTable在初始化时已准备好start和end字段\n      if (\n        !DkTable.comSearch.form[key + '-start'] &&\n        !DkTable.comSearch.form[key + '-end']\n      ) {\n        continue\n      }\n      val =\n        DkTable.comSearch.form[key + '-start'] +\n        ',' +\n        DkTable.comSearch.form[key + '-end']\n    } else if (DkTable.comSearch.form[key]) {\n      val = DkTable.comSearch.form[key]\n    }\n\n    if (val) {\n      comSearchData.push({\n        field: key,\n        val,\n        operator: fieldDataTemp.operator,\n        render: fieldDataTemp.render,\n      })\n    }\n  }\n\n  // console.log('comSearchData', comSearchData)\n  DkTable.onTableAction('com-search', comSearchData)\n}\n\nconst onResetForm = () => {\n  // 封装好的onResetForm在此处不能使用\n  for (const key in DkTable.comSearch.form) {\n    DkTable.comSearch.form[key] = ''\n  }\n  onComSearch()\n}\n</script>\n"],"names":[],"mappings":"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"}